nrm(npm源管理工具)
安装nrm
sudo npm install -g nrm
列出所有源
nrm ls
修改源
nrm use
n(node版本管理工具)
安装n
sudo npm install -g n
切换版本
n #可能需要sudo
安装最新版
n latest
安装稳定版本
n stable
删除某个版本
n rm 6.9.1
以指定的版本来执行脚本
n use 6.9.1 some.js
css定位
如下设置元素的内边距和边框不再会增加它的宽度
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
absolute会相对于一个relative元素定位，fixed相对于视窗定位。
absolute是最棘手的position值。 absolute 除了不是相对于视窗而是相对于最近的positioned祖先元素定位外，其他与 fixed的表现类似。
考虑使用inline-block布局，但是必须设置每列的宽度
使用 Flexbox 的简单居中布局
.vertical-container {
height: 300px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
自调用函数
(function (a,b){
var result = a+b;
return result;
})(10,20);
Map
var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);//注意：双括号
var m = new Map(); // 创建Map
m.set('Adam', 67); // 添加新的key-value
m.set('Bob', 59);
m.has('Adam'); // 是否存在key 'Adam': true
m.get('Adam'); // 67
m.delete('Adam'); // 删除key 'Adam'
m.get('Adam');
Set
var s = new Set([1, 2, 3, 3, '3']);// 创建Set
s.add(4);
s.delete(3);
for ... of循环和for ... in循环区别
for ... in循环遍历的实际上是对象的属性名称。
for ... of循环遍历的是对象的值
var a = ['A', 'B', 'C'];
var s = new Set(['A', 'B', 'C']);
var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
for (var x of a) { // 遍历Array
alert(x);
}
for (var x of s) { // 遍历Set
alert(x);
}
for (var x of m) { // 遍历Map
alert(x[0] + '=' + x[1]);
}
使用iterable内置的forEach方法
var a = ['A', 'B', 'C'];
a.forEach(function (element, index, array) { //注意：E大写
// element: 指向当前元素的值
// index: 指向当前索引
// array: 指向Array对象本身
alert(element);
});
Set与Array类似，但Set没有索引，因此回调函数的前两个参数都是元素本身：
var s = new Set(['A', 'B', 'C']);
s.forEach(function (element, sameElement, set) {
alert(element);
});
Map的回调函数参数依次为value、key和map本身：
var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
m.forEach(function (value, key, map) {
alert(value);
});
rest参数
由于JavaScript函数允许接收任意个参数，于是我们就不得不用arguments来获取所有参数：
function foo(a, b, ...rest) {//注意：rest参数只能写在最后，前面用...标识
console.log('a = ' + a);
console.log('b = ' + b);
console.log(rest);
}
foo(1, 2, 3, 4, 5);
// 结果:
// a = 1
// b = 2
// Array [ 3, 4, 5 ]
foo(1);
// 结果:
// a = 1
// b = undefined
// Array []
'use strict';
map()问题
'use strict';
var arr = ['1', '2', '3'];
var r = arr.map(parseInt);
alert('[' + r[0] + ', ' + r[1] + ', ' + r[2] + ']');
结果提示是[1, NaN, NaN]。
原因：由于map()接收的回调函数可以有3个参数：callback(currentValue, index, array)，通常我们仅需要第一个参数，而忽略了传入的后面两个参数。不幸的是，parseInt(string, radix)没有忽略第二个参数，导致实际执行的函数分别是：
parseInt('0', 0); // 0, 按十进制转换
parseInt('1', 1); // NaN, 没有一进制
parseInt('2', 2); // NaN,
按二进制转换不允许出现2
可以改为r = arr.map(Number)，因为Number(value)函数仅接收一个参数。
用filter()筛选出素数
'use strict';
function get_primes(arr) {
return arr.filter(function(x){
for(var i=2; i <= (x/2); i++){
if(x%i === 0){
return 0;
}
}
return x === 1 ? 0 : 1;
//参考Jemair丶，省了一行针对1的素数判断
});
绑定一次点击事件(防止重复提交等)
$('#killBtn').one('click',function(){
//
});