摘要: 首先我们需要为项目处理好babel和polyfill,这个我就不介绍了。 处理完babel和polyfill后,我们可以发现IE11就能运行了,IE10不能运行。这是怎么回事呢?调试一下,我们就能发现关键代码: function resolveUpdatePriority(): EventPrior 阅读全文
posted @ 2026-07-27 19:05 linsk1998 阅读(3) 评论(0) 推荐(0)
摘要: 青铜:全局全量引入 最简单粗暴的方案,在HTML或JS入口直接引入完整的polyfill文件。 <!-- 在<head>或<body>开头 --> <script src="./polyfill.js"></script> // 或在JS入口文件第一行 import "./polyfill.js"; 阅读全文
posted @ 2026-07-13 16:40 linsk1998 阅读(5) 评论(0) 推荐(0)
摘要: 2026年了,请停止相信“公共 CDN 能提升性能” 注意,今天我们要讨论的是公共 CDN,而不是自建 CDN 或云厂商的 CDN。 公共 CDN 已经没有缓存优势,对用户来说该加载数据量一点不会减少。 早年公共 CDN 能提速的核心逻辑非常简单:用户访问过任意使用同款 CDN 资源的网站,本地就会缓存该库,再次访问你的网站可以直接命中缓存、零下载。 阅读全文
posted @ 2026-07-06 20:25 linsk1998 阅读(20) 评论(0) 推荐(0)
摘要: 各位网友大家好,今天给大家推荐我刚发布的 Vue 3 开发库 —— vue-clazz-decorator。 名字里的 "clazz" 是 class 的谐音梗,为什么不直接叫 vue-class-decorator 呢?很简单,因为这个已经有人叫了。 这个库就干一件事:让你用 类 + 装饰器 写 阅读全文
posted @ 2026-06-23 13:40 linsk1998 阅读(17) 评论(0) 推荐(0)
摘要: 前端代码压缩对浏览器兼容性的影响 前端代码压缩是构建流程中不可或缺的一环,但它也是一把双刃剑。我们精心配制的 Babel 兼容方案,可能会因为压缩工具的“反向优化”而瞬间瓦解,导致在低版本浏览器上出现诡异的语法错误。因此,作为前端基建的守护者,我们有必要深入理解并正确配置 Terser,构建起坚实的兼容性防线,让业务开发人员能够真正 阅读全文
posted @ 2026-06-08 14:19 linsk1998 阅读(8) 评论(0) 推荐(0)
摘要: 说到前端竞态问题,相信大家并不陌生。但真正落地时,大多数开发者选择忽略边界。哪怕是前端的明星项目vite都不能幸免。 这不是某个项目的问题,而是异步任务取消本身就是个前端难题。直到 AbortController 和 AbortSignal 的出现,提供了一套标准化的异步中断协议,才让"优雅地终止上 阅读全文
posted @ 2026-05-25 13:21 linsk1998 阅读(30) 评论(0) 推荐(0)
摘要: Rollup 官方插件 @rollup/plugin-inject 详解 @rollup/plugin-inject是rollup官方自带的一个插件,是对标webpack中ProvidePlugin的存在。inject插件功能实用,源码也很值得阅读。今天我就为大家详解inject插件的使用。 一句话概括插件是干嘛的? @rollup/plugin-inject 会通过语法 阅读全文
posted @ 2026-05-18 19:34 linsk1998 阅读(95) 评论(0) 推荐(0)
摘要: 各位网友大家好,我是前端工程化专家老林。相信大家都打过前端包,但是你知道你的源代码是如何一步步变成前端包的呢?今天我就为大家以一个尽可能完善的构建过程来讲一讲。 配置读取 打包命令执行的一瞬间,构建工具并不会立刻编译代码,第一步永远是读取并整合所有配置规则。 构建工具配置读取: 以 Vite 为例, 阅读全文
posted @ 2026-05-12 13:07 linsk1998 阅读(365) 评论(0) 推荐(2)
摘要: 前端圈一直流传着一个经典段子:Java和JavaScript是什么关系?就是雷峰和雷峰塔的关系。听过后令人会心一笑。但静下来想想🤔,真是这样吗? 什么是雷峰和雷峰塔的关系 雷峰(人)和雷峰塔(建筑)的关系非常明确:除了名字读音相似之外,两者在血缘、历史、物理构成等任何维度上,都百分之百毫无关联。 阅读全文
posted @ 2026-05-03 23:06 linsk1998 阅读(100) 评论(2) 推荐(0)
摘要: 为什么我建议前端基建有必要做 npm 仓库私有化 什么是 npm 仓库私有化? npm 仓库私有化又叫 "npm 私服"、"npm 私有仓库"、"npm 内网仓库"、"npm 内网镜像"。其核心在于在内网环境搭建一个类似 https://registry.npmjs.org 的代理和存储服务。通过部署私有仓库,企业可以在内部网络中建立专属的包管理服 阅读全文
posted @ 2026-03-30 23:50 linsk1998 阅读(41) 评论(0) 推荐(0)