相信大家在接触不同项目参与开发时，已经领略过许多风格各异的代码风格，其中不乏结构清晰风格统一的优质代码，更多的时候我们会遇到在同一个项目中也可能是在同一个文件中风格迥异的代码，这个时候多少会让你无从下手然后按照自己的风格"锦上添花"。根本原因还是 javascript 本身对代…

很多前端小伙伴，包括我自己在开始学习JS时对__proto__和ptototype这两个概念时都是一脸懵逼，面试时遇到原型链的问题总是瑟瑟发抖；不过真正的勇士敢于直面难题，经过对原型链不断的探索，本文对JS中类和原型的概念进行了深入的讲解，同时从原型方面来了解JS中继承是什么。…

抽象语法树 (Abstract Syntax Tree)，简称 AST，它是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。 并且如果你想了解 js 编译执行的原理，那么你就得了解 AST。 js 执行的第一步是读取 …

node 应用开发中，我们不可避免的需要使用或拆分为 npm 模块，经常遇到的一个问题是： 新开发或修改的 npm 模块，如何在项目中试验？ 新同学一般会有以下几种方式：

提起 CLI，不由得会想起 vue-cli 和 angular-cli，它们都是基于 Node 的命令行工具。 假设你现在要建立一个新项目 ，这个项目配置和之前的项目配置是一样的。在你没有 CLI 的时候，你只能通过复制、粘贴来进行。然而，当你有了 CLI，你就可以通过命令来…

大家好，首先感谢大家对上一篇文章 127个常用的JS代码片段，每段代码花30秒就能看懂（一）的关注，在上篇文章里分享了前21段代码，今天继续分享21段代码，希望对你的日常工作有所帮助。 通过递归的形式，将多维数组展平成一维数组。 去重对象的属性，如果对象中含有重复的属性，以前面…

ES5 提供了 Object.defineProperty 方法，该方法可以在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。 虽然我们可以直接添加属性和值，但是使用这种方式，我们能进行更多的配置。 函数的第三个参数 descriptor 所表示的属性描述…

我们先从 WeakMap 的特性说起，然后聊聊 WeakMap 的一些应用场景。 1. WeakMap 只接受对象作为键名 2. WeakMap 的键名所引用的对象是弱引用 翻译过来应该是 WeakMaps 保持了对键名所引用的对象的弱引用。 只有当我们手动设置 obj = n…

最近在研究cmd和amd，在网上看到一篇不错的文章，整理下看看。 遗憾的是JavaScript在设计时定位原因，没有提供类似的功能，开发者需要模拟出类似的功能，来隔离、组织复杂的JavaScript代码，我们称为模块化。 一个模块就是实现特定功能的文件，有了模块，我们就可以更方…