FuckWebBUG
看名字，懂意思
本文会将HTML，CSS，JavaScript中遇到的问题整理出来，每个标签、样式、API都会整理到一起，使用的时候搜索标签、样式、API就能找到相关的问题
学会拥抱失败，期待失败，接受失败，并准备直面失败。————by《Soft Skills》
如果你想成功，你必须要学会收起自己脆弱的自尊心，勇敢走出去，别害怕让自己出丑。每一个著名演员、音乐家、专业运动员和公共演说家都曾有过表现不佳的时候，他们自觉地选择了走出困境，尽力而为。成功终将会来。你不可能专注做某件事而毫无长进，你只要坚持足够长的时间就会有收益。你的生存之道就是不必太在意。别害怕被人看作傻瓜。 ————by《Soft Skills》
准备好面对批评，但不要惧怕。总会有人不喜欢你的言论，或者不赞同你的观点。你永远不可能取悦每一个人。 ————by《Soft Skills》
关于近期更新内容
在准备机器学习以及公众号
前端规范
命名规范
取名
直接百度翻译吧，比如广告就advertisement写完全称，或者是前三个字母adv或者是音节的首字母avt
语义化
针对每个布局请进行语义化的规范
<!-- 导航栏 -->
<nav></nav>
<!-- 文字用p -->
<p>nihao</p>
<!-- 底部 -->
<footer></footer>class -
在写HTML的class时，使用"-"分割名字
<div class="nav-box"></div>id 驼峰式
在写HTML的id时，使用驼峰式命名
<div id="navBox"></div>变量 驼峰式
在JavaScript中，变量使用驼峰命名，比如
var = navLength;变量对象 $
在JavaScript中，变量对象使用"$"开头
var $el = $('html');私有变量 _
在JavaScript中，函数中的私有变量对象使用下划线开头
var _this = $(this).val();代码缩进
全部都使用2个空格作为缩进标准，每个编辑器不一样，但是空格都是一样的，所以请自行设置好
代码整理
每个编辑器都不一样，蛮出名的插件叫"Beautify"这个插件基本上蛮多编辑器都支持的都可以试试，大家在提交代码的时候都整理代码，这样方便别人打开浏览
注释
在HTML每个模块应写好注释，CSS也将按HTML的模块分注释，JavaScript也是一样，针对JavaScript如果功能复杂或者变量不在上下文请使用长条注释好，方便阅读
<!-- nav -->
<div class="nav-box"></div>
<!-- nav end -->/* nav */
.nav-box{
color: #fff;
}
/* nav end*///nav
console.log('ok')
//nav end常用前端工具/库
自己看好API锻炼自己英文水平，不懂的划词翻译
本地简单服务器(nodejs)
npm i anywhere -g anywhere 端口号(默认8000)
本地服务器的作用是可以跑起服务，然后可以在本地做ajax请求json文件测试
参考资料
查看各种API，方便，实用
平时在写代码的时候需要多注意可以提高你页面打开的速度
谷歌浏览器network 翻一翻
代码检测工具 Eslint
这里提供的是针对vscode的，因为vscode可以自带自动修补这些问题，而且当然配置是一个简单的基础配置
npm i -g eslint npm init eslint init
package.json设置
"devDependencies": { "eslint": "^4.6.1" }
vscode 设置
"editor.formatOnSave": true, "eslint.autoFixOnSave": true, "files.eol": "\n"
.eslintrc.js设置(放在工程文件夹根目录里或者用eslint --init初始化一个)
module.exports = { "env": { //配置适用环境，根据个人情况修改 "browser": true, "es6": true, //开启ES6 "jquery": true, //开启JQ 'node': true, //开启node }, "root": true, //根目录检测eslintrc配置文件 "extends": "eslint:recommended", //开启默认配置 "rules": { //eslint规则 "indent": [ //强制使用一致的缩进“空格” "error", 2 ], "semi": ["error", "always"], //分号 "no-multiple-empty-lines": ["error", { //多余空行 "max": 1 }], "radix": "error", //强制在parseInt()使用基数参数 "linebreak-style": [ //强制使用一致的换行风格 "error", "unix" ], "max-len": [1, 80], //一行最大长度 "no-console": "off", //开启console "no-use-before-define": [ //禁止在变量定义之前使用它们 "error", { variables: false } ], "quotes": [ //强制使用一致的反勾号、双引号或单引号 "error", "single" ], "eqeqeq": ["error", "always"], //判断都用===或者 !== "no-debugger": "off", //开启debugger调试 "no-mixed-spaces-and-tabs": "error" //禁止空格和 tab 的混合缩进 } };
test