一、原理

我的理解：因为script标签（类似的还有img，iframe）不受同源策略限制，故可以用于跨域数据的获取，这是根本原因。

客户端设置一个script，其url指向支持JSONP的后端API，再声明一个callback函数，函数名需与url中?callback=字段值相同。当包含特定url的script载入时，会向后端API发起请求，后端会将数据包裹进一个函数的参数里，当然这个函数的名称是根据前端url参数自动生成的，前端script载入完成则自动调用已有的callback函数，对接受到的数据（此刻是函数参数）做出处理，从而实现了跨域。

一、使用数组sort方法对数组元素随机排序，并取指定长度的元素

1
2
3
4
5
6
7

Array.prototype.shuffle = function (n) {
  var len = this.length,
      num = n ? Math.min(n, len) : len,
      arr = this.slice(0);
  arr.sort(function (a, b) { return Math.random() - 0.5; });
  return arr.slice(0, num - 1);
};

一、String中支持正则的方法：

1.match:返回包含一个/所有匹配结果的数组，没有则返回null

语法：

1

str.match(regexp)

非全局模式：返回和exec()相同结果。一个数组，其中只有第一个匹配项，额外的属性index表示匹配结果在原字符串中的索引，input属性表示被解析的原始字符串

不知不觉又是一年，猛然回想，竟然想不出自己这一年都做了哪些事，只能先去翻翻微信朋友圈，看每个月自己都分享了些什么，然而结果大多数都是豆瓣影评，今年除了看了海量的电影（每周2~3部），似乎并没有太多值得记录的，回过神来，这才觉得人生匆匆，转瞬即逝啊，还是应该给自己的人生作个小结，对来年有个规划。

Git Submodule 是一个很好的多项目使用共同类库的工具，他允许类库项目做为repository,子项目做为一个单独的git项目存在父项目中，子项目可以有自己的独立的commit，push，pull。而父项目以Submodule的形式包含子项目。

1. 配置SSH安全访问密钥，关闭密码登录

a.参考SecureCRT密钥连接Linux，使用SecureCRT在本机生成公私密钥
b.在VPS对应的用户目录下，新建.ssh文件夹，并上传公钥，然后更名为authorized_keys，并修改权限，如下

方式一：原型链继承（prototype模式）

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

function Parent (name) {
  this.name = name
  this.colors = ['red','green']
}

Parent.prototype.getName = function () {
  console.log(this.name)
}

function Child (age) {
  this.age = age
}

Child.prototype = new Parent()
Child.prototype.constructor = Child

var child1 = new Child ('20')
console.log(child1.getName) // ƒ () {console.log(this.name)}
var child2 = new Child ('20')
child2.colors.push('blue')
console.log(child1.colors) //['red','green','blue']
console.log(child2.colors) //['red','green','blue']

一、安装nvm-windows，方便node版本切换

1
2
3

nvm list              #查看已安装的版本
nvm install 6.11.0    #安装Node.js 6.11.0，因为@angular/cli需要6.9版本以上支持
nvm use 6.11.0        #切换到新安装的版本

一、安装

1.安装gulp

npm install -g gulp

2.检查gulp 版本

gulp -v

问题代码：

1
2
3

<div id="father" style="background:#eee;">
   <div id="son" style="margin-top:50px;">son</div>
</div>