易忘录 ::花与剑::

解决NVM安装nodejs因网络原因导致卡住的问题

// 以ubuntu为例
// 在~/.bashrc文件下指定成国内淘宝镜像
export NVM_NODEJS_ORG_MIRROR="http://npm.taobao.org/mirrors/node"

查看端口占用进程

lsof -i:端口号
// or
netstat -tunpl | grep 端口号

linux命令

sudo chown -R $(whoami) /data

安装node-sass失败

很容易因为镜像源问题卡在node scripts/install阶段,可以在.npmrc中指定镜像源来解决

在项目根目录创建.npmrc 文件：

sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

其它两个常用包也存在这个河蟹问题

phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/
electron_mirror=https://npm.taobao.org/mirrors/electron/

javascript版的XOR(异或)

由于js中没有xor逻辑操作符,只有通过模拟的方式,

if(!a !== !b) { ... };

结束NGINX进程

ps -ef|grep nginx
sudo killall -9 nginx

判断时间是今天

// time为需要判断的时间
new Date().toDateString() == time.toDateString();
// Thu Feb 01 2018

配置 Docker 加速器

curl -sSL https://get.daocloud.io/daotools/set_mirror.sh | sh -s http://6938f86f.m.daocloud.io Copy
该脚本可以将 --registry-mirror 加入到你的 Docker 配置文件 /etc/docker/daemon.json 中

UBUNTU默认命令行启动

$ sudo systemctl set-default multi-user.target

执行如下命令启动到桌面：

$ sudo systemctl start lightdm

要恢复默认启动到桌面，执行：

$ systemctl set-default graphical.target

CMD删除目录

rd/s/q 盘符:\某个文件夹（强制删除文件文件夹和文件夹内所有文件）

Npm包管理

~会匹配最近的小版本依赖包，比如~1.2.3会匹配所有1.2.x版本，但是不包括1.3.0
^会匹配最新的大版本依赖包，比如^1.2.3会匹配所有1.x.x的包，包括1.3.0，但是不包括2.0.0
版本号写*，这意味着安装最新版本的依赖包
所以建议使用~来标记版本号，这样可以保证项目不会出现大的问题，也能保证包中的小bug可以得到修复。

Chrome如何清除DNS缓存

在地址栏中输入: chrome://dns，就可以查看Chome的DNS缓存
按"Win+R"系统热键打开"运行"窗口，输入"ipconfig /flushdns"命令后按回车，就可以清空电脑的DNS缓存。
在地址栏中输入: chrome://net-internals/#dns，然后点"Clear host cache"按钮。

git移除版本跟踪

git rm  -r -n --cached   */bin/\*  (注意：此命令会真正删除文件，你可以加上"-n"参数 查看文件列表)

console.table()

方便查看对象数组，例如:

console.table([{name:'neil',age:26},{name:'jack',age:27}]);

禁止浏览器识别电话号码及email

<meta content="email=no" name="format-detection">
<meta name="format-detection" content="telephone=no">

ES6数组去重

// ES6
function unique (arr) {
  const seen = new Map()
  return arr.filter((a) => !seen.has(a) && seen.set(a, 1))
}
// or
function unique (arr) {
  return Array.from(new Set(arr))
}

设置npm镜像

npm config set registry https://registry.npm.taobao.org
npm info underscore
如果配置成功,第二步会有字符串返回

jQuery自定义动画的相对运动用法

// 使用 "+=" 或 "-=" 来创建相对动画（relative animations）。
animate({'left':'+='+nWidth+'px'},'slow');
$('#demo').animate({'left':'+=50px'},'slow');

兼容火狐及ie的网站变灰样式代码

现代浏览器火狐及其它支持css3的可以用css3滤镜

.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;
}

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

<meta http-equiv="refresh" content="5;url=index.html">

插入一段flash

<embed src="images/logo.swf" quality=high width=180 height=400 wmode=transparent type='application/x-shockwave-flash'>

alert内容换行

alert('第一行'+‘\n’+'第二行');

jq选择器

$('[data-validate]', this)相当于$(this).find('[data-validate]'); //jq表单验证插件

jq中.index()方法

如果不给.index() 方法传递参数，那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。如：

<dl id="J_reg-tab">
      	<dt>选择注册方式：</dt>
      	<dd class="cur">邮箱注册</dd>
      	<dd>手机注册</dd>
      	<dd>用户名注册</dd>
 </dl>

绝对定位元素的auto情况

如果一个元素的position为absolute，其left:auto时，相对位移以父级元素为参照，如果父级元素存在padding值则不包括padding区域。

文本裁减

.text{width:200px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

Emmet

ul>li*8>input[type='checkbox' id='$']{$}
// =>
<ul>
		<li><input type="checkbox" id="1">1</input></li>
		<li><input type="checkbox" id="2">2</input></li>
		<li><input type="checkbox" id="3">3</input></li>
		<li><input type="checkbox" id="4">4</input></li>
		<li><input type="checkbox" id="5">5</input></li>
		<li><input type="checkbox" id="6">6</input></li>
		<li><input type="checkbox" id="7">7</input></li>
		<li><input type="checkbox" id="8">8</input></li>
</ul>

清除Chrome dns缓存系统dns缓存

chrome://net-internals/#dns

ipconfig /flushdns

AI里将描边填充成画板颜色

在吸取颜色的时候按住shift键即可

易忘录