发表于   |     |   阅读次数

点击WebStorm的设置按钮

进入设置面板后，直接在左上角搜索github（这个也算是WebStorm方便功能之一，很快速定位设置项），然后填入你github的账户名和密码，然后按一下Test看看是否连接成功

成功连接后，你就已经登录到Github账户了，但这还不够，你还得让WebStorm能够支持到Git操作，那么我们首先先去https://code.google.com/p/msysgit/downloads/list下载Git，安装后，在WebStorm中查找Git，选好git.exe的路径，配置，然后按一下Test看看是否连接成功

阅读全文 »

发表于   |     |   阅读次数

优雅的表单

1
2
3
4
5
6
7
8
9
10
input:not([type="range"]), textarea, select {
 border: 1px solid #bfbfbf;
 padding: 0.2em;
 font-size: 1.1em;
 line-height: 1.2em;
 background: #ffffff;
 background: linear-gradient(top, #ffffff 0%,#ededed 8%,#ffffff 100%);
 border-radius: 4px;
 box-shadow: 2px 2px 5px hsla(0, 0%, 16.6667%, 0.1);
}

针对表单的 CSS3 伪类选择器

 input:required：选择必填表单域；
 input:focus:invalid：选择当前聚焦的且含有非法输入值的表单域；
 input:focus:valid：选择当前聚焦的且含有合法输入值的表单域。
我们使用上面的伪类选择器再编写三条新规则：

1
2
3
4
5
6
7
8
9
10
11
input:required {
 border: 1px solid rgba(253, 8, 8, 0.29);
}
input:focus:invalid {
 background: url('../img/cross.png') no-repeat right;
 padding-right: 3px;
}
input:focus:valid {
 background: url('../img/tick.png') no-repeat right;
 padding-right: 3px;
}

第一个规则给必填表单域加了一点红色边框：当用户输入时，如果所输入的值不符合规
定格式;

第二个样式会给当前的输入框加上一个红色叉号：如果输入值符合格式；

第三个样式会给其加上一个绿色对号。

阅读全文 »

发表于   |     |   阅读次数

安装node.js

win+R 输入cmd 并回车

输入 node -v 查看node版本

输入 npm -v 查看npm版本

安装webpack

输入 npm install webpack -g

此时 Webpack 已经安装到了全局环境下，可以通过命令行 webpack -h 查看。

通常我们会将 Webpack 安装到项目的依赖中，

这样就可以使用项目本地版本的 Webpack。

进入项目目录，若没有package.json，

在项目目录下按 shift+鼠标右键 选中“在此处打开命令窗口”，

输入 npm init 并且一路回车即可。

接下来直接输入 npm install webpack --save-dev

若你看到node_module文件夹，则说明你安装成功

（PS：安装指定版本的 webpack，请输入 npm install webpack@1.12.x –save-dev）

阅读全文 »