相关loader简说

style-loader: 将css样式插入到html中
css-loader: 处理@import和url相当于import/require，即将css当作模块引用处理，提供CSS-Modules方式，以及importLoaders(文档中没有太多说明，后面会贴一下找到的issues)
postcss-loader: 后处理，主要通过插件执行压缩/加浏览器前缀/可用下一代css语法/监听@import等等
less-loader: 或者其他的css预处理
从下到上有序执行

说明

研究了一通在webpack中生成雪碧图，尝试了两种方式：
方式一：webpack-spritesmith
方式二：postcss-sprites
参考链接：webpack-spritesmith、postcss-sprites
代码地址：demo

排序

快速排序

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

function quickSort(arr) {
    if (arr.length <= 1) { return arr; }
    // 基准索引
    const pivotIndex = Math.floor(arr.length/2);
    // 基准值，并删除arr中基准值才能递归化小对比范围，不然是死循环
    const pivot = arr.splice(pivotIndex,1)[0];
    // 基准左右值数组
    const left = [],right = [];
    // 遍历剩下的所有值与基准值对比
    arr.forEach((item)=>{
        if (item < pivot) {
            left.push(item);
        }else{
            right.push(item);
        }
    })
    // 递归left|right（提取各自的基准值再对比，直至arr长度<=1不再对比而返回arr）
    // 最终返回left+基准值+right
    return quickSort(left).concat(pivot,quickSort(right))
}

mvvm简图

Model: 服务器上的逻辑
view: 页面展示
ViewModel: 比如vue.js，做为view和model的中间处理

window对象

表示浏览器的一个实例
具有双重角色：是通过JS访问浏览器的一个接口；是ES规定的Global对象

全局作用域

所有全局作用域中声明的变量、函数都会变成window的属性和方法

所有方法

• Object.defineProperty()
• Object.definePropertise()
• Object.getOwnPropertyDescriptor()
• Object.getPrototypeOf()
• instanceof
• isPrototypeOf()
• hasOwnProperty()
• in
  Read more »

单体内置对象

内置对象定义： 由ECMAScript实现提供的、不依赖于宿主环境的对象，即这些对象在ECMAScript程序执行之前就已经存在了
Object Array String等都是内置对象
同时还定义了两个单体内置对象：Global Math

基本包装类型

为便于操作基本类型，ECMAScript提供了特殊的引用类型：Boolean Number String，这些包装类型与引用类型相似，同时具有各自的基本类型的相应地特殊行为

创建方法：

Function类型

函数定义

首先函数是对象，函数名是指针，每个函数都是Function类型实例，具备引用类型的属性和方法，实际上函数名是一个指向函数对象的指针，不会与某个函数绑定

定义方式：函数声明/函数表达式/构造函数

RegExp类型

声明

一个正则表达式就是一个模式和标志的组合体
定义方式：字面量/构造函数

1
2

var reg1 = /[ba]ct/g;
var reg2 = new RegExp('[ba]ct','g');