简易版实现中几点必须的操作： 一个array middleList 来存储中间件 执行中间件的操作，循环 middleList 将每一项执行，或者使用shift 将切出的每一项执行 有next 、 done 函数 初始执行next class MiddleWare { constructor(data) { this.data = data; this.middleList = []; this.next = this.next.bind(this) this.done = this.done.bind(this)…
常用的两种包管理工具： 1、yarn 2、npm（cnpm、公司内部源npm） 两种工具都使用过，但是一直没有总结过两者的异同，今天总结一下。 yarn 是Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具，解决了npm的一些缺陷。 1、yarn 采用的是并行安装，npm 采用的是串行安装，所以yarn 的安装速度要比npm快。 2、安装版本统一 ：yarn.lock 文件和 pageage-lock.json 文件。 npm 和 Yarn 都是通过 packa…
在网上发现了一片文章，比较全面的分析了一下JavaScript的执行机制，分析的很不错。外加自己的理解和经验分析整理一下。 首先我们要知道两点： JavaScript是单线程的语言 Event Loop是javascript的执行机制 1.关于javascript javascript是一门单线程语言，在最新的HTML5中提出了Web-Worker，但javascript是单线程这一核心仍未改变。所以一切javascript版的"多线程"都是用单线程模拟出来的，一切javascript多线程都是纸老虎！ 2.jav…
影响网站的速度是用户的网速和网站对http请求的处理，为了提升这一点我们通常都会减少http请求，比如，js和css的合并压缩、雪碧图等等。 影响网站性能最大的因素就是浏览器的重绘和重排版了，在原生js当中，我们在遇到需要操作添加DOM的时候，一般都会使用创建文档碎片(document.createDocumentFragment）的方式来减少DOM的重绘和重排版。 React 中的React Virtual DOM 和diff 的存在实则减少网站的性能消耗，但是对于性能优化的问题，我们往往会基于一个不信任的态度，…
这只是一篇个人记录文章。 使用react-router切换页面显得有些单调乏味。所以我们会使用react-transition-group 来进行一些动画的设置，主要是路由的进出动画，当然也可以做其他的动画展示，只是css3 的问题。 react-transition-group 用的大多是1.2.0 或者 1.1.1 的版本，现在是2.2.2的版本，API基本上都变化了。 Note:ReactTransitionGroup和ReactCSSTransitionGroup已被移动到由社区维护的reac…
最近写一个移动端的活动页的的时候被overflow 戏弄一番，戏弄的点就是在pc上用浏览器调试一切正常，在手机上真机实测的时候就不行。想要隐藏的元素没有被隐藏掉。略显尴尬。查明之后确实发现这个知识点趋确实之前没有get到。 有的时候我们为了一些需求和页面的健壮性，经常使用overflow:hidden。使用其帮我们裁剪一下元素等。有时为了避免页面或者元素被撑开我们也会使用overflow属性。但是有些人（比如我）会对overflow:hidden 有一些误解，此属性并不能隐藏所有你想要隐藏裁剪的元素。 正常的使用：…
higher-order 这个词业界老司机基本上都知道，higher-order-function（高阶函数）在函数式编程中是一种概念。描述的是一种函数：这种函数接受函数作为参数，或者输出一个参数。 常见的有map、sort、reduce higher-order-component （高阶组件HOC）类似于高阶函数，它接受一个React组件作为参数，返回一个新的React组件。 通俗点讲就是：当React组件呗包裹时（wrapped），高阶组件会返回一个加强的React组件。 高阶组件让我们的代码更具有复用性、…
