本文共1,812字， 阅读时间8分钟

在 JavaScript 中整数和浮点数都属于 Number 数据类型，所有数字都是以 64 位浮点数形式储存。当做浮点数
运算时，会发现一些问题

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

// 加法 =====================
// 0.1 + 0.2 = 0.30000000000000004
// 0.7 + 0.1 = 0.7999999999999999
// 0.2 + 0.4 = 0.6000000000000001
// 2.22 + 0.1 = 2.3200000000000003
 
// 减法 =====================
// 1.5 - 1.2 = 0.30000000000000004
// 0.3 - 0.2 = 0.09999999999999998
 
// 乘法 =====================
// 19.9 * 100 = 1989.9999999999998
// 19.9 * 10 * 10 = 1990
// 1306377.64 * 100 = 130637763.99999999
// 1306377.64 * 10 * 10 = 130637763.99999999
// 0.7 * 180 = 125.99999999999999
// 9.7 * 100 = 969.9999999999999
// 39.7 * 100 = 3970.0000000000005
 
// 除法 =====================
// 0.3 / 0.1 = 2.9999999999999996
// 0.69 / 10 = 0.06899999999999999

本文共691字， 阅读时间3分钟

1、安装gitbook

使用npm来安装，在命令行中输入：

1

npm install gitbook-cli -g

安装完成之后，你可以使用下面的命令来检验是否安装成功

1

gitbook -V

2、创建gitbook目录结构

README.md 这个文件相对于是一本Gitbook的简介，比如我们这本书的README.md :

1
2
3

# Gitbook 使用入门
> GitBook 是一个基于 Node.js 的命令行工具，可使用 Github/Git 和 Markdown 来制作精美的电子书。
本书将简单介绍如何安装、编写、生成、发布一本在线图书。

本文共511字， 阅读时间3分钟

js实现url参数加密解密

• 加密函数

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

function Encrypt(str, pwd) {
    if (str == "") return "";
    str = escape(str);
    if (!pwd || pwd == "") { var pwd = "1234"; }
    pwd = escape(pwd);
    if (pwd == null || pwd.length <= 0) {
        alert("Please enter a password with which to encrypt the message.");
        return null;
    }
    var prand = "";
    for (var I = 0; I < pwd.length; I++) {
        prand += pwd.charCodeAt(I).toString();
    }
    var sPos = Math.floor(prand.length / 5);
    var mult = parseInt(prand.charAt(sPos) + prand.charAt(sPos * 2) + prand.charAt(sPos * 3) + prand.charAt(sPos * 4) + prand.charAt(sPos * 5));
    var incr = Math.ceil(pwd.length / 2);
    var modu = Math.pow(2, 31) - 1;
    if (mult < 2) {
        alert("Algorithm cannot find a suitable hash. Please choose a different password. /nPossible considerations are to choose a more complex or longer password.");
        return null;
    }
    var salt = Math.round(Math.random() * 1000000000) % 100000000;
    prand += salt;
    while (prand.length > 10) {
        prand = (parseInt(prand.substring(0, 10)) + parseInt(prand.substring(10, prand.length))).toString();
    }
    prand = (mult * prand + incr) % modu;
    var enc_chr = "";
    var enc_str = "";
    for (var I = 0; I < str.length; I++) {
        enc_chr = parseInt(str.charCodeAt(I) ^ Math.floor((prand / modu) * 255));
        if (enc_chr < 16) {
            enc_str += "0" + enc_chr.toString(16);
        } else
            enc_str += enc_chr.toString(16);
        prand = (mult * prand + incr) % modu;
    }
    salt = salt.toString(16);
    while (salt.length < 8) salt = "0" + salt;
    enc_str += salt;
    return enc_str;
}

本文共737字， 阅读时间3分钟

常见的加密算法基本分为这几类，1 :线性散列算法、2：对称性加密算法、3、非对称性加密算法。
nodejs是通集成在内核中的crypto模块来完成加密解密。

crypto的基本使用

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

var crypto = require('crypto');
 
//加密
exports.cipher = function(algorithm, key, buf) {
    var encrypted = "";
    var cip = crypto.createCipher(algorithm, key);
    encrypted += cip.update(buf, 'binary', 'hex');
    encrypted += cip.final('hex');
    return encrypted
};
 
