​ 今天我们来聊聊Mock，随着互联网发展，这两年前后端分离的开发模式兴起，Mock也从以住的幕后走上了台面，让更多的人而得知，以前传统的开发方式Mock大多局限在后端人员接触较多一些。 Mock已经是老生常谈了，网上一搜索就很多，各位前辈们都讲的很到位，但今天我只讲它——ea…

相信越来越多的前端开发者已经迁移到VSCode阵营了，这里不对各大编辑器作比较。因为我怕杠不过各位。^_^ ··· VSCode快速，稳定而且能完美支持TS。 我对开箱即用的编辑器一直存在着好感，但是他们都或多或少的缺少点什么，但是广大的同胞打造的扩展(extensions)完…

我们都清楚当元素设置display:none后，界面上将不会显示该元素，并且该元素不占布局空间，但我们仍然可以通过JavaScript操作该元素。但为什么会这样呢？ 这个涉及到浏览器的渲染原理：浏览器会解析HTML标签生成DOM Tree，解析CSS生成CSSOM，然后将DOM…

随着Node.js的横空处世，本来目的是解决部分后端的问题，谁知道却无意间给前端开发带来了一场颠覆性的革命，从此前端拉开了现代化开发的序幕。如今，作为前端开发，无论是想进阶或是拓宽个人知识边界，node.js早已是前端必须掌握的了。拿下node.js，你还在犹豫什么？ Koa.…

npm在前端开发流程中提供了非常完善的自动化工具链，已成为每个前端开发者必备的工具，但是同样由于其强大性导致很多前端开发者只会简单的使用它。本文将总结在日常开发中所需要的npm知识点，以便开发者们更好的将npm运用在实际开发中。 1. npm 处理 node_modules 目…

每当我们在地址栏中输入URL或者点击一个链接的时候，实质就是对浏览器（客户端）下达一道指令去指定的位置（服务器）获得我们想要的资源。获取资源是浏览器展示web页面的第一步工作。 获取资源是一个过程，这个过程可以拆解成如下几个步骤。 当浏览器接收到URL后，浏览器首先要修正URL…

年底了，开源一套我们的大前端架构aotoo-hub，小伙伴们都用得很爽的。 aotoo-hub是一套正式上线的大前端解决方案。迭代的这2年多的时间，从webpack-1熬到了webpack-4，从纯前端脚手架到融合node端的整体方案，从繁复到精简，重构的次数不要太多。简单、易…

Webpack是React和Redux项目的主要模块加载器。我认为使用Angular2和其他的框架的人在如今也大量使用Webpack进行开发。 当我第一次查看Webpack的配置文件时，我是懵逼的。在使用过一段时间以后，我觉得这是因为Webpack有着独一无二的语法和标新立异的…

记得年初的时候我给自己制定了一个学习计划，现在回顾来看完成度还不错。但仍有些遗憾，一些技术点没有时间去好好学习。 在学习中我发现，像文章这样的知识往往是碎片化的，而前端涉及到的面很多，如果不将这些知识有效梳理，则无法形成体系、相互串联。最后有一种东懂一块，西了解一点的感觉。因此…