利用增量构建工具 Preset 打造自己的样板库
介绍了如何使用 Preset 工具来构建自己的样板库。通过 extract、editJson、installDependencies 等功能,可以轻松创建和管理样板库,避免脚手架升级时的修改冲突。
2635 字
|
13 分钟
从 CSS 开始学习数据可视化
探讨了使用 CSS 进行数据可视化的方法。通过 Grid Layout 和 Linear-gradient,可以轻松实现柱状图等常规图表,而无需引入 ECharts 等额外库。还介绍了 Chart.css 这一 CSS 框架。
1387 字
|
7 分钟
从组件 boolean 值属性谈谈分层架构
从组件 boolean 值属性命名(can/able/is)出发,探讨了不同工作场景下的命名方式及其背后的逻辑,并结合实际案例介绍了分层架构的优势和应用。
1777 字
|
9 分钟
手写一个基于 Proxy 的缓存库
介绍了如何使用 Proxy 创建一个高效的缓存库。通过 Proxy 的拦截机制,可以实现对对象属性的访问控制和缓存管理,减少业务代码的侵入性。
3946 字
|
20 分钟
聊聊不可变数据结构
探讨了不可变数据结构的优势和应用场景,介绍了使用浅拷贝实现不可变数据、immutability-helper 库的使用方法与源码解析,以及 Immer 库如何利用 Proxy 实现更简洁的不可变数据操作。
2991 字
|
15 分钟
使用 AVIF 图片格式
AVIF 是 Netflix 推出的新一代图片格式,压缩率比 JPEG 高 10 倍。本文介绍了 AVIF 的核心优势、浏览器兼容性解决方案以及使用 Sharp 工具生成 AVIF 图片的完整方法。
833 字
|
4 分钟
组织和管理 CSS
2020-12-08
探讨了 CSS 的组织与管理,介绍了 BEM 命名约定、Atomic CSS、Tailwind 框架和 MVP.css 等方法,分析了它们的优缺点和适用场景。
2368 字
|
12 分钟
总结对象安全访问处理方案
针对前端开发中常见的"cannot read property of undefined"错误,介绍了短路运算符号嗅探、|| 单元保底值、try catch、链判断运算符等多种对象安全访问处理方案。
1367 字
|
7 分钟