安固途径

在编写网页时，在按钮悬停时，为了增强交互，通常会高亮边框，有时也会增加边框的厚度，例如按钮的边框本来是1px的浅色，在悬停后边框变成了2px的深色。这时候按钮的大小就会发生变化，导致变形。

例如下面的两张图片

这时应该分两种情况讨论，一种是按钮的大小给了一个固定值，一种是按钮大小为auto。

给了固定值的很好说，将 box-sizing 设置为 border-box 即可，按钮的大小就不会变化。

box-sizing: border-box;

按钮大小为auto的，如果border的宽度变大，则应该减小相应的padding值，这样也可以保证按钮的大小不会变化。

.btn{
    background-color: #fff;
    color: #666666;
    border: 1px solid #ccc;
    padding: 5px;

    &:hover{
        padding: 4px;
        color: red;
        border: 2px solid red;
    }
}

对于不确定大小的按钮，通常

例如停止服务mysql

用管理员打开cmd，执行

> net stop mysql

如图

同样，启动mysql

> net start mysql

这里主要需要知道要操作的服务的名称，当一个服务被创建的时候就应该记住，选择一个好记的名字。如果忘记了所创建的服务的名称，可以利用windows的GUI服务管理工具。

前端开发，安装依赖包的时候，等待了半个多小时，都没有进展，是怎么回事啊？

听说npm有国内的镜像

> npm config set registry https://registry.npm.taobao.org

不知道行不行，试一试吧。

参考：https://my.oschina.net/osccreate/blog/752976

用browser-sync或者lite-server来监控文件的改变，当文件改变时，就自动刷新浏览器。

用node-sass来实时编译scss文件。

用parallelshell来异步执行npm script命令。

先安装上述的node工具

npm install -g browser-sync

一、首先新建npm的package.json

package.json一般有如下的结构和选项

{
"name": "about",
"version": "1.0.0",
"scripts": {
},
"devDependencies":{

}
}

devDependencies代表依赖的node工具，scripts代表npm scripts命令。

"scripts": {
    "scss": "node-sass -w scss -o css",
    "serve": "browser-sync start --server --files \"css/*.css, *.html\"",
    "dev": "parallelshell \"npm run serve\" 

服务器地址：kms.03k.org

脚本维护更新：2016-09-29

参考：http://03k.org/kms.html

http://jingyan.baidu.com/article/22a299b53980b19e19376aaf.html