你或你的团队编写的源码。 你的源码会依赖的任何第三方的 library 或 "vendor" 代码。 总结： 需要注意的是不同的 devtool 的设置，会导致不同的性能差异。 "eval" 具有最好的性能，但并不能帮助你转译代码。

近几个月的工作中，有遇到一些场景：基本不需要全局的状态管理，但页面级的，肯定需要在一些组件中共享，引入Redux这类状态管理库有点繁琐，直接通过props传递的话，写起来总觉得不是那么优雅。刚好项目中React版本比较新，就试了下Context Api，代码大致如下： 这里已一…

不久之前Firefox和Safari浏览器已经开始支持类似Photoshop的混合模式，但是在Chrome和Opera浏览器中需要添加前缀。举个栗子： 现在，你甚至可以在边框中使用渐变。 具体的例子可以看这里，或者看这里使用的是background-clip和backgroun…

Webpack 通过 Plugin 机制让其更加灵活，以适应各种应用场景。 在 Webpack 运行的生命周期中会广播出许多事件，Plugin 可以监听这些事件，在合适的时机通过 Webpack 提供的 API 改变输出结果。 Webpack 启动后，在读取配置的过程中会先执行…

今天我们来学习 Typescript,一门被设计用来开发大型和复杂 apps 的语言。相较于松散的，弱类型的 Javascript , Typescript 继承了很多其它高级语言（ c# , java ）的概念，进而更加的规范。 这篇入门针对于有一定的 Javascript …

今天我将介绍如何在GitHub页面上使用 CircleCI 进行持续部署。 CircleCI 是一个很像 Travis CI 的CI工具。 但他们的配置有很多不同之处。 你可能会发现, 首先使用它很麻烦。 如果你太忙，不能阅读官方文档。 本教程对您作为快速备忘，非常有帮助。 1…

ps 由于 github 开放 api 有请求次数限制(未授权每小时 60 次), 所以可能存在下图的情况, 解决方法是在请求中加入认证信息(authToken), 详情参考系列文章下一篇, 本节的临时处理方案为执行命令时候添加自己的 github 账号密码即可. 下集预告: …

工程的packages文件夹就是用来存放组件库里面的各种组件了，这里不需要通过手动创建文件的方式创建组件，直接通过一条创建组件的命令完成。每个组件都有一个单独的组件文件夹，组件文件夹下都至少包含"index.vue"，"example.vue"，"readme.md"这三个文件…

抽象语法树（abstract syntax code，AST）是源代码的抽象语法结构的树状表示。这里特指编程语言的源代码。 树上的每个节点都表示源代码中的一种结构，之所以说是抽象的，是因为抽象语法树并不会表示出真实语法出现的每一个细节，比如说，嵌套括号被隐含在树的结构中，并没有…