//解密
exports.decipher = function(algorithm, key, encrypted) {
    var decrypted = "";
    var decipher = crypto.createDecipher(algorithm, key);
    decrypted += decipher.update(encrypted, 'hex', 'binary');
    decrypted += decipher.final('binary');
    return decrypted
};

1、对称式加密

就是加密和解密使用同一个密钥，通常称之为“Session Key ”这种加密技术在当今被广泛采用，如美国政府所采用的DES加密标准就是一种典型的“对称式”加密法，它的Session Key长度为56bits。

本文共322字， 阅读时间2分钟

1、部署

package.json

1
2
3
4
5
6
7

"scripts": {
    "release": "gulp release",
    "reduce": "gulp reduce",
    "dev": "gulp dev",
    "test": "pm2 start ./config/ecosystem.config.js --env test",
    "server": "pm2 start ./config/ecosystem.config.js --env production"
  }

本文共246字， 阅读时间1分钟

基于gulp对seajs的模块做合并压缩的方式

gulpfile.js

1
2
3
4
5
6
7
8
9
10
11

//seajs合并模式
gulp.task("seajs", function () {
    return merge(
        gulp.src('dist/js/!(cmdlib|ckeditor|plugin|app)/**/*.js',{base:'dist/js/'})
            .pipe(transport())
            .pipe(concat({
                base: "dist/js/",
            }))
            .pipe(gulp.dest('dist/js'))
    );
});

本文共1,376字， 阅读时间6分钟

koa2应用部署到生产环境,需要做一些安全配置。

1、安全性相关的HTTP头

以下是一些安全性相关的HTTP头，你的站点应该设置它们：

• Strict-Transport-Security：强制使用安全连接（SSL/TLS之上的HTTPS）来连接到服务器。
• X-Frame-Options：提供对于“点击劫持”的保护。
• X-XSS-Protection：开启大多现代浏览器内建的对于跨站脚本攻击（XSS）的过滤功能。
• X-Content-Type-Options： 防止浏览器使用MIME-sniffing来确定响应的类型，转而使用明确的content-type来确定。
• Content-Security-Policy：防止受到跨站脚本攻击以及其他跨站注入攻击。

本文共897字， 阅读时间4分钟

项目有个这样的需求，浏览器页面需要上传图片到后台服务器，前端的页面是通过koa2框架搭建起来的中间层，一开始是通过浏览器直接上传文件到后台，需要携带接口token值，token值一开始登陆之后就保存在页面的cookie上面，因此也暴露了token值，有安全隐患。再者因为页面要兼容ie7，找了很久的，最后选定了 ajaxfileupload，但是前端页面和后台页面是不同子域名，需要配置跨域，设置采用设置domain，本地调试起来各种坑… 因此需要寻找一种 通过koa2上传文件(调用上传文件接口)到后台服务器的可行办法。

本文共145字， 阅读时间1分钟

如今nodejs变得越来越火热，采用nodejs实现前后端分离架构已被多数大公司所采用，之前没有接触过express, 所以选框架没有太多的束缚，Koa是继Express之后，Node的又一主流Web开发框架。相比于Express，Koa只保留了核心的中间件处理逻辑，去掉了路由，模板，以及其他一些功能。如今版本已更新到了koa2，不仅性能优异，它还支持async/await,堪称回调地狱的终结者

快速撸一遍文档 koa2学习文档

本文共2,614字， 阅读时间11分钟

重新认识一

一般，setTimeout函数接受两个参数，第一个参数func|code是将要推迟执行的函数名或者一段代码（引擎内部使用eval函数，将字符串转为代码），第二个参数delay是推迟执行的毫秒数。但是，setTimeout 还可以添加更多参数。第二个之后的参数都将作为 推迟执行函数的 参数 传入。

1
2
3
4
5
6
7
8
9
10
11

// 传入4个参数

setTimeout(function(a,b){

  // a=1,b=2
  console.log(a+b);

},1000,1,2);

// 3

本文共2,028字， 阅读时间9分钟

一、属性的简洁表示法

ES6允许直接写入变量和函数 作为对象的属性和方法。

直接写变量时，属性名为变量名，属性值为变量值。

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
29
30
31
32
33
34
35
36
37

//例子1，属性简写

var foo = 'bar';
var baz = {foo};
baz // {foo: "bar"}

