Linsk_个人页

2026年08月

• 08.22 18:02:58
  发表了文章 2026-08-22 18:02:58

  前端“依赖劫持”指南：单独修改一个库的某个导出，其余保持原样

  最近接手了一个 Ant Design 项目，客户试用时提了个需求：表格要支持拖拽列宽度。 好在公司的私有 npm 仓库里早就有人封装了一个带拖拽功能的 Table 组件实现。我心想，这还不简单？花点力气把业务代码里 `import { Table } from "antd"` 的地方逐个替换成公司仓库的实现就行了。 结果一动手，发现事情没那么简单。

2026年07月

• 07.13 16:42:48
  发表了文章 2026-07-13 16:42:48

  前端开发：如何优雅引入polyfill

  一般的polyfill引入方式只是够用，要真正的优雅，还得靠 [rollup-plugin-polyfill-inject] 和 [typescript-plugin-polyfill]。当然一般业务开发者是无需考虑兼容性的，处理构建问题是架构层做的。
• 07.06 20:27:01
  发表了文章 2026-07-06 20:27:01

  2026年了，请停止相信“公共 CDN 能提升性能”

  注意，今天我们要讨论的是公共 CDN，而不是自建 CDN 或云厂商的 CDN。 公共 CDN 已经没有缓存优势，对用户来说该加载数据量一点不会减少。 早年公共 CDN 能提速的核心逻辑非常简单：用户访问过任意使用同款 CDN 资源的网站，本地就会缓存该库，再次访问你的网站可以直接命中缓存、零下载。 但这套逻辑，在现代浏览器机制和前端生态下，早已荡然无存。 第一，Chrome 86 正式启用浏览器缓存分区机制，Firefox、Safari 等主流浏览器也同步跟进。不同站点的缓存是被隔离的，用户仍然需要重新下载脚本，所以公共CDN的那点缓存优势早已过时。

2026年06月

• 06.29 18:19:18
  发表了文章 2026-06-29 18:19:18

  vitest + vue3 踩坑记录

  Vitest最大的坑点是有太多隐式规则，导致与常规构建效果不一致，于是无法达到常规构建一致的效果。
• 06.23 13:42:33
  发表了文章 2026-06-23 13:42:33

  组件 = 模板 + 业务逻辑

  各位网友大家好，今天给大家推荐我刚发布的 Vue 3 开发库 —— vue-clazz-decorator。 名字里的 "clazz" 是 class 的谐音梗，为什么不直接叫 `vue-class-decorator` 呢？很简单，因为这个已经有人叫了。
• 06.08 14:21:30
  发表了文章 2026-06-08 14:21:30

  前端代码压缩对浏览器兼容性的影响

  前端代码压缩是构建流程中不可或缺的一环，但它也是一把双刃剑。我们精心配制的 Babel 兼容方案，可能会因为压缩工具的“反向优化”而瞬间瓦解，导致在低版本浏览器上出现诡异的语法错误。因此，作为前端基建的守护者，我们有必要深入理解并正确配置 Terser，构建起坚实的兼容性防线，让业务开发人员能够真正专注于业务逻辑本身，而无需担忧底层构建的兼容性陷阱。
• 05.25 13:24:52
  发表了文章 2026-05-25 13:24:52

  一个案例教你彻底搞明白`AbortController` 、`AbortSignal`

  今天这个案例，最硬核、最扎心、最真相、最干脆、最不墨迹、最不留情面、最一针见血、最开门见山、最单刀直入、最不铺垫、最不客套、最不煽情、最不废话、最不拐弯、最不磨叽、最不装、最不端着、最不啰嗦、最不拖沓、最不委婉、最不掩饰、最不藏着掖着、最直白、最彻底、最决绝、最了当。

2026年05月

• 05.18 19:43:02
  发表了文章 2026-05-18 19:43:02

  Rollup 官方插件 @rollup/plugin-inject 详解

  @rollup/plugin-inject是rollup官方自带的一个插件，是对标webpack中ProvidePlugin的存在。inject插件功能实用，源码也很值得阅读。今天我就为大家详解inject插件的使用。
• 05.12 13:15:08
  发表了文章 2026-05-12 13:15:08

  你的前端代码打包后究竟经历了什么？

  各位网友大家好，我是前端工程化专家老林。相信大家都打过前端包，但是你知道你的源代码是如何一步步变成前端包的呢？今天我就为大家以一个尽可能完善的构建过程来讲一讲。

2026年03月

• 03.19 22:46:32
  发表了文章 2026-03-19 22:46:32

  前端如何优雅实现0到auto的高度过渡

  各位好，相信大家都知道，最近更新 Chrome 已经支持了 0 到 auto 的高度过渡。但是很多人反映这种特性太新了，出于兼容考虑用不了的。而实际上 calc-size 是可以渐进增强的。今天我就给大家表演一下，0 到 auto 的渐进增强兼容所有浏览器。
• 03.16 23:44:56
  发表了文章 2026-03-16 23:44:56

  前端开发：不写样式代码才是最好的写样式方式

  本文揭示前端开发中“重样式、轻业务”的困局，指出CSS调试耗时低效、易出错且价值难被认可。提出通过架构层建设统一的样式体系——涵盖组件库、样式库、mixin、变量、PostCSS与Stylelint，让业务开发者少写甚至不写CSS，专注核心逻辑，实现高效、一致、可维护的前端研发。
• 03.12 01:59:39
  发表了文章 2026-03-12 01:59:39

  Web 新 API cookieStore 值得用吗？

  现代前端开发中，Cookie 依旧是前端存储、会话保持、跨域标识等场景不可或缺的能力。而长期以来，浏览器提供的原生 Cookie 操作方式一直依赖于 document.cookie，这套 API 从设计上就饱受诟病。随着现代 Web 标准的推进，cookieStore 作为新一代 Cookie 操作 API 被推出，很多开发者会自然产生疑问：这个新 API 到底好不好用？是否值得在业务中直接替换传统方式？本文就从实际开发体验、能力差异、适用场景三个角度，聊聊 cookieStore 到底值不值得用。
• 03.05 21:43:01
  发表了文章 2026-03-05 21:43:01

  前端开发：不处理浏览器兼容性，才是最佳的浏览器兼容性处理方式

  领导："小明同学，用户反映你做的页面打不开。" 小明："怎么可能，我测过多次了。" 领导发来一段视频。小明找到对应的用户日志，上面赫然写着`"foo.bar.at is not a function"`。 小明瞬间想起，自己为了简化数组取最后一个元素的逻辑，用了ES2022的新特性`Array.prototype.at()`。