在阅读react源码中，发现其中大量用到了transaction（中文翻译为事务）这个写法，所以单独做一下分析。其实在react中transaction的本质，其实算是一种设计模式，它的思路其实很像AOP切面编程:

目前express最新版本是4.16.2,所以本文分析也基于这个版本。目前从npm仓库上来看express使用量挺高的,express月下载量约为koa的40倍。所以目前研究下express还是有一定意义的。

随着前端项目日益复杂，如何构建可维护、可复用、可配置的CSS代码，成了每个前端工程师都需要思考的问题。问题的本质：CSS最初是为了描述网页样式而被提出的，并不具备编程语言的特性，于是在前端走向工程化的道路上，CSS暴露出一些问题拖了后腿：

开门见山 1.打包单一模块 webpack.config.js {代码...} chunk1.js {代码...} 打包后，main.js(webpack生成的一些注释已经去掉) {代码...} 这其实就是一个立即执行函数，简化一下就是： {代码...} OK,看一下自运行的匿名函数里面干了什么： {代码...} 整个函数里就声...

上面是我们两种常用的接口方式，两种都有各自的优缺点，有没有可以包揽所有优点的方案呢？我们需要一个标准的API层，那这就是GraphQL，请注意GraphQL是一个规范，是由facebook倡导的一个规范，不是一个实现。GraphQL有下面三个定义：

菜鸟物流大市场是菜鸟旗下的一条业务线，可以简单地理解为物流领域的淘宝，是为撮合物流需求方和物流提供方搭建的一个平台。其中搜索页、详情页、买家中心等页面是基于beidou同构框架开发的。随着node、react同构等技术越来越广泛地使用, 内存泄漏的事情时有发生，应...

随着越来越多新型前端框架的推出，SSR 这个概念在前端开发领域的流行度越来越高，也有越来越多的项目采用这种技术方案进行了实现。SSR 产生的背景是什么？适用的场景是什么？实现的原理又是什么？希望大家在这篇文章中能够找到你想要的答案。

JS本身是一门单线程的语言，所以在执行一些需要等待的任务(eg.等待服务器响应，等待用户输入等)时就会阻塞其他代码。如果在浏览器中JS线程阻塞了，浏览器可能会失去响应，从而造成不好的用户体验。幸运的是JS语言本身和其运行的环境(浏览器，Node)都提供了一些解决方...

在ComponentDidMount、ComponentDidUpdate、ComponentWillUnmount等生命周期中做获取数据，订阅/取消事件，操作ref等相互之间无关联的操作，而把订阅/取消这种相关联的操作分开，降低了代码的可读性；

本文由云+社区发表“当我第一次知道要这篇文章的时候，其实我是拒绝的，因为我觉得，你不能叫我写马上就写，我要有干货才行，写一些老生常谈的然后加上好多特技，那个 Node.js 性能啊好像 Duang~ 的一下就上去了，那读者一定会骂我，Node.js 根本没有这样搞性能优化的...

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

在 Web 应用开发过程中，我们经常谈及到的就是优化，而优化往往又是既简单而又复杂的过程，优化这个命题很广，最终体现出来的都是用户体验问题，我们一切优化都是为了用户体验。

在 Web 应用开发过程中，我们经常谈及到的就是优化，而优化往往又是既简单而又复杂的过程，优化这个命题很广，最终体现出来的都是用户体验问题，我们一切优化都是为了用户体验。

我第一次见到makefile的时候，是在看js测试的那一块。简直，一开始跟风，觉得makefile这么牛逼，我也想看看。 首先，看了陈老师的跟我一起学习Makefile. 打开了第一章之后，后面就没有勇气再打开下去了。 后来了解了一下makefile原来是C语言作为工程化处理的一个必杀...

我们依然写两个文件，m.js文件用es模块的方式export一个default函数和一个foo函数，index.js import该模块，具体代码如下：

我们都知道，webpack作为一个构建工具，解决了前端代码缺少模块化能力的问题。我们写的代码，经过webpack构建和包装之后，能够在浏览器以模块化的方式运行。这些能力，都是因为webpack对我们的代码进行了一层包装，本文就以webpack生成的代码入手，分析webpack是如何...

写在金三银四之际。 因为种种原因想要谋求新的发展，不得已翻起了尘封已久的高程书；写起了各种经典CSS布局；回顾起记忆略显模糊的几个项目。感慨着太多太多的知识点自己都不够深入甚至缺乏认识，却又不能急功近利，囫囵吞枣。牢骚发完了，苦水吐完了，进入正题。

多代码，慎读！！！ 预览 完整项目预览----预览地址; 属性设计 烟花状态：烟花应有三个状态： 升空 等待炸裂 炸裂后 烟花：发射点（x, y），爆炸点(xEnd, yEnd)，升空后等待炸裂时间（wait），炸裂后微粒个数（count），烟花半径（radius） 烟花炸裂后微粒：自身位置...

javascript和其他编程语言相比比较随意，所以javascript代码中充满各种奇葩的写法，有时雾里看花，当然，能理解各型各色的写法也是对javascript语言特性更进一步的深入理解。

2018-06-13 更新。昨天突然好奇在Google上搜了一波关于create-react-app 源码的关键词，发现掘金出现好几篇仿文，就连我开头前沿瞎几把啰嗦的话都抄，我还能说什么是吧？以后博客还是首发在Github上，地址戳这里戳这里！！转载求你们注明出处、改编求你们贴一下参考...