在建筑领域，脚手架是为了保证各施工过程顺利进行而搭设的工作平台。在软件开发领域，如果把搭建项目想象成建造大型建筑的话，脚手架就是为了方便大家快速进入业务逻辑的开发，一个好的脚手架能显著提升工程效率，例如三大前端框架都提供了自己的脚手架工具： 上述工具虽好，但相信很多公司为了满足…

同学们好，我是三钻。 这一部分的编程练习，我们来使用 Range 和 CSSOM 做一个综合练习。 这里我们一起来尝试实现一个简单的拖拽功能。我们一般的拖拽就是把一个在浏览器上的盒子捡起来，然后用鼠标可以拖动这个盒子到任意的位置。 那么我们今天要做的拖拽跟这个稍微有一点不一样。…

这是分析和理解句子的第一阶段。 词法分析是由词法分析器完成的,词法分析器会扫描(scanning)代码,提取词法单元。 词法分析器将代码分解成 Token 后,会将 Token 传递给解析器进行解析,我们来看下解析阶段是如何工作的。 Javascript 在语法中是一个主语名词…

如果你还没有听说过 WebAssembly，这是它的介绍：WebAssembly 是一种与 JavaScript 一起运行在浏览器中的一种新的语言。没错！也就是说 JavaScript 不再是唯一能在浏览器中运行的语言了！ 但是，除了它与 JavaScript 的名称不同之外，…

1. 编码规范 相信编码规范对于大家来说不算是陌生，如果在 9102 年再次聊起这个话题，恐怕耳朵会起茧，但编码规范从制定到落地是一个艰难的旅程，特别是对于不同成员的编码习惯，还有棘手的祖传代码。无论你是老司机还是新手不妨了解一下。 如何制定编码规范？这是一个永恒的话题，甚至出…

你只有竭尽全力之后，才有资格说运气不好。 我认为，流量分析平台 + 日志采集平台 + 异常信息采集 + ajax信息采集 + 性能指标 = 监控平台。 之前我写过两篇文章《前端性能优化交流》与《前端代码质量优化交流》。也可以看得出来，我是对比项目开发的流程来编写文章的。监控平台…

面向对象编程是一种编程范式，这种范式围绕使用对象和类声明的方式来为我们的程序提供简单且可重用的设计。 但 OOP 概念本身不是重点，如何构建你的类以及它们之间的关系才是重点所在。像大脑、城市、蚂蚁窝、建筑这种复杂的系统都充满了各种模式。为了实现稳定持久的状态，它们采用了结构良好…

1. 前言 现在初入前端的同学们，都直接就上手webpack了，而在几年前没有node还是jquery打天下的时候，不借助node或软件让不同js文件之间互相引用、模块化开发，是件很麻烦的事。 接下来会介绍两个有名的工具AMD（require.js）和CMD（sea.js），虽…

在官方定义中，Webpack 是一个现代 JavaScript 应用静态模块打包器。它统一了 JavaScript 在发展过程中出现的各种模块化方案，我们可以认为 Webpack 是 JavaScript 模块化的统一解决方案。 如果有对 JavaScript 各种模块化方案还…