屏幕分辨率和像素px - 物理像素(physical pixel)pixel，即像素，是屏幕最小物理单位。它是没有宽高的，只是用于显示色彩的一个“点”。如 1080x2340 表示屏幕水平方向一...
图片压缩 首先介绍一个众所周知、肥肠牛逼的在线图片压缩工具 TinyPNG 👈图片格式 JPG / JPEG - 有损压缩。不支持透明。适合呈现色彩丰富的图片，如背景图、轮播图、Banner...
记最近尝试的新技术corepack什么是 corepackcorepack 是跟随 nodejs v16.13 的实验性工具，简单来讲就是“包管理器的管理器”。现在 npm、yarn、pnpm、...
WebAuthn什么是 WebAuthn 此文章基本摘自谈谈 WebAuthnWebAuthn(Web Authentication)，是一个用于在浏览器上进行认证的 API，W3C 将其表述...
帝王篇 - 清由于个人比较喜欢听百家讲坛，这个系列只是作为一个笔记，而之前只在本子上记录，也比较松散，看到隋朝时候才打算写入博客 😶，干脆就一起整理下吧 😀清（1636 - 1912） ...
AST什么是 AST我们日常中用到的 babel、eslint 等插件，其实背后原理就涉及到 AST，即抽象语法树（Abstract Syntax Tree，AST），它是源代码语法结构的一种抽...
Vite什么是 Vite时过境迁，我们见证了诸如 webpack、Rollup 和 Parcel 等工具的变迁，它们极大地改善了前端开发者的开发体验。然而，当我们开始构建越来越大型的应用时，需要...
Core Web Vitals什么是 Google CWVCWV(Core Web Vitals) 即核心 web 指标，当前侧重于用户体验的三个方面 —— 加载性能、交互性和视觉稳定性： L...
安全漏洞与防范CSRFCSRF（Cross-site request forgery） 跨站请求伪造：攻击者诱导受害者进入第三方网站，在第三方网站中，向被攻击网站发送跨站请求。利用受害者在被攻击...
Docker & KubernetesDocker与虚拟机的对比Docker 容器并非虚拟机，但可以比喻为更轻量级的虚拟机。使用虚拟机运行多个相互隔离的应用时(以下翻译参考自这里): ...
记一些单元测试常用的单元测试仓库 jest - Delightful JavaScript Testing. ts-jest - Jest to test projects written ...
帝王篇 - 明由于个人比较喜欢听百家讲坛，这个系列只是作为一个笔记，而之前只在本子上记录，也比较松散，看到隋朝时候才打算写入博客 😶，干脆就一起整理下吧 😀明（1368 - 1644） ...
pnpm & Monorepo什么是 pnpmpnpm 就是包管理器，类似的有 npm 和 yarn。那么 pnpm 为什么而存在，摘自官方的解释:Fast, disk space ef...
NPM 私有仓库搭建 目前文章主要摘自npm 私有仓库工具 Verdaccio 搭建 - 匠心博客，后续会补上自己的实践为什么需要 npm 私有仓库在构建前端项目的过程中，核心包、开发脚手架、...
SEO sitemap为什么需要 SEOSEO(Search Engine Optimization) 即搜索引擎优化。简而言之，SEO 能够提高网站在 Google 等搜索结果中的曝光率，从而...
