慕晨同学

React在减少重复渲染方面确实是有一套独特的处理办法，那就是虚拟DOM，但显然在首次渲染的时候React绝无可能超越原生的速度，或者一定能将其它的框架比下去。尤其是在优化前的React，每次数据变动都会执行render，大大影响了性能，特别是在移动端。 在初始化渲染时，我们需…

“一云多端”成为趋势，终端类型越来越多。比如，现在PC Web网站的产品已经有了，现在想扩展APP，小 程序... ...怎么办？一个直接能想到的方法就是在原来的基础上，为APP等增加API接口，如下图所示： image.png image.png 这样做是可以的，然而一旦遇到…

本文将以用户使用 github 登录网站留言为例，简述 OAuth 2.0 的运作流程。 假如我有一个网站，你是我网站上的访客，看了文章想留言表示「朕已阅」，留言时发现有这个网站的帐号才能够留言，此时给了你两个选择：一个是在我的网站上注册拥有一个新账户，然后用注册的用户名来留言…

Redis是啥？用Redis官方的话来说就是： Redis is an open source (BSD licensed), in-memory data structure store, used as a database, cache and message broke…

Babel,Webpack，vue-cli和esLint等很多的工具和库的核心都是通过Abstract Syntax Tree抽象语法树这个概念来实现对代码的检查、分析等操作的。在前端当中AST的使用场景非常广,比如在vue.js当中，我们在代码中编写的template转化成r…

Express是一个简洁、灵活的node.js Web应用开发框架，它提供一系列强大的特性，帮助你创建各种web和移动应用。丰富的HTTP快捷方法和任意排列组合的Connect中间件，让你创建健壮、友好的API变得既快捷又简单。 简单地说，就是根据方法和路径执行匹配成功后执行对…

模块化简单来说就是是指把一个复杂的系统分解到多个模块以方便编码。JS模块化的大致流程为：CommonJS（服务端） -> AMD（浏览器端）-> UMD（兼容了CommonJS和AMD） -> ES Module（ES6标准）。本文将从它们的用法进行介绍，简单实现其原理。并简易…

AST的三板斧： 1.通过esprima生成AST 2.通过estraverse遍历和更新AST 3.通过escodegen将AST重新生成源码

前端技术的发展日新月异，vue,react，angular等的兴起，为我们带来了新的开发体验。但随着技术的革新，以及前端页面复杂度的提升，对应有localStorage，eventBus，vuex，redux，mobx，rxjs等数据存储和管理的方案，所以觉得研究状态管理还是很…