【干活来袭】史上最全前端开发知识库合集！

转帖|使用教程|编辑：蒋永|2017-03-06 11:35:03.000|阅读 458 次

概述：前端开发全面知识库，包括HTML5，CSS3和js的基本框架知识，以及DOM和BOM操作的基础知识和一些基本工具和IDE。学习本篇，你将了解到以下知识。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

前端开发全面知识库，包括HTML5，CSS3和js的基本框架知识，以及DOM和BOM操作的基础知识和一些基本工具和IDE。学习本篇，你将了解到以下知识。

核心 Core

HTML5

W3C
W3C
菜鸟教程
HTML5中文门户

CSS3

W3C CSS教程
W3C CSS3教程
菜鸟教程CSS教程
菜鸟教程CSS3教程
CSS参考手册

JS

W3C
菜鸟教程
廖雪峰js教程
js标准参考教程-阮一峰

jQuery

W3C
菜鸟教程
极客学院
廖雪峰
参考手册
参考手册

ES6

阮一峰ES6
极客学院
JavaScript 标准参考　阮一峰

插件

: 前后端通用的一个并行库
: 用于现代浏览器的兼容 jQuery 的库
: 稳定的跨浏览器测试工具
: 一个用于模拟人输入状态的 JS 库
: 前端用于实现异步滚动效果的库，现已不再维护
: 另一款实现一步滚动的开源库，使用人数众多，可实现各种狂拽酷炫掉渣天的前端效果，看真相
: 前端框架，是开发人员可以基于 web 技术构建 IOS7 程序
: 用于生成正则表达式的可视化流程图
: 新型 Markdown 解析器，快速，支持插件
: 用于 Javascript 中的多行文本，类似于 Ruby 的 HERE Doc
: 全屏插件，支持各大浏览器
: 类似于 Solr, 但是用于浏览器上的全文搜索引擎，可以为 JSON 创建索引，离线也可以使用
: jQuery 插件，用于绑定热键
: Javascript 编写的 Browser (浏览器)
: 用于生成 Github 信息卡片的库
: 用于生成 Github 信息卡片的库
: 轻量级货币转换库，web 和 node 皆可用
: 轻量级的数字、货币转换库
: Javascript 实现的各种算法集合
: 类似于 underscore, 但是会延迟执行，某些场景下，性能会有很大的提升
: 前端模块加载器，解决模块化、依赖等问题
: 单页应用中一个用于处理导航栏的库
: Javascript 实现的 javascript JIT
: jQuery 团队开发的 UI 相关的前端库，功能强大
: 分别基于 AngularJS/EmberJS/Backbone等实现的 TODO List, 帮助开发者选择前端 MVC 库
: Mozilla 出品，用于离线存储，基于IndexedDB, WebSQL 或者 localStorage, 提供一致的接口
: 浏览器版的 EventEmitter
: jQuery 插件，用于将 form 表单序列化成 JSON 数据
: 前端 MVVM 框架，用于开发富前端应用
: 可以根据文本生成流程图，类似于 Markdown 的语法
: 另一款可以根据文本生成流程图的库，类似于 Markdown 的语法
: 一个用来检测 Javascript 语法错误的库， Facebook 出品
: jQuery 插件，用来处理浏览器缩放
: 一个用于放大缩小图片、Web 内容或者多媒体元素的库，优雅大方
: 轻量型前端 MVC 框架，部分使用场景下性能优于 Angular.js 和 React
: 强大的前端 MVC 库，鼻祖级前端库，最初为了配合 Rails 来模块化前端应用，兼容性良好 (兼容到 IE6)，插件丰富，性能良好
: smartbanner 是从 IOS6 开始支持的一个新特性, 这个插件提供了对早期 IOS4/5 和 Android 的支持
: 在页面上以一个元素为起始以动画的方式移动(ScrollTo)到另一个元素，支持回退等
: 自定义的滚动条，让所有浏览器都显示一样的滚动条
: 提供类似于 iPhone6 展示页类似的效果，适用于单页应用，兼容到 IE8
: 前端插件用来监控元素的滚动事件(进入、退出等)，性能很好
: 神奇的滚动交互效果插件，可以在滚动的过程中设置各种各样的动态效果
: 滚动加载，滚动到最下到自动加载， Paul Irish 大神之作
: 仅仅依靠 border-width 和 background-position 实现的各种动态效果，看真相
: 页面上内嵌图片的放大缩小效果，类似于 Medium 中的效果
: jQuery 的一个插件，用于校验 Form 表单
: jQuery 的一个插件, 用于实现大背景(视频、图片)效果
: 一款基于 LLVM, 可以将 C/C++ 转换成 Javascript 的工具，使得 Javascript 可以近乎 Native 的速度
: 各种语言的二维码生成工具
: 一个可以检测设备类型的工具，可以让我们根据不同的设备来为其定制响应的 Javascript 和 CSS
: jQuery 插件，用来生成二维码
: jQuery 的一个插件，可以用来实现瀑布流的效果
: 可以用来过滤、排列布局，实现美观的动态布局切换效果，Demo
: 功能强大的图片延迟加载工具，可以首先加载一个低质量的图片，然后再加载高质量的图片
: 简洁美观的进度条，扁平化
: 一个由 Javascript 实现的Shell, 将互联网当做一个大的文件系统, 通过 cd/ls/cat…..等命令, 可以访问 Facebook/Twitter/Google Drive 等网络服务
: Js实现的颜色选择器 (Colorpicker)
: jQuery 倒计时插件
: WYSIWYG 富文本编辑器
: 非常轻型的一个自动补全 JS 库, 没有任何依赖, 配置简单, 美观
: IOS 7 上 Switch 的 JS 实现, 支持 IE8 及以上浏览器
: Basecamp 公司出品的富文本编辑器，简洁小巧
: 在智能移动设备浏览器上，通过HTML5的api使用移动设备的功能。定位、运动、倾斜等
: 用于创建基于 HTML5 的演示文稿
: jQuery 插件，用于处理移动端的触摸事件
: 前端用户处理文件（拖放、多文件上传等）
: 现代浏览器上用于实现元素拖拽排序的功能，支持 Meteor, AngularJS, React，不依赖 jQuery
: 用于实现浏览器上的滑动切换效果，支持硬件加速
: 2D 物理效果引擎，碰撞、弹跳等
: 用于辅助创建手机端的 Web 应用，支持主题、Zepto.js 等
: 一个利用 Javascript 和 CSS transform 的 animation 库
: 基于 D3 的图表库
: 企业级图表库，百度开发
: 一个用于响应智能手机 orientation 的库
: jQuery 动画库的一个增强，用于现代浏览器
: 富文本编辑器，适用于现代浏览器
: 一个通过滑动或者拖拽来操控列表的库
: 一个矢量图库，提供 Ruby/Node 等支持
: JS 的一个图片展示库
: 是页面上一个元素高亮的库，有图有真相
: Firefox 在浏览器端的实现 —— HTML 版的 Firefox
: jQuery 团队开发的用于辅助手机端 web app 开发的库，基于 HTML5
: 基于angularjs和bootstarp的web app开发框架
: 一个适用于现代浏览器的，用于处理手势、拖放、缩放等的库
: 实现部分物理效果，Facebook 出品
: 基于 LocalStorage 的资源加载器，可以用来缓存 script 和 css, 手机端使用速度快于浏览器直接缓存
: 高性能的滚动(scroll)处理库，功能强大，支持各种事件，不依赖任何的库，且插件丰富, 大众点评的手机端列表滚动就是用这个库处理的
: 基于 D3 的图表库，简洁、高效，Mozilla 出品
: Paypal 出品的 Video 播放器
: 几种 Loading 效果，基于 SVG
: 一款能够漂亮的网页元素翻转效果库，代码许久不更新，不过作为源码学习还是不错的
: 基于 CSS3 的前端动画框架
: 使元素以非常酷帅的方式进入画布 (Viewpoint)，看 Demo
: 一个用来检测 HTML5 和 CSS3 支持情况的库
: 另一款前端模版框架，类似于 Bootstrap
: Bootstrap 的一款主题，简洁美观
: 一款漂亮的 Checkbox 插件
: 非常轻量级的一个图片滑动切换效果库, 性能良好, 尤其是对手机的支持, 压缩后的大小约 5kb
: 功能异常强大的一个图片滑动切换效果库
: 漂亮的社交按钮
: 一个非常美观的用于替换浏览器默认 alert 的库
: Javascript 实现的 Web Animation API
: 可以动态描绘 SVG 的 JS 库, 支持多种动画
: 轻量, 小巧, 美观的 HTML5 视频播放器
: 基于 HTML5 & CSS3 时间表
: 一个非常美观的侧滑菜单

