到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的知识，其实都是来自于实践和工作中零散的学习。

web可视化查看构建分析：得到了webpack构建信息文件stats.json，如何进行很好的可视化查看？ 方案一：通过可视化分析工具Webpack Analyse，是个在线Web应用，上传stats.json文件就可以；不过好像需要翻墙；

由于前端的快速发展，相关工具的发展速度也是相当迅猛，各大框架例如vue,react都有自己优秀的脚手架工具来帮助我们快速启动一个新项目，也正式因为这个原因，我们对于脚手架中最关键的一环webpack相关的优化知之甚少，脚手架基本上已经为我们做好了相关的开发准备，...

8张图让你一步步看清 async/await 和 promise 的执行顺序 为什么写这篇文章？ 测试一下自己有没有必要看 需要具备的前置基础知识 主要内容 对于async await的理解 画图一步步看清宏任务、微任务的执行过程 为什么写这篇文章？ 说实话，关于js的异步执行顺序，宏任务...

你还在为该使用无状态组件（Function）还是有状态组件（Class）而烦恼吗？ ——拥有了hooks，你再也不需要写Class了，你的所有组件都将是Function。

在学习中我发现，像文章这样的知识往往是碎片化的，而前端涉及到的面很多，如果不将这些知识有效梳理，则无法形成体系、相互串联。最后有一种东懂一块，西了解一点的感觉。因此，我结合工作体会抽象出了一些前端基础技术能力，并将这段时间学习或产出的一些不错的内...

inMap 是一款基于 canvas 的大数据可视化库，专注于大数据方向点线面的可视化效果展示。目前支持散点、围栏、热力、网格、聚合等方式；致力于让大数据可视化变得简单易用。

对于前端开发来说，组件化技术已经是一门必修课了，这其中又主要以 react 和 vue 为主。但平时在开发组件，尤其是公共组件或者第三方组件库的时候，往往会有一些困扰：

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

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

一个大型项目常常要依赖很多第三方的模块，而第三方的模块又有自己的依赖，假如其中有两个模块依赖了同一个模块的不同版本，这个时候该模块就要存在两个不同版本，那么它们在 node_modules 中是如何存在的呢？ npm 的大量工作都是在处理这样的版本依赖问题。

对于 1.0 以前的版本，次版本号即可视为主版本号。也就是说如果你在 package.json 中引用的包版本是 ^0.3.1，那么升级和安装依赖时不会安装 0.4.x的版本。对于 0.x 的不稳定版本这里的处理比较特殊。

定义 {代码...} 特性 {代码...} 步骤1.半径100px圆形四个角设置60px {代码...} {代码...} 2.圆形横向60px，纵向50px {代码...} {代码...} 3.椭圆四个角设置50%圆角 {代码...} 4.四个角设置同样的横向及纵向百分比 {代码...} 5.四个角设置50% 30% 30% 50%／30% 50% 50...

在 Blink 和 WebKit 内核的浏览器中，对于应用了 transition 或者 animation的 opacity 元素，浏览器会将渲染层提升为合成层。也可以使用 translateZ(0) 或者 translate3d(0,0,0) 来人为地强制性地创建一个合成层。

require.ensure都是commonjs异步加载, 不存在你说的哪个同步哪个异步 分为二种情况使用： 情况一： {代码...} 此时会单独打包出一个js文件，没有自定义名称的话，会被命名为1.js(有hash时候会带上md5) 情况二： {代码...} 1、此时a.js作为依赖被加载，但是没有被执行...

require.ensure都是commonjs异步加载, 不存在你说的哪个同步哪个异步 分为二种情况使用： 情况一： {代码...} 此时会单独打包出一个js文件，没有自定义名称的话，会被命名为1.js(有hash时候会带上md5) 情况二： {代码...} 1、此时a.js作为依赖被加载，但是没有被执行...

详见此文，[链接]具体原因是chunkhash是整个chunk的hash，而你的js文件和js文件引的css都属于这个chunk的一部分，所以无论哪部分改变都会导致chunk变化。