发起一个github/npm工程协作项目，门槛太高了！！ 最基础的问题，你都要花很久去研究： 如何在项目中全线使用es2017代码？ 答案是babel 如何统一所有协作者的代码风格？ 答案是eslint + prettier 如何测试驱动开发，让项目更健壮？ 答案是jest 如何持续化集成，方便...

抽象语法树（AST），是一个非常基础而重要的知识点，但国内的文档却几乎一片空白。本文将带大家从底层了解AST,并且通过发布一个小型前端工具，来带大家了解AST的强大功能

在React中，如果是由React引发的事件处理（比如通过onClick引发的合成事件处理）和组件生命周期函数内（比如componentDidMount），调用this.setState不会同步更新this.state，除此之外的setState调用会同步执行this.state。 所谓“除此之外”，指的是绕过React通过addE...

最近把业务整理了一下，弄个组件库给合作方使用，瞬间惬意了许多，但是随之而来是npm包管理的诸多问题，主要是业务初期版本号快速增长导致的：版本号过多，版本号传递过程中的繁琐以及组件库反复安装的痛苦，本文将着重解决这三个问题。

位运算 NOT 由否定号（~）表示，它是 ECMAScript 中为数不多的与二进制算术有关的运算符之一。 位运算 NOT 是三步的处理过程： 把运算数转换成 32 位数字 把二进制数转换成它的二进制反码（0->1, 1->0） 把二进制数转换成浮点数

三年多以前，Yehuda Katz 首先提出了装饰器的概念。TypeScript 在 1.5 版本（2015）中发布了对装饰器的支持以及许多 ES6 的相关特性。 一些主流框架，如 Angular 和 MobX 等开始使用它们来增加开发者体验：这使得装饰器非常受欢迎，并给社区带来了一种已经稳定的错觉。

首先，每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。首先看一张图吧~这是官方文档上的图片相信大家一定都会很熟悉：

将setState()认为是一次请求而不是一次立即执行更新组件的命令。为了更为可观的性能，React可能会推迟它，稍后会一次性更新这些组件。React不会保证在setState之后，能够立刻拿到改变的结果。

文档在这里[链接]然后看到说详细设置点这里[链接]然后在看到有这么多熟悉// Wrap attributes to new lines [auto|force|force-aligned|force-expand-multiline] ["auto"]

每当项目进入联调阶段，或者提前约定接口时，前后端就会聚在一起热火朝天的讨论起来。可能 99% 的场景都在约定 Http 接口，讨论 URL 是什么，入参是什么，出参是什么。

不会用webpack，不过曲线救国了。哈哈哈哈哈！

如果您觉得文章对您有帮助，可以逐个点击以下链接，类似于Google ads，不需要您付出任何费用，每天都可以来点一次噢，费用将由广告商承担，give me a cup of coffee?

见：[链接] 现已取消 .vue 文件与 HTML 的默认关联，需要手动配置。 {代码...} 2017年9月21日 补充： v1.15.1 之后需要这样设置： {代码...}

使用React开发的时候，我们请求服务器拿回来一个复杂的数据，我们在render里去处理这个数据，但是state和props频繁修改会触发render，每次触发render，数据都要去处理一次，每次处理都是对性能的损耗

假设设计妹妹给我们的设计稿尺寸为750 * 1340。结合网易、淘宝移动端首页html元素上的动态font-size属性、设计稿尺寸、前端与设计之间协作流程一般分为下面两种：

原谅我是一个标题党，其实这个坑和fetch关系不大，归根结底是发送http响应的问题，闲话少说，直接说事。前面自己为了好玩，在自己的练手项目里，将vue-resource替换成原生JS的fetch API，使用效果还是极佳的，完全没有其他原生API那种晦涩感。

React性能优化思路 软件的性能优化思路就像生活中去看病，大致是这样的： 使用工具来分析性能瓶颈（找病根） 尝试使用优化技巧解决这些问题（服药） 使用工具测试性能是否确实有提升（疗效确认） React性能优化的特殊性 看过《高性能JavaScript》这本书的小伙伴都知...

前段时间要把项目部署到服务器，期间踩了不少的坑。故写下这篇文章，从零开始把自己部署的过程都记录下来，希望能给其他像我一样的小白一点帮助。如果有疏漏的地方，请各位客官指出，我会尽快做好修改，谢谢！?

俄罗斯方块是一直各类程序语言热衷实现的经典游戏，JavsScript的实现版本也有很多，用React 做好俄罗斯方块则成了我一个目标。 戳 [链接] 玩一玩！ 开源地址：[链接] 效果预览 正常速度的录制，体验流畅。 响应式 不仅指屏幕的自适应，而是在PC使用键盘、在手机使用...

俄罗斯方块是一直各类程序语言热衷实现的经典游戏，JavsScript的实现版本也有很多，用React 做好俄罗斯方块则成了我一个目标。 戳 [链接] 玩一玩！ 开源地址：[链接] 效果预览 正常速度的录制，体验流畅。 响应式 不仅指屏幕的自适应，而是在PC使用键盘、在手机使用...