包管理工具 Package Managers

NPM

菜鸟教程NPM 使用介绍
淘宝 NPM 镜像
npm 模块安装机制简介
npm包搜索地址

Bower

Bower中文网
Bower：客户端库管理工具-阮一峰

Yarn

yarn中文网
YARN 简介

编辑器 Text Editors

WebStorm

官网下载
前端网破解版下载

VScode

官网下载
vscode 插件精选 - 献给所有前端工程师

SublimeText

官网下载
前端网破解版插件版下载
SublimeCodeIntel: Sublime Text 的代码补全工具，支持多种语言
Emmet：一个用于提高开发效率的编辑器插件，前身是Zen coding
SublimeLinter: 一个提供代码质量检测的插件
SublimeTmpl：快速新建指定的模版文件
Syntax-highlighting-for-Sass：sass代码高亮插件
MarkdownEditing: Sublime Text 强大的 Markdown 扩展, 提供快捷键, 主题等
ApplySyntax: 辅助检测语法插件
CTags: Sublime Text Ctags 支持插件, 需要安装 ctags
sublime-react: React 代码高亮

Atom

官网下载

HBuilder

官网下载

JS框架 JS Frameworks

Backbone

Backbone.js API中文文档

AngularJs

中文官方文档
angularjs中文网
angularjs教程
Angular 基础入门
angular-masonry: Masonry 的 AngularJS 插件，用于瀑布流
angular-schema-form: 根据 JSON 生成响应的 Form 表单
restangular: Angular 中用来处理 RESTful API 的插件，可替代 $resource
ng-cordova: Cordova 常用组件的 Angular 版本
angular-translate: Angular 的国际化 (I18n)
ng-inspector: Chrome 插件，用于调试 Angular
angularjs-style-guide: AngularJS 代码风格
ngReact: React 的 Angular 插件，可以在 Angular 中使用 React Components
material: Google Material Design 效果的 Angular 实现
angular-local-storage: Angular 插件, 提供了对 localStorage 的友好支持, 并对不支持的浏览器使用 cookie 优雅降级
angular-filter: 一组有用的 Angular Filters
bindonce: Angular 插件, 用于减少 Watcher 的数量, 提升性能

React

英文官方文档
中文官方文档
gitbooks手册
阮一峰react入门
阮一峰React Router入门
React Router 中文文档
react-redux 中文文档
阮一峰Redux 入门教程
: React 框架源代码
: Facebook 出品的使用 React 开发 IOS 原生应用的框架
: 实时调整 React 组件效果
: React 的 Grunt 组件, 用于将 JSX 编译成 JS
: 基于 React 的手机应用前端框架
: 基于 React, ES6, React-Router的一个应用脚手架
: React 路由解决方案