七元

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静...

翻译过来，大概意思就是：在计算机中，摇树是一种死代码消除技术，用来优化由Dart、JavaScript或TypeScript等语言编写的由web浏览器加载的单个包的应用。 ...

通过 experimentalMinChunkSize 以及 treeshake 等参数来优化 vite 打包后 chunk 数量...

本文深入解析 Source Map 的结构与原理，涵盖其用途、mappings 编码规则、实际 JS 示例、手动解码方法，并推荐相关工具，帮助开发者掌握调试压缩代码的核心技...

本文以剖析webpack-dev-server源码，从零开始实现一个webpack热更新HMR，深入了解webpack-dev-server、webpack-dev-mid...

Webpack热更新（ Hot Module Replacement，简称 HMR，后续均以 HMR 替代），无需完全刷新整个页面的同时，更新所有类型的模块，是 Webpa...

本文适用于前端方向的同学（没错就是给自己看的😭），文章整体从 Webpack 热更新的概念、核心思想以及重点源码解析等三个方面进行阐述，希望能让大家一起对热更新有所了解。...

合理利用缓存，可以提高页面的打开速度，这句话是前端开发者耳熟能详的准则 但具体缓存对页面性能有多大的影响呢？为了彻底弄懂浏览器缓存，从动手验证下这条准则开始吧...

强缓存和协商缓存基本概念 浏览器缓存是浏览器在本地存储用户最近请求的资源，以便在后续访问相同页面时能更快加载，提高性能并减少服务器负担。根据缓存策略，浏览器缓存可分为 强缓...

Qunar 大前端团队一直致力于提升 App 页面的用户体验，基于前端技术手段，提高页面的流畅度和稳定性。...

一、前面的话 hooks是react的一个标志性的特点，它是react拥抱函数式编程的一个重要的突破；通过使用hooks，我们可以让一个函数式组件也能够有自己的状态，相信大...

本文对应的 react 版本是 18.2.0 在阅读源码时，react 有很多位操作，这些位操作大都是对 lane 的操作 如果不了解这些位操作含义，看源码时会一脸懵逼： ...

相信很多公司的app都有网页的嵌入吧，原生APP和JS交互的方式有UIWebView、WKWebView、Cordava、Weex、Flutter、Reactive Nat...

1947 年 9 月 9 日，First actual case of bug being found，自此引入了 Debugging。...

如果想要文本超出宽度后用省略号省略，只需要加上以下的css就行了。 3行css搞定，但是问题来了：如果我们想要当文本被省略的时候，也就是当文本超出指定的宽度后，鼠标悬浮在文...

2023 人气最高的 Web 开发者工具，这些工具涵盖许多类别，包括 JS 库、Web 框架、CSS 生成器、数据库工具、React 组件、CLI 工具，甚至 ChatGP...

无论是初创的小公司，还是互联网大厂。只要是能赚钱的业务，那它的前端项目必定是需要监控的。 什么？你们的项目直接果奔？不需要任何监控？ 那没事了...

🛜 只需一条命令就能将你的本地项目放到公网访问！今天Localtunne帮你把这事办成了～～～～～～～～～～...

问题描述 vite默认使用http，模块很多时，访问速度上似乎不太理想 msw在http模式下，会存在fallback mode的问题 🎯 本文的愿景是解决上面的问题，正...