inline-block导致页面元素错位

OK,刚才在编码的时候发现页面上元素错位了,使用开发者工具查看了半天,没有发现有多余的像素。
如图所示:

很好,在经过深思熟虑,加上百度谷歌后,发现问题所在,因为子元素显示方式为行内块。而且没有定义对齐方式,所以导致了元素错位。
这种属于经验问题,好在这一个坑踩过了就不会再崴到脚了。
解决办法:
父元素样式:

font-size: 0;  
-webkit-text-size-adjust:none;

子元素样式:

display:inline-block;  
vertical-align:top;  

OK,在回头刷新页面,一切完好。

node开发环境报错error code ELIFECYCLE

OK,今早npm install particlesJS之后,再启动时,项目开发环境报了错,报错信息如下:

20 error code ELIFECYCLE
21 error errno 1
22 error react-redux-starter-kit@3.0.1 start: `cross-env NODE_ENV=development node build/scripts/start`
22 error Exit status 1
23 error Failed at the react-redux-starter-kit@3.0.1 start script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]  

由于自信自己代码没有问题,所以我很自然的删掉了我添加的代码,然后重新运行项目,果然如我所料,这个报错仍然存在。
于是,我开始怀疑人生,并且把 node_modules 目录删除,准备重新来过。
执行如下:

npm install  

OK, Suprise!
出现了新的 error log,如下:

npm ERR! sha1-9HGh2khr5g9quVXRcRVSPdHSVdU= integrity checksum failed when using sha1: wanted sha1-9HGh2khr5g9quVXRcRVSPdHSVdU= but got sha1-TvvarUqut1YrwQiMia0cMKtCRaw=. (2236 bytes)  

Google了一下,在github的issue中找到了解决方法:

npm cache clear --force  
npm install -g npm  

当我再次执行 npm start 的时候,一切都是完美的!!!
小插曲:
当我再次启动项目的时候报了个错说是3000端口被占用。
解决办法:

cmd  
netstat -aon|findstr :3000    // 查看占用3000端口的应用的pid  
tasklist /fi "pid eq 3132"    // 查看占用3000端口的应用3132是什么应用,发现是node  
kill 3132                     // 关闭该进程。

windows下 nginx启动失败,进程看不到nginx.exe

1、先找到nginx.exe同级目录下的logs目录,查看error.log日志文件。

2017/10/10 10:20:29 [emerg] 8664#7224: CreateDirectory() "D:\workspace\nginx-1.8.1/temp/client_body_temp" failed (3: The system cannot find the path specified)  

发现以上报错日志。
解决方案:
1、在nginx.exe同级目录下创建temp目录,并且设定权限可写入。
2、在temp目录下创建client_body_temp 目录,并设定权限可写入。