前端资源集合

看到一些前端有趣的东西都会随手收藏到收藏夹里,时间长了不仅乱,而且需要用时还找不到在哪里,因此有了把他们整理成一个集合的想法。本文就是我平常收集到的一些前端学习和工作中会用到的一些资源,如果你有更好的可以发表评论,丰富这个列表。

常用

前端常用API集合
MDN HTML5开发指南

兼容性

前端兼容性查询 can i use
检测浏览器HTML5支持情况

移动端

移动端适配 手淘Flexible方案
移动端兼容问题解决方案

ES6

ECMAScript 6 入门(阮一峰)
Understanding ECMAScript 6
Babel ES6在线转换工具

CSS3

图解css3
hover时动画
css动画animate
元素抖动动画
打字机动画

正则

regexper
正则表达式30分钟入门

工具

入门webpack看这篇就够了
webpack系列文章
webpack中国
ESlint

jQuery

jQuery3中文文档
You Don’t Need jQuery\
YOU MIGHT NOT NEED JQUERY
jQuery 插件库
mobiscroll

zepto

zepto源码解析

社区

W3Cfuns
w3cplus
div.io
segmentfault
掘金

大神博客

张鑫旭
阮一峰
廖雪峰

文章

深入理解HTTP协议
深入理解javascript原型和闭包系列 王福朋
深入理解javascript系列 汤姆大叔
API设计之道
如何写出好的 JavaScript —— 浅谈 API 设计
十大排序算法总结
移动前端不得不了解的HTML5 head 头标签(2016最新版)

视频学习

慕课网
中国大学MOOC慕课
妙味VIP课程

求职

牛课网 刷题
简历模板
前端面试常见回答

设计

花瓣
behance
500px
矢量图标库 iconfont
矢量图标库 icomoon

VUE

vue 源码

vpn

vultr

源码阅读

代码片段

Snippents[CSS Tricks] 几行代码片段实现一些简单常见的功能。
Yon don’t need jQuery 能学到很多关于如何用现代浏览器原生 API 来实现 jQuery 实现的功能。

JS

Bootstrap 的 JS 插件 Bootstrap 的 JS 插件都是基于 jQuery 的,每个插件也就一两百行代码。
JavaScript Patterns Collection 一些 JavaScript 模式的介绍,以及实现。
underscore[注解版] 能了解一大波基本数据类型的工具方法的实现。

CSS

normalize.css 能了解到各不同浏览器的默认样式之间的差异以及某些浏览器对某些元素设置的“奇怪”默认样式。
Animate.css 能了解常见的动画效果名称,以及如何 CSS 来写动画。

其他

一道常被人轻视的面试题
你真的懂JavaScript? 44道js测试题
前端网址导航
前端导航网
网站性能测试
省时的浏览器同步测试工具
码市 开发者技术变现平台
代码分享 jsfiddle
前端书籍资料
创建一个favicon.ico图标