Hi 👋 — welcome to White Meta. This is whitePlay's personal site.
与跨站的iframe共享cookie
与跨站的iframe共享cookie 先说背景：我们有一个老项目，已经有非常多的模块了，且技术栈比较老旧，维护起来很困难。 所以我打算把一部分老项目的页面迁移到新项目里去写。再通过iframe的方式集
sideEffects与摇树优化丢东西
与摇树优化丢失问题 秋天的奥林匹克森林公园 问题背景 在项目中引入 后，通过分析打包资源发现 的体积过大。为了优化包体积，我们决定通过配置 中的 字段来启用摇树优化（Tree Shaking）。 然而
sitemap xml和robots txt
这期是一个简单的技术分享，聊一聊标题里的这两个东西，不管你是前端还是后端面试的时候可能都会或多或少涉及到 SEO 的问题，因为毕竟是要搞网站嘛，SEO 是躲不掉的。 这是两个纯文本文件，面试的时候一问
tailwind好在哪
视频版 1. 命名之痛 我第一个想到的优势是不用命名了。 有一种说法，软件开发两大难题：一个是缓存，另一个是命名。 尤其是给样式类命名，诶呀，真的太难了。大多数情况下，我们给 class 命名的方法就
光学不练假把式[谈sql入门]
光学不练假把式 —— 谈 sql 入门 欠的技术债 作为一个软件工程专业毕业的程序员，数据库是大学的必修课。 依然记得当时的我在考试前一晚，抱着书本挑灯夜战了一个通宵，临时抱佛脚地看完了所有考点。第二
tailwind痛点与止痛
拿不到DOM节点 Tailwind的爽点是可以在DOM上直接写CSS，不用频繁切换上下文，不用考虑选择器，几乎是所见即所得的给DOM节点编辑样式。 但有时候我们拿不到DOM节点，那又该怎么给节点设置样
详解nodejs环境变量配置
详解 Nodejs 环境变量配置 什么是环境变量？ https://zh.wikipedia.org/wiki/环境变量 是一个动态命名的值，可以影响计算机上进程的行为方式。 简单来说，环境变量通常用
【汇总】常见的一些兼容性问题
【汇总】常见的一些兼容性问题 在网页开发过程中常常需要适配移动端应用的 和万恶的微信内置浏览器。 苹果端的 的特点是：大多数设备浏览器内核版本统一。但有一些苹果自己加入的"独占特性"——偶尔一些行为和
我写了一个简历制作工具
工具简介 通过https://whitemeta.cn/resume你就可以打开这个简历制作工具。 简历编写需要大量输入，所以我更推荐你用Pc来访问。移动端的使用体验会差很多。 打开链接后你会看到一个
前端组件的功能边界和状态管理
组件、Container 与 Store：前端状态边界该怎么划 前端项目写久了，很多人都会遇到一个别扭的阶段： 组件明明已经拆得很细，页面代码却越来越乱。 按钮、弹窗、表单、表格，一个个看上去都很“纯
shadcn好在哪
重新定义组件库 视频版 展开聊它好在哪之前，我想应该先明确定位，我们看它文档自我介绍的第一句话： This is not a component library. It is how you buil
从共置聊到vue维护痛点
从共置聊到Vue维护痛点 视频版 何为共置 这个分享起源于读到了https://kentcdodds.com/blog/colocation，作者思考了一件我们司空见惯的事：为什么注释总是紧挨着代码？
更专业地使用vscode
翻译自 https://javascript.plainenglish.io/use vs code like a pro 53973daa534f 只需些许调整，vscode就能变得更好用。 优化文
学习react19.2新特性
这篇文章“费曼一下”React 19.2的一些新特性 – react版本的keep alive 是一个新的内置组件，帮我们控制不可见部分（比如Tabs组件隐藏起来的部分）的行为。 使用体验类似于vue
获取数据
前端为什么不能直接在 useEffect 里 fetch？ 很多前端项目里，获取数据的代码都长这样： 它看起来简单直接，所以常常被当成“标准起手式”。但如果你真的把业务系统做大，就会发现这类写法只适合
在你使用memo()之前
【翻译】在你使用 之前 翻译自https://overreacted.io/before you memo/ 市面上有很多文章介绍如何为 应用做性能优化，通常来说，如果状态更新很慢，你需要： 确保你构
起步
Nest 起步 这篇文章基于 10.0 版本，简单介绍了如何从零开始创建一个 项目，以及 常见的概念， 如 等等。 controller 用来处理 路由，复杂逻辑传递给 。 service 负责业务模