最近业务上需要使用富文本编辑器，因为所使用的组件库内没有现成的富文本编辑器组件，纯手写的话工程量巨大，想着用开源库封装一个，经过多家对比选用了Quill。
因为自己之前也使用过很多富文本编辑器（emmm…在当码农之前，不幸玩过一年多的新媒体运营，被各种微信编辑器逼疯最后转行…），所以深知作为一款合格的富文本编辑器，它最好具有以下特点：

最近有个需求是这样的

1. 整个容器宽度自适应
2. 网格要求正方形
3. 一行只允许3个,不管宽度如何放大缩小
4. 上下左右间距需要相等
5. 两端对齐

由于<a>标签的download属性只可以同源下载，如果要跨域下载我们需要想些方法。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

/**
 * @description 下载文件
 */
const download = (blob, filename = '') => {
    var a = document.createElement('a');
    a.download = filename;
    a.href = blob;
    a.click();
}

/**
 * @description 跨域下载文件
 */
const downloadResource = (url, filename = '') => {
    // if (!filename) filename = url.split('\\').pop().split('/').pop();
    fetch(url, {
        headers: new Headers({
            'Origin': location.origin
        }),
        mode: 'cors'
    })
        .then(response => response.blob())
        .then(blob => {
            const blobUrl = window.URL.createObjectURL(blob);
            download(blobUrl, filename);
        })
        .catch(e => console.error(e));
}

File对象类型

• <input>元素上选择文件后返回的FileList对象
• 拖放操作生成的DataTransfer对象
  • 包含一个在数据传输上所有可用的本地文件列表。如果拖动操作不涉及拖动文件，此属性是一个空列表
  • 可做拖动上传文件
• HTMLCanvasElement上执行mozGetAsFile()方法后返回结果
  • 返回一个File对象,表示了包含在该canvas中的图片文件,这个文件是存在于内存中的.还可以指定名称和图片类型,如果没有指定type参数,则默认使用image/png.

最近一两周在读 || 读完的几本书都很好看，比如《大雪将至》，比如买了很久也没看完的《无常所以有胆》，比如《CSS世界》，比如《来一打C++扩展》，比如很鸡汤看完又有点鸡血有点人生目标的《活法》，比如《数学之美》，比如《深入浅出RxJS》，想着什么时候可以把这几年看过的书列一个清单，想想又觉得很没意思，以后看书怕不是太赶flag失去了真正读书的乐趣。实在想不通，人怎么会书荒呢？明明有那么多有意思的书看都看不完。

版本：http://www.ecma-international.org/ecma-262/8.0/index.html

UTF-16编码的unicode规则

原文

• A code unit in the range 0 to 0xD7FF or in the range 0xE000 to 0xFFFF is interpreted as a code point with the same value.
• A sequence of two code units, where the first code unit c1 is in the range 0xD800 to 0xDBFF and the second code unit c2 is in the range 0xDC00 to 0xDFFF, is a surrogate pair and is interpreted as a code point with the value (c1 - 0xD800) × 0x400 + (c2 - 0xDC00) + 0x10000. (See 10.1.2)
• A code unit that is in the range 0xD800 to 0xDFFF, but is not part of a surrogate pair, is interpreted as a code point with the same value.

unicode编码资料

• Unicode编码及其实现：UTF-16、UTF-8，and more
• UTF-16

简单解释一下

• unicode是编码，一个字符的unicode编码是确定的，但是在实际存储和传输过程中，由于不同系统平台的设计不一定一致，以及出于节省空间的目的，对Unicode编码的实现方式有所不同，这就是UTF。
• BMP：一个Unicode平面（码位从U+0000至U+FFFF）包含了最常用的字符。该平面被称为基本多语言平面，缩写为BMP。
• 从U+D800到U+DFFF之间的码位区块是永久保留不映射到Unicode字符。UTF-16就利用保留下来的0xD800-0xDFFF区段的码位来对辅助平面的字符的码位进行编码。
• 如果是一个代理对表示一个字符，c1需要在0xD800至0xDBFF之间，c2需要在0xDC00到0xDFFF，计算规则是 (c1 - 0xD800) × 0x400 + (c2 - 0xDC00) + 0x10000
• 如果不构成代理对，单个code unit在0xD800-0xDFFF之间是没有意义的。

对象

• 对象的key值只能是字符串或symbol，所有的字符串或symbol作为key都是合法的，包括空字符串。
• 普通对象中数字索引会转成字符串,但是数组中是int类型。
• get、set方法。 // TODO

原文：https://medium.freecodecamp.org/reduce-f47a7da511a9

JavaScript中的Reduce方法是函数式编程的基础。让我们来探讨它是如何工作的，在什么时候使用它，又可以用它做什么有趣的事情。

由于觉得切换mock数据和后端真实数据太麻烦了（虽然每次都只是改个URL），但是很容易出现问题呀，万一哪次发布之前用mock数据调试，结果忘了改成后端数据就gg了，所以想能不能再配置一个npm命令用于启用mock数据。

第1章 JavaScript函数式编程简介

• 确定抽象，并为其构建函数
• 利用已有的函数来构建更为复杂的抽象
• 通过将已有的函数传给其它函数来构造更复杂的抽象

第2章 一等函数与Applicative编程

• 高阶函数：以一个函数作为参数，返回一个函数作为结果
• 多种JavaScript编程方式
  • 命令式编程
  • 基于原型的面向对象编程
  • 元编程

第3章 变量的作用域和闭包

• 动态作用域的核心是维护一个命名绑定栈的全局映射

使用redux的操作数据的时候对某个数据进行增删改查操作，需要维持数据的immutable。当然类似的库也有很多，像lodash、ramda等等，这些库往往方法众多，如果是初次使用必定眼花缭乱，抛开一切，在使用这些已有的库之前，我们需要思考一下，我们真正需要怎么样的功能，能否自己实现一个简单的帮助函数库。