[--------------------------前端导航--------------------------]
http://luuman.github.io/FrontEndGuide/V1/index.html
一、html：
1.[Pug模板]
https://segmentfault.com/a/1190000006198621
[pug模板引擎(原jade)]
http://www.cnblogs.com/xiaohuochai/p/7222227.html
2.[html英文字体下载]
http://www.dafont.com/
[下载font字体处理网站]
https://www.fontsquirrel.com/tools/webfont-generator
3.[html5shiv]
http://www.bootcdn.cn/html5shiv/
4.[前端必须要懂的浏览器缓存机制]
https://juejin.im/entry/59c8d4675188256bb018ff89?utm_source=gold_browser_extension
二、css：
0.[史上最全面、最透彻的BFC原理剖析]
https://juejin.im/entry/59c3713a518825396f4f6969?utm_source=gold_browser_extension
1.[less语言特性]
http://less.bootcss.com/features/
[]
http://www.bootcss.com/p/lesscss/
2.[MDN web docs]
https://developer.mozilla.org/zh-CN/docs/Web/Tutorials
[css样式规则]
https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference
3.[css中如何将一个div水平垂直居中？]
http://www.cnblogs.com/Julia-Yuan/p/6648816.html
[绝对定位元素的水平垂直居中]
http://www.zhangxinxu.com/wordpress/2013/11/margin-auto-absolute-%E7%BB%9D%E5%AF%B9%E5%AE%9A%E4%BD%8D-%E6%B0%B4%E5%B9%B3%E5%9E%82%E7%9B%B4%E5%B1%85%E4%B8%AD/
4.[css常见布局方式]
https://juejin.im/post/599970f4518825243a78b9d5?utm_source=gold_browser_extension
[Flex 布局教程：语法篇]
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
5.[CSS3的文字阴影—text-shadow]
https://www.w3cplus.com/blog/52.html
[-webkit-text-stroke文字描边CSS属性及展开]
http://www.zhangxinxu.com/wordpress/2017/06/webkit-text-stroke-css-text-shadow/
6.[filter的十种特效]
http://www.w3cplus.com/css3/ten-effects-with-css3-filter
拓展：
[CSS3 text-fill-color简介及应用展示]
http://www.zhangxinxu.com/wordpress/2010/06/css3-text-fill-color%E7%AE%80%E4%BB%8B%E5%8F%8A%E5%BA%94%E7%94%A8%E5%B1%95%E7%A4%BA/
[CSS3 text-fill-color]
http://demo.doyoe.com/css3/text-fill-color/
7.[css动画样式库]
https://www.minimamente.com/example/magic_animations/
8.[CSS 黑魔法小技巧，让你少写不必要的JS，代码更优雅]
https://juejin.im/entry/59c9521e6fb9a00a437b1dbc?utm_source=gold_browser_extension
三、JavaScript：
1.[深入理解JavaScript系列]
http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html
2[js中获取键盘事件以及键盘各按键的keycode值]
http://www.cnblogs.com/huzi007/p/3866272.html
3.[原生JS实现最简单的图片懒加载]
https://juejin.im/post/59cb634a6fb9a00a4843bea9?utm_source=gold_browser_extension
4.[数组目前共有32种方法]
https://juejin.im/entry/59ae8189f265da247a15bf0a?utm_source=gold_browser_extension
5.[js正则表达式详细教程]
https://juejin.im/post/5965943ff265da6c30653879
6.[用25行JavaScript语句实现一个简单的编译器]
https://juejin.im/entry/59cdbe11f265da06633d4ac2?utm_source=gold_browser_extension
7.[JS中的算法与数据结构——栈(Stack)]
https://juejin.im/entry/59c8a0a2f265da0659432aa2?utm_source=gold_browser_extension
8.[JS语法： 由 ++[[]][+[]]+[+[]] = 10 引发的问题JS数据操作]
https://juejin.im/entry/59c9b188f265da065476e1dd?utm_source=gold_browser_extension
9. [JS容易被忽略的小知识点]
http://blog.csdn.net/cicylee/article/details/51057088
四、常用网址：
1.[常用十六进制颜色对照表代码查询]
http://www.jianshu.com/writer#/notebooks/15530004/notes/16720819/preview
2..[图片在线转换Base64]
http://tool.css-js.com/base64.html
3.[阿里巴巴矢量图标库]
http://iconfont.cn/
4.[前端切图 | 百度EUX]
https://juejin.im/entry/59cdb5546fb9a00a3c4b424f?utm_source=gold_browser_extension
4.[码云------共享云项目，团队合作]
https://gitee.com/
9.[我的github博客地址]
https://wangjiananwjn.github.io/
10.[Markdown 新手指南]
http://www.jianshu.com/p/q81RER
11.[十五个有趣的 JS 和 CSS 库]
https://juejin.im/entry/59c79ebe51882579e9555048?utm_source=gold_browser_extension
五、前端资讯：
1.[面试题 - 收藏集 - 掘金]
https://segmentfault.com/a/1190000009720924
[前端面试问题 ---持续更新]
https://juejin.im/post/59c485075188257e6e2634e0?utm_source=gold_browser_extension
2.[前端面试之webpack篇]
https://juejin.im/post/59cb6307f265da064e1f65b9?utm_source=gold_browser_extension