网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
css规范
2017年07月24日
1 前言本文档的目标是使CSS代码风格保持一致，容易被理解和被维护。2 文件2.1 文件编码建议： CSS 文件使用无 BOM 的 UTF-8 编码。解释：UTF-8编码具有更广泛的适应性。BOM在使用程序或工具处理文件时可能造成不必要的干扰。2.2 文件名强制：创建 CSS 文件名要语义化。解释：好的语义化文件名，方便查找。用单词命名，多个单词用"_"下划线拼接。示例：index.css //首...
JavaScript规范
2017年07月24日
1 前言本文档的目标是使javaScript代码风格保持一致，容易被理解和被维护。2 文件2.1 文件编码建议： JS 文件使用无 BOM 的 UTF-8 编码。解释：UTF-8编码具有更广泛的适应性。BOM在使用程序或工具处理文件时可能造成不必要的干扰。2.2 文件名强制：创建 JS 文件名要语义化。解释：好的语义化文件名，方便查找。用单词命名，多个单词用"_"下划线拼接。示例：index.js...
HTML规范
2017年07月24日
1 前言本文档的目标是使HTML代码风格保持一致，容易被理解和被维护。2 文件2.1 文件编码建议： HTML 文件使用无 BOM 的 UTF-8 编码。解释：UTF-8编码具有更广泛的适应性。BOM在使用程序或工具处理文件时可能造成不必要的干扰。2.2 文件名强制：创建 HTML 文件名要语义化。解释：好的语义化文件名，方便查找。用单词命名，多个单词用"_"下划线拼接。示例：index.html...
编辑器配置和构建检查
2017年07月24日
编辑器配置和构建检查sublime3插件安装node包jscs npm install jscs -gjshint npm install jshint -gcsscomb npm install csscomb -gcsslint npm install csslint -g安装gem包scss-lint gem install scss_lint安装sublime3 Package Contr...
JavaScript
2017年07月24日
JavaScript缩进使用soft tab（4个空格）。var x = 1, y = 1; if (x < y) { x += 10; } else { x += 1; }单行长度不要超过80，但如果编辑器开启word wrap可以不考虑单行长度。分号以下几种情...
Html
2017年07月24日
HTML语法缩进使用soft tab（4个空格）；嵌套的节点应该缩进；在属性上，使用双引号，不要使用单引号；属性名全小写，用中划线做分隔符；不要在自动闭合标签结尾处使用斜线（HTML5 规范 指出他们是可选的）；不要忽略可选的关闭标签，例：</li> 和 </body>。<!DOCTYPE html> <html> <head> ...
命名规则
2017年07月24日
命名规则项目命名全部采用小写方式， 以下划线分隔。例：my_project_name目录命名参照项目命名规则；有复数结构时，要采用复数命名法。例：scripts, styles, images, data_modelsJS文件命名参照项目命名规则。例：account_model.jsCSS, SCSS文件命名参照项目命名规则。例：retina_sprites.scssHTML文件命名参照项目命名规...
JavaScript中&&理解
2017年07月22日
&&在JavaScript中有三种理解:1.当两个操作数都是布尔值的时候,&&对两个执行布尔与(AND)操作，只有在两个都是true时，才返回true。如果其中一个是false，它返回false。 x==0&&y==0 //只有在x和y都为0的时候，才返回true2.&&可以对真值和假值进行布尔与（AND）操作。如果两个操作数都是真值，那么返...