现在谈到 babel 肯定大家都不会感觉到陌生，虽然日常开发中很少会直接接触到它，但它已然成为了前端开发中不可或缺的工具，不仅可以让开发者可以立即使用 ES 规范中的最新特性，也大大的提高了前端新技术的普及（学不动了...）。但是对于其转换代码的内部原理我们大...

@vue/cli 项目编译重复命中缓存问题解析 文章首发于个人blog，欢迎关注~ 背景 最近遇到一个更新了 package，但是本地编译打包后没有更新代码的情况，先来复现下这个 case 的流程： A 同学在 npm 上发布了0.1.0版本的 package； B 同学开发了一个新的 feature，并发布...

无论你开发使用的是 CommonJS 规范还是 ES6 模块规范，打包后的文件都统一使用 webpack 自定义的模块规范来管理、加载模块。本文将从一个简单的示例开始，来讲解 webpack 模块加载原理。

在最近的项目开发中，出现了一个令我困扰的状况。我正在开发的项目 A，依赖了已经线上发布的项目 B，但是随着项目 A 的不断开发，又需要不时修改项目 B 的代码（这些修改暂时不必发布线上），如何能够在修改项目 B 代码后及时将改动后在项目 A 中同步？ 在项目 A 发...

通过本文你可以学到什么：webpack对模块化语法的支持、打包后模块的链接执行、动态加载模块的处理流程，以及可能涉及到的诸多知识点等待你的发掘。提示：有些讲解放到了注释里，注意结合一起看。

我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存储库的 npm，却依然如日中天，还是世界上最大的软件注...

本文以淘宝作为例子，介绍从一百个到千万级并发情况下服务端的架构的演进过程，同时列举出每个演进阶段会遇到的相关技术，让大家对架构的演进有一个整体的认知，文章最后汇总了一些架构设计的原则。

在学习Vue.js时，使用vue-cli创建了一个Vue项目，main.js文件中有一行经典代码 render: h => h(App)，那她是什么意思呢？

随着 iOS 13 的发布，深色模式（Dark Mode）越来越多地出现在大众的视野中，支持深色模式已经成为现代移动应用和网站的一个潮流，前段时间更是因为微信的适配再度引起热议。深色模式不仅可以大幅减少电量的消耗，减弱强光对比 ，还能 提供更好的可视性和沉浸感。

Cross-Origin Read Blocking (CORB) blocked cross-origin response [链接] with MIME type text/html. See [链接] for more details.

CommonsChunkPlugin主要是用来提取第三方库和公共模块，避免首屏加载的bundle文件或者按需加载的bundle文件体积过大，从而导致加载时间过长，着实是优化的一把利器。

vue + typescript 新项目起手式 最后更新于2018-06-30，技术文具有时效性，请知悉 我知道你们早就想用上 vue + ts 强类型了 还有后续 vue + typescript 进阶篇 安装vue-cli 安装ts依赖 配置 webpack 添加 tsconfig.json 添加 tslint.json 让 ts 识别 .vue 改造 .vue...

用 svg-sprite-loader 解放你的icon. 好吧，这篇文章的起源就来源于——我懒。 UI小姐姐设计了自己的icon，但是我不想每次引入icon的时候都写一大堆: {代码...} 很长很长的地址…我觉得最简单的形式还是像饿了么那些UI库一样，直接： {代码...} 写个文件名就能引入我的i...

最近把业务整理了一下，弄个组件库给合作方使用，瞬间惬意了许多，但是随之而来是npm包管理的诸多问题，主要是业务初期版本号快速增长导致的：版本号过多，版本号传递过程中的繁琐以及组件库反复安装的痛苦，本文将着重解决这三个问题。

一道残阳铺水中，半江瑟瑟半江红。随着城市建设的迅速发展，每年都有大量新建管网水管通水运行。城市中有大量的排水设备，形成相应的城市排水系统，排水系统由检查井、排水泵站、污水处理厂、雨水口、排放口等等组成，排水设备中的检查井、雨水口、排放口等通过排水...

目录HMR是什么使用场景配置使用HMR配置webpack解析webpack打包后的文件内容配置HMRHMR原理debug服务端源码服务端简易实现服务端调试阶段debug客户端源码客户端简易实现客户端调试阶段问题总结招聘HMR是什么HMR即Hot Module Replacement是指当你对代码修改并保存后，w...

最近在整理 JavaScript 的时候发现遇到了很多面试中常见的面试题，本部分主要是作者在 Github 等各大论坛收录的 JavaScript 相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，对大家对 JavaScript 的可以来一次全方位的检漏和排查，感谢原作者 CavsZhouyo...

什么是同源策略？同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一...

看到标题时，有些同学可能会想：“我已经用xhr成功地发过很多个Ajax请求了，对它的基本操作已经算挺熟练了。” 我之前的想法和你们一样，直到最近我使用xhr时踩了不少坑儿，我才突然发现其实自己并不够了解xhr，我知道的只是最最基本的使用。于是我决定好好地研究一番x...

replace方法是javascript涉及到正则表达式中较为复杂的一个方法，严格上说应该是string对象的方法。只不过牵扯到正则的时候比较多一些。需要我们灵活的使用。