linsk

摘要： 前端代码压缩是构建流程中不可或缺的一环，但它也是一把双刃剑。我们精心配制的 Babel 兼容方案，可能会因为压缩工具的“反向优化”而瞬间瓦解，导致在低版本浏览器上出现诡异的语法错误。因此，作为前端基建的守护者，我们有必要深入理解并正确配置 Terser，构建起坚实的兼容性防线，让业务开发人员能够真正 阅读全文

摘要： 说到前端竞态问题，相信大家并不陌生。但真正落地时，大多数开发者选择忽略边界。哪怕是前端的明星项目vite都不能幸免。 这不是某个项目的问题，而是异步任务取消本身就是个前端难题。直到 AbortController 和 AbortSignal 的出现，提供了一套标准化的异步中断协议，才让"优雅地终止上 阅读全文

摘要： @rollup/plugin-inject是rollup官方自带的一个插件，是对标webpack中ProvidePlugin的存在。inject插件功能实用，源码也很值得阅读。今天我就为大家详解inject插件的使用。 一句话概括插件是干嘛的？ @rollup/plugin-inject 会通过语法 阅读全文

摘要： 各位网友大家好，我是前端工程化专家老林。相信大家都打过前端包，但是你知道你的源代码是如何一步步变成前端包的呢？今天我就为大家以一个尽可能完善的构建过程来讲一讲。 配置读取 打包命令执行的一瞬间，构建工具并不会立刻编译代码，第一步永远是读取并整合所有配置规则。 构建工具配置读取： 以 Vite 为例， 阅读全文

摘要： 前端圈一直流传着一个经典段子：Java和JavaScript是什么关系？就是雷峰和雷峰塔的关系。听过后令人会心一笑。但静下来想想🤔，真是这样吗？ 什么是雷峰和雷峰塔的关系 雷峰（人）和雷峰塔（建筑）的关系非常明确：除了名字读音相似之外，两者在血缘、历史、物理构成等任何维度上，都百分之百毫无关联。 阅读全文

摘要： 什么是 npm 仓库私有化？ npm 仓库私有化又叫 "npm 私服"、"npm 私有仓库"、"npm 内网仓库"、"npm 内网镜像"。其核心在于在内网环境搭建一个类似 https://registry.npmjs.org 的代理和存储服务。通过部署私有仓库，企业可以在内部网络中建立专属的包管理服 阅读全文

摘要： 各位好，相信大家都知道，最近更新 Chrome 已经支持了 0 到 auto 的高度过渡。但是很多人反映这种特性太新了，出于兼容考虑用不了的。而实际上 calc-size 是可以渐进增强的。今天我就给大家表演一下，0 到 auto 的渐进增强兼容所有浏览器。 我们先搭建一个空白工程化项目 这个示例工 阅读全文

摘要： 领导：小明，你这个页面在苹果手机上错乱了。 领导：小明，你这两个页面的高度好像不一样啊。 领导：小明，所有这个东西统一调大一点。 小明整天被一些样式细节所困扰，反复调整间距、对齐、适配、统一风格，大量时间消耗在琐碎的 CSS 调试上，导致他根本无法专心编写业务功能代码。这是前端开发中普遍存在的怪圈： 阅读全文

摘要： 一、传统Cookie API的三宗罪 在Web开发中操作Cookie，开发者们已经忍受了二十多年的折磨。document.cookie这个API的设计堪称"反人类"的典范： 第一，API 风格过于怪异。传统 Cookie 读写共用一个属性，读是取值、写是拼接字符串赋值。这种设计违背了最基本的编程直觉 阅读全文