Web

import、require、export、module.export 总结 1. CommonJS规范 exports、module.exports、module、require属于CommonJS

JavaScript中的promise 1. 手写Promise 1.1 Promise声明 promise是一个类，它的构造函数接受一个函数，函数的两个参数也都是函数 1.2 Promise状态 P

JavaScript的Set-Map 1. Set ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成 Set 数据结构。 1

DOM操作方法汇总 1. 创建节点 1.1 document.createElement() 创建一个由tagName决定的HTML元素 1.2 document.createTextNode() 创

DOM事件 1. DOM事件冒泡/捕获 1.1 DOM事件冒泡 当一个事件发生在一个元素上，它会首先运行在该元素上的处理程序，然后运行其父元素上的处理程序，然后一直向上到其他祖先上的处理程序 1.2

跨站请求伪造 1. 介绍 CSRF（Cross-site request forgery），中文名称：跨站请求伪造，也被称为：one click attack/session riding，缩写为：C

跨站脚本攻击 1. 介绍 xss攻击的核心方式是脚本。这些脚本通常是javascript脚本，从这个层面来说javascript能做的事情，xss攻击一般都能做到。比如： 通过 document.co

AJAX请求 1. 发送http请求 AJAX是异步的JavaScript和XML（Asynchronous JavaScript And XML）。简单点说，就是使用 XMLHttpRequest

JavaScript事件循环机制 1. Event Loop Event Loop 是一个很重要的概念，指的是计算机系统的一种运行机制。 JavaScript语言就采用这种机制，来解决单线程运行带来的

JavaScript深拷贝 1. 准备工作 1.1 数据类型判断 基本数据类型的特点：直接存储在栈(stack)中的数据 引用数据类型的特点：存储的是该对象在栈中引用，真实的数据存放在堆内存里 首先我

JavaScript防抖和节流 1. 防抖 1.1 理解 防抖可以理解为上电梯的电梯程序，打开电梯后，没有人进入则某段时间后自动关门，如果有人进入，电梯会一直打开，并且重新计时。 1.2 定义 指触发

JavaScript原型链和继承 1. 原型链 1.1 构造函数创建对象 我们先使用构造函数创建一个对象： 在这个例子中，Person 就是一个构造函数，我们使用 new 创建了一个实例对象 pers

JavaScript中This 1. 全局环境 除了在声明的对象内被调用, this 在 严格模式下 永远是 undefined。 注意我提到的是严格模式。如果不是在严格模式下 (在js的头部，你没有

JavaScript中New 1. new发生了什么 用new调用一个函数发生了这些事： 新建一个对象 instance = new Object(); 设置原型链 instance.__proto_

JavaScript中call等方法 1. call 1.1 call原型 Function.prototype.call() call() 方法使用一个指定的 this 值和单独给出的一个或多个参数

JavaScript执行机制 1. 作用域 1.1 背景 ES6 之前 JavaScript 没有块级作用域,只有全局作用域和函数作用域(因为eval我们平时开发中几乎不会用到它，这里不讨论)。 ES

JavaScript正则 1. 元字符 1.1 边界字符 字符 描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如，'n' 匹配字符 "n"。'\n'

JavaScript数组 1. 数组循环 1.1 for循环 简洁明了，通俗易懂，可能需要多写点代码，多定义几个变量 1.2 forEach循环 接收两个参数，第一个参数是在每一项上运行的函数（拥有三

Js基础总结 1. 去除字符串两边空格 2. 去除字符串中最后一个指定的字符 3. 字符串大小写切换 4. 去除制表符和换行符的方法 5. 统计某一字符(串)出现的次数 统计某一字符或字符串在另一个字

Grid布局 1. Grid布局概述 网格布局（Grid）是最强大的 CSS 布局方案。 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的