前端网址收集

@(smileyby)[前端资源收集|Markdown]

前端资源收集本文搜集了有关于前端，但不局限于前端的资源链接，所有资源均来源于网路，为爱学习的小伙伴提供更多可以参考的学习资源，如有侵权或不妥之处，请提issue，将及时处理。

关于技术人员的发展之路：这里推荐阅读 https://coolshell.cn/articles/17583.html 这篇文章

码上公益：如果你在工作和学习之余仍然有闲暇时间，不妨加入阿里的-码上公益，用技术助力公益，让科技更有温度。

---

错误处理

console.log([
  "                   _ooOoo_",
  "                  o8888888o",
  "                  88\" . \"88",
  "                  (| -_- |)",
  "                  O\\  =  /O",
  "               ____/`---'\\____",
  "             .'  \\\\|     |//  `.",
  "            /  \\\\|||  :  |||//  \\",
  "           /  _||||| -:- |||||-  \\",
  "           |   | \\\\\\  -  /// |   |",
  "           | \\_|  ''\\---/''  |   |",
  "           \\  .-\\__  `-`  ___/-. /",
  "         ___`. .'  /--.--\\  `. . __",
  "      .\"\" '<  `.___\\_<|>_/___.'  >'\"\".",
  "     | | :  `- \\`.;`\\ _ /`;.`/ - ` : | |",
  "     \\  \\ `-.   \\_ __\\ /__ _/   .-` /  /",
  "======`-.____`-.___\\_____/___.-`____.-'======",
  "                   `=---='",
  "^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^",
  "         佛祖保佑       永无BUG"
].join('\n'));

try {
  something
} catch (e) {
  window.location.href = "http://stackoverflow.com/search?q=[js]+" + e.message;
}

CSS

描述	网址
网易的NEC(Nice Easy CSS)代码库	http://nec.netease.com/library
30S或更短时间就可以学会的CSS	https://30-seconds.github.io/30-seconds-of-css/
Animate.css	https://daneden.github.io/animate.css/
HTML和CSS的规范和结构	http://codeguide.co/
CSS-loading-1	https://epic-spinners.epicmax.co/#/
CSS-loading-2	https://loading.io/spinner/
CSS-图片色彩过滤	https://picturepan2.github.io/instagram.css/
CSS-动画-1	http://animista.net/
CSS-动画-2	https://github.com/Martz90/vivify
CSS-浏览器前缀自动补全	http://pleeease.io/play/
CSS-奇技淫巧	https://github.com/chokcoco/iCSS
CSS-文本溢出显示省略号	https://www.cnblogs.com/yzg1/p/5089534.html
CSS Inspiration -- CSS灵感	https://chokcoco.github.io/CSS-Inspiration/#/
CSS魔法	https://github.com/cssmagic/blog
rem与px的转换	http://caibaojian.com/rem-and-px.html
CSS-色彩搭配	https://palx.jxnblk.com/
CSS-图形介绍	https://tympanus.net/codrops/2018/11/29/an-introduction-to-css-shapes/

JavaScript

描述	网址
格式化input输入数据	https://github.com/nosir/cleave.js/
使用document.scrollingElement控制窗体滚动高度	https://www.zhangxinxu.com/wordpress/2019/02/document-scrollingelement/
javascript-tutorial-en 一份开源的 JavaScript 教程	https://javascript.info/
H5 键盘兼容性小结	https://juejin.im/post/5c6d1c8b6fb9a049de6df441
JavaScript深入系列、JavaScript专题系列 博客	https://github.com/mqyqingfeng/Blog
你不知道的Chrome调试工具技巧	https://juejin.im/post/5c09a80151882521c81168a2
有哪些短小却令人惊叹的 JavaScript 代码？	https://www.zhihu.com/question/46943112
翻书效果	http://www.turnjs.com/
天气效果	https://rainbowhunt.me/
汉字拼音转换工具	https://hotoo.github.io/pinyin/
精致的下拉刷新和上拉加载	https://github.com/mescroll/mescroll
一组匹配中国大陆手机号码的正则表达式	https://github.com/VincentSit/ChinaMobilePhoneNumberRegex/blob/master/README-CN.md
你可能不知道的前端知识点	https://github.com/justjavac/the-front-end-knowledge-you-may-not-know/issues
常用代码收集资源分享	https://github.com/jsfront/src
轻量级搜索	https://github.com/krisk/fuse