// 等同于
var baz = {foo: foo};

//例子2，属性简写

function f(x, y) {
  return {x, y};
}

// 等同于
function f(x, y) {
  return {x: x, y: y};
}
f(1, 2) // Object {x: 1, y: 2}

//例子3,方法简写

var o = {
  method() {
    return "Hello!";
  }
};

// 等同于

var o = {
  method: function() {
    return "Hello!";
  }
};

本文共791字， 阅读时间3分钟

函数length属性

指定了默认值之后，函数的length属性只返回没有指定默认值的参数个数，也就是 指定默认值之后，length属性失真了。

lenght属性的含义是，该函数预期传入的参数个数。某个参数指定默认值以后，预期传入的参数个数就不包括这个参数了。同理，rest参数也是不计入这个length属性的。如果设置默认值的参数不是尾参数，那么length属性也不再计入后面的参数了

1
2
3
4
5
6
7
8
9
10
11
12

(function(a){}).length //1

(function(a=5){}).length //0

(function(a,b,c=5){}).length //2

(function(...args){}).length //0

(function(a,b=5,c){}).length //1

(function(a=5,b,c){}).length //0

本文共847字， 阅读时间4分钟

扩展运算符（spread）是三个点（…）。

它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。

1
2
3
4
5
6

console.log(...[1, 2, 3])
// 1 2 3

console.log(1, ...[2, 3, 4], 5)
// 1 2 3 4 5

本文共304字， 阅读时间1分钟

ES6 引入rest参数（…变量名）用于获取函数多余的参数。
rest参数是一个数组，将多余的参数放入到数组中。平时可以使用rest参数来代替arguments变量。
rest 参数之后不能再有其他参数（即只能是最后一个参数），否则会报错。

1
2
3
4
5
6
7
8
9
10
11
12

function add(...values) {
  let sum = 0;

  for (var val of values) {
    sum += val;
  }

  return sum;
}

add(2, 5, 3) // 10

本文共1,688字， 阅读时间8分钟

ES6 允许按照一定的模式，从数组和对象中提取值，对变量进行赋值，这个被称为解构。

解构的用途

• 交换变量的值
• 从函数返回多个值
• 函数参数的定义
• 提取JSON数据
• 函数参数的默认值
• 遍历Map结构
• 输入模块的指定方法

本文共2,706字， 阅读时间11分钟

什么是 Promise

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。有如下特点：

本文共337字， 阅读时间1分钟

这是基于vue2 + vue-router2 + vuex + axios 的一个webapp项目！主要想借此项目来学习vue,觉得光是看api和其他文章总结对vue理解感觉是一知半解，不够深刻。所以找网上找了相关的资料，自己动手写了这个demo,
页面的数据是通过调用接口和页面爬取回来的，页面icon和数据保持和线上的一致，如有冒犯请告知，项目仅供参考学习。

本文共3,480字， 阅读时间14分钟

一、HTTP method

• GET 是最常用的方法，用于请求服务器发送某个资源
• HEAD和GET类似，但服务器在响应中只返回首部，不返回实体的主体部分
• POST 主要是用来向服务器提交表单数据
• PUT 让服务器用请求的主体部分来创建一个由所请求的URL命名的新文档，如果那个URL已经存在的话，就用这个主体代替他。（服务器创建文档）
• TRACE 用于验证请求是否如愿穿过了请求/响应链。目的服务器端发起一个环回请求诊断，最后一站的服务器会弹回一个TRACE响应并在响应体中携带它收到的原始请求报文。
• OPTIONS 请求服务器告知其支持的各种功能。查询服务器支持哪些方法。
• DELETE 请求服务器删除请求URL指定的资源。

本文共725字， 阅读时间3分钟

括号() 是一个分组操作符，它的内部只能包含表达式（由 运算元 和 运算符(可选) 构成，并产生运算结果的语法结构）,不能包含语句

函数表达式和函数声明，两者如何区别：

函数声明:

  function 函数名称 (参数：可选){ 函数体 }

函数表达式：

  function (参数：可选){ 函数体 }

本文共1,642字， 阅读时间7分钟

1、flex 弹性布局

flex-direction
flex-wrap
flex-flow
justify-content (水平)
align-items (竖直 单轴)
align-content (竖直 多轴)