首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前栈不止
CAD老兵
创建于2025-05-27
订阅专栏
“前栈不止”聚焦前端技术的深度与广度,涵盖框架实战、性能优化、工程化、可视化等热门话题。不止步于“前端”,更探索架构思维与全栈融合,致力于打造有深度、有趣味的技术分享阵地。
等 16 人订阅
共34篇文章
创建于2025-05-27
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
理解 devDependencies:它们真的不会被打包进生产代码吗?
本文探讨了 devDependencies 实际可能被打包进前端构建产物的问题。通过一个 Vite 项目示例,指出打包工具并不依据依赖类型区分是否打包,而是根据代码引用决定产物内容。
TypeScript 和构建工具(Vite、Webpack等)中构建目标详解
本文深入解析了构建目标在 JavaScript 和 TypeScript 中的作用,比较了构建目标的差异,说明了tsconfig.json与构建工具中构建目标设置的关系,并且介绍了如何实现兼容性支持。
如何在 Web Worker 中高效传输大批量数据(>10MB)
本文详解了在 Web Worker 中高效传输大于 10MB 的数据的最佳实践,重点介绍了 Transferable Objects(如 ArrayBuffer)的使用方式,避免性能瓶颈。
JavaScript 闭包在 V8 引擎中实现机制与优化策略
本文深入解析了闭包的概念及其在 V8 引擎中的实现机制,重点介绍了变量在栈与上下文(Context)中的查找过程,以及 Chrome 中如何查看闭包的调试信息。
JavaScript 中 sliced string 导致内存无法释放的隐患
JavaScript 中字符串切片(sliced string)可能会无意中保留整个原始长字符串,导致内存无法释放。本文介绍其成因、识别方式与优化方法。
前端 importmap 使用场景与实战详解
本文介绍了前端importmap的作用与使用场景,包括模块路径别名、CDN加载、构建时external注入、微前端共享依赖等,结合实际示例说明其原理和优势,适用于零构建开发、环境隔离与模块共享等场景。
Vite 构建库与构建应用的差异与最佳实践
本文深入对比了 Vite 在构建库与构建应用时的差异,并提供了详细的配置示例与最佳实践,涵盖构建命令、输出结构、类型声明、资源管理与部署策略等内容。
前端组件库的多主题实现原理与实战指南
本文介绍了 Ant Design 和 Element Plus 等组件库的多主题实现原理,深入剖析了 CSS 变量与 Less 的主题机制,并提供实战示例与常见问题解决方案。
TypeScript 结构性类型系统的异类:枚举类型
文本介绍如何为什么枚举类型是TypeScript这种结构性类型语言中的异类,并且提供了转换两个具有相同值但不同名称的枚举类型的各种解决方案。
Vite 如何借助 esbuild 实现极速 Dev Server 体验,并支持无 source map 的源码调试
本文深度解析了 Vite 如何结合 esbuild 和浏览器原生 ES 模块机制,实现极速开发体验,并在不生成 source map 文件的情况下,依然支持源码级调试和热更新。
前端 Source Map 原理与结构详解
本文深入解析 Source Map 的结构与原理,涵盖其用途、mappings 编码规则、实际 JS 示例、手动解码方法,并推荐相关工具,帮助开发者掌握调试压缩代码的核心技术。
如何构建一个基于WebGL的富文本编辑器?
这篇文章介绍了如何构建一个基于 WebGL 的富文本编辑器,结合 TinyMCE 与 THREE.js,实现在 3D 场景中编辑和渲染格式丰富的文本内容。
理解 Tree Shaking:原理与那些“甩不掉”的代码陷阱
本文深入解析 Tree Shaking 原理,列举常见失效场景,并提供对应的正确写法,帮助开发者有效优化前端打包体积。
JIT 编译器是什么?JavaScript 为啥能“跑得像风一样快”?
本文深入浅出地介绍了 JIT 编译器的工作机制,结合类比和代码示例,生动展示了类型推断、内联缓存、闭包优化等多种性能优化手段,揭示了 JavaScript 如何在浏览器中跑得像编译语言一样快。
JavaScript 中的 Object.freeze() 及其和 TypeScript 中 readonly 的关系
本文介绍了JavaScript中的Object.freeze()方法的用途、实现机制及使用注意事项,并对比了TypeScript中的readonly关键字,帮助理解二者区别与配合使用的场景。
TypeScript 是如何将 enum 转化为 JavaScript 的?
本文介绍了TypeScript中枚举类型的编译原理及其在JavaScript中的转译方式,涵盖数字枚举、字符串枚举、常量枚举等,并且介绍了如何使用TS Playground工具在线查看编译结果。
TypeScript 三斜线指令(Triple-Slash Directives)详解
本文介绍了 TypeScript 中的三斜线指令(Triple-Slash Directives),包括其语法、常见类型与import 的区别、使用建议和实际示例,帮助开发者更好地理解和应用该特性。
TypeScript 声明合并(Declaration Merging)详解
本文详细介绍了TypeScript中的声明合并机制,包括interface、namespace、class、function、enum 等的合并方式与规则。
lodash vs. lodash-es:模块化、高性能工具库的选择与分析
本文对比分析了lodash与lodash-es的异同,重点解释了为何 lodash-es在现代前端开发中更优。通过模块化支持、Tree Shaking 和打包体积等方面的对比,并结合源码示例。
从 npm 到 Yarn 到 pnpm:JavaScript 包管理工具的演进之路
本文系统回顾了npm、Yarn和pnpm三大包管理工具的演变历史,深入解析了它们的工作机制、设计理念及各自解决的问题,并通过示例帮助读者清晰理解依赖管理方式的差异,为选择最合适的工具提供了实用参考。
下一页