VUE

描述	网址
力荐35个最好用的Vue开源库！	https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247490187&idx=1&sn=70fc827b895c150ad9a2482acd190ed1&chksm=f951afc8ce2626de44424ecafe55377e4f04e7a7ba97bcefeab5b01257bdf6bf9a17f2828edf&scene=0&xtrack=1#rd
Vue.js 源码解析	https://github.com/answershuto/learnVue

React

描述	网址
React.js 小书	http://huziketang.mangojuice.top/books/react/

Node.js

描述	网址
全栈最后一公里	http://www.imooc.com/article/17554
Node.js入门	http://nqdeng.github.io/7-days-nodejs/
关于 Node.js 技术的开放源码电子书	https://yunnysunny.gitbooks.io/nodebook/content/
如何系统地学习nodejs	https://www.zhihu.com/question/21567720?group_id=871519504654565376
Node.js调试指南	https://github.com/nswbmw/node-in-debugging

移动端适配

描述	网址
使用Flexible实现手淘H5页面的终端适配	amfe/article#17
再聊移动端页面的适配	https://www.w3cplus.com/css/vw-for-layout.html
如何在Vue项目中使用vw实现移动端适配	https://www.w3cplus.com/mobile/vw-layout-in-vue.html

常用工具

描述	网址
Web前端导航	http://www.alloyteam.com/nav/
科学上网	https://segmentfault.com/a/1190000016911075
测试网址在各个地区的响应情况	https://www.17ce.com/
can i use	https://caniuse.com/
百度统计	http://tongji.baidu.com/data/browser
CSS, JavaScript 压缩, 美化, 加密, 解密	https://tool.css-js.com/
JSON格式化	https://www.json.cn/
网站在线分析	https://sonarwhal.com/scanner
在线生成NPM徽标链接	https://woolson.github.io/npmer-page/
在线图片压缩	https://tinypng.com/

书籍&手册&早报&博客

描述	网址
前端九部 - 入门者手册2019	https://www.yuque.com/fe9/basic
HelloGitHub	https://gitbook.hellogithub.com/q
每日时报	https://wubaiqing.github.io/zaobao/
阮一峰-技术分享周刊，每周五发布	https://github.com/ruanyf/weekly
git使用手册	https://gitee.com/progit/
深度学习-中文翻译版	https://exacity.github.io/deeplearningbook-chinese/
程序员应该访问的最佳网站	https://github.com/tuteng/Best-websites-a-programmer-should-visit-zh
深入浅出 Webpack	https://github.com/gwuhaolin/dive-into-webpack
腾讯移动 Web 前端知识库	https://github.com/AlloyTeam/Mars
前端小密圈	https://github.com/jawil/blog
林鑫个人博客	https://github.com/lin-xin/blog
foru17-前端收集	https://github.com/foru17/front-end-collect
fouber-个人博客	https://github.com/fouber/blog
ljianshu-个人博客	https://github.com/ljianshu/Blog

面试

描述	网址
前端面试图谱	https://yuchengkai.cn/docs/frontend/
简历模板	http://elevenbeans.me/
前端开发面试题大收集，前端面试集锦	https://github.com/paddingme/Front-end-Web-Development-Interview-Question
前端面试之道	https://github.com/InterviewMap/CS-Interview-Knowledge-Map
如何通过饿了么 Node.js 面试	https://github.com/ElemeFE/node-interview/tree/master/sections/zh-cn
程序员简历模板系列	https://github.com/geekcompany/ResumeSample
每天一道前端大厂面试题	https://github.com/Advanced-Frontend/Daily-Interview-Question

趣味网址

描述	网址
京东H5案例	https://cases.aotu.io/index.html
简历模板	http://elevenbeans.me/
游戏	http://k.swao.cn/js/web/game/t_01/level_01/step1.html
会唱歌的图片	http://nodtotherhythm.com/make