必要神器:前端开发全面知识库

前端开发全面知识库,包括HTML5,CSS3和js的中坚框架知识,以及DOM和BOM操作的基础知识和一部分着力工具与IDE。学习本篇,你拿了解及以下文化。

核心 Core

HTML5

W3CHTML 5
教程

W3CHTML5 Chinese Interest Group
Wiki

菜鸟教程HTML5 教程 |
菜鸟教程

HTML5中文门户HTML5中国:中国不过特别之HTML5中文门户 – Powered by
Discuz!

CSS3

W3C CSS教程CSS
教程

W3C CSS3教程CSS3
教程

菜鸟教程CSS教程CSS 教程 |
菜鸟教程

菜鸟教程CSS3教程CSS3 教程 |
菜鸟教程

CSS参考手册CSS参考手册_web前端开发参考手册系列

JS

W3CJavaScript
教程

菜鸟教程JavaScript 教程 |
菜鸟教程

廖雪峰js教程Home –
廖雪峰的官方网站

js标准参照教程-阮一峰JavaScript
标准参照教程(alpha)

jQuery

W3CjQuery
教程

菜鸟教程jQuery 教程 |
菜鸟教程

极客学院jQuery教程_jQuery开发中文手册[PDF]下载-极客学院Wiki

廖雪峰http://www.liaoxuefeng.com/wiki/

参考手册jQuery API 中文文档(适用jQuery 1.0 – jQuery
3.1)

参考手册jquery
在线手册

ES6

阮一峰ES6ECMAScript
6入门

极客学院ECMAScript 6
入门-极客学院Wiki

JavaScript 标准参照 阮一峰JavaScript
标准参照教程(alpha)

插件

parallel.js:
前后端通用的一个连行库

zepto:
用于现代浏览器的匹配 jQuery 的堆栈

totoro:
稳定的过浏览器测试工具

TheaterJS:
一个用来模拟人输入状态的 JS 库

stellar.js:
前端用于落实异步滚动效应的库房,现已经不复维护

skrollr:
另一样缓实现均等步滚动的开源库,使用人口众多,可实现各种狂抛坏炫掉渣天的前端效果,看本质

Framework7:
前端框架,是开发人员可以根据 web 技术构建 IOS7 程序

regulex:
用于生成 正则表达式 的可视化流程图

markdown-it:
新型 Markdown 解析器,快速,支持插件

multiline:
用于 Javascript 中之多行文本,类似于 Ruby 的 HERE Doc

screenfull.js:
全屏插件,支持各大浏览器

lunr.js:
类似于 Solr, 但是用于浏览器上之全文检索引擎,可以为 JSON
创建索引,离线也可行使

jquery.hotkeys:
jQuery 插件,用于绑定热键

breach_core:
Javascript 编写的 Browser (浏览器)

octocard:
用于转移 Github 信息卡的库

github-cards:
用于转移 Github 信息卡的堆栈

money.js:
轻量级货币转换库,web 和 node 皆可用

accounting.js:
轻量级的数字、货币转换库

javascript-algorithms:
Javascript 实现之各种算法集合

lazy.js:
类似于 underscore, 但是会见推迟执行,某些场景下,性能会发出大十分的升迁

seajs:
前端模块加载器,解决模块化、依赖等问题

jQuery-One-Page-Nav:
单页应用被一个用来拍卖导航栏的库房

js.js:
Javascript 实现的 javascript JIT

jquery-ui:
jQuery 团队开支之 UI 相关的前端库,功能强大

todomvc:
分别因 AngularJS/EmberJS/Backbone等实现的 TODO List,
帮助开发者选择前者 MVC 库

localForage:
Mozilla 出品,用于离线存储,基于IndexedDB, WebSQL 或者 localStorage,
提供平等的接口

EventEmitter:
浏览器版的 EventEmitter

jquery.serializeJSON:
jQuery 插件,用于将 form 表单序列化成 JSON 数据

knockout:
前端 MVVM 框架,用于支付富前端采用

mermaid:
可以根据文本生成流程图,类似于 Markdown 的语法

js-sequence-diagrams:
另一样磨蹭可以依据文本生成流程图的库房,类似于 Markdown 的语法

flow:
一个所以来检测 Javascript 语法错误的库, Facebook 出品

zoomooz:
jQuery 插件,用来拍卖浏览器缩放

fancyBox:
一个用以加大缩小图片、Web 内容或多媒体元素的堆栈,优雅大方

mithril.js:
轻量型前端 MVC 框架,部分用状况下性能优于 Angular.js 和 React

backbone:
强大的前端 MVC 库,鼻祖级前端库,最初为配合 Rails
来模块化前端采用,兼容性好 (兼容到 IE6),插件丰富,性能优良

jquery.smartbanner:
smartbanner 是由 IOS6 开始支持之一个新特性, 这个插件提供了针对性前期 IOS4/5
和 Android 的支撑

jquery.scrollTo:
在页面及以一个素呢发端以卡通的办法移动(ScrollTo)到外一个元素,
支持回退等

jScrollPane:
自定义之滚动条,让具备浏览器还来得同一的轮转条

onepage-scroll:
提供类似于 iPhone6 展示页类似的效果,适用于单页应用,兼容到 IE8

scrollMonitor:
前端插件用来监督元素的滚事件(进入、退出等),性能非常好

ScrollMagic:
神奇的滚交互作用插件,可以以滚动的进程被装置各种各样的动态效果

infinite-scroll:
滚动加载,滚动到极致下到机关加载, Paul Irish 大神的作

animatable:
仅仅依靠 border-width 和 background-position 实现的各种动态效果,看本质

Fluidbox:
页面上内嵌图片的扩缩小效果,类似于 Medium 中之意义

jquery-validation:
jQuery 的一个插件,用于校验 Form 表单

BigVideo.js:
jQuery 的一个插件, 用于贯彻大背景(视频、图片)效果

emscripten:
一迟迟基于 LLVM, 可以将 C/C++ 转换成为 Javascript 的工具,使得 Javascript
可以接近 Native 的快

qrcode-generator:
各种语言的老二维码生成工具

device.js:
一个得以检测设备档次的家伙,可以叫我们根据不同的设施来也那个定制响应的
Javascript 和 CSS

jquery-qrcode:
jQuery 插件,用来生成二维码

Wookmark-jQuery:
jQuery 的一个插件,可以为此来实现瀑布流的职能

isotope:
可以用来过滤、排列布局,实现美丽的动态布局切换效果,Demo

lazysizes:
功能强大的图样延迟加载工具,可以率先加载一个低质量之图纸,然后又加载高质量的图

progressbar.js:
简洁美观的快漫长,扁平化

pigshell:
一个由于 Javascript 实现之Shell, 将互联网作为一个非常的文件系统, 通过
cd/ls/cat…..等一声令下, 可以拜 Facebook/Twitter/Google Drive 等网络服务

spectrum:
Js实现的颜料挑选器 (Colorpicker)

jQuery.countdown:
jQuery 倒计时插件

summernote:
WYSIWYG 富文本编辑器

awesomplete:
非常轻型的一个活动补全 JS 库, 没有任何借助, 配置简单, 美观

switchery:
IOS 7 上 Switch 的 JS 实现, 支持 IE8 及以上浏览器

trix:
Basecamp 公司出品的富文本编辑器,简洁秀气

sensor.js:
在智能运动装备浏览器上,通过HTML5的api使用移动装备的职能。定位、运动、倾斜等

hyhyhy:
用于创造 基于 HTML5 的 演示文稿

swipebox:
jQuery 插件,用于拍卖移动端的触摸事件

FileAPI:
前端用户处理公事(拖放、多文本及传等)

Sortable:
现代浏览器上用以落实要素拖拽排序的机能,支持 Meteor, AngularJS,
React,不指 jQuery

Swiper:
用于实现浏览器上之滑行切换效果,支持硬件加速

matter-js:
2D 物理意义引擎,碰撞、弹跳等

jQTouch:
用于帮助创建手机端的 Web 应用,支持主题、Zepto.js 等

snabbt.js:
一个以 Javascript 和 CSS transform 的 animation 库

c3:
基于 D3 的图表库

echarts:
企业级图表库,百度开发

parallax.js:
一个用来应智能手机 orientation 的库房

jQuery-Animate-Enhanced:
jQuery 动画库的一个加强,用于现代浏览器

wysihtml:
富文本编辑器,适用于现代浏览器

slip:
一个通过滑行或者拖拽来操控列表的库

evil-icons:
一个矢量图库,提供 Ruby/Node 等支撑

PhotoSwipe:
JS 的一个图片展示库

focusable:
是页面上一个元素高亮的堆栈,有图有实质

firefox.html:
Firefox 在浏览器端的兑现 —— HTML 版的 Firefox

jquery-mobile:
jQuery 团队开发之用于支援手机端 web app 开发之库房,基于 HTML5

mobile-angular-ui:
基于angularjs和bootstarp的web app开发框架

interact.js:
一个适用于现代浏览器的,用于拍卖 手势、拖放、缩放等的仓库

rebound-js:
实现有物理功能,Facebook 出品

basket.js:
基于 LocalStorage 的资源加载器,可以据此来缓存 script 和 css,
手机端使用快快给浏览器直接缓存

iscroll:
高性能的滚动(scroll)处理库,功能强大,支持各种风波,不靠任何的库房,且插件丰富,
大众点评的手机端列表滚动就是之所以是库房处理的

metrics-graphics:
基于 D3 的图表库,简洁、高效,Mozilla 出品

accessible-html5-video-player:
Paypal 出品的 Video 播放器

loading:
几种 Loading 效果,基于 SVG

flippant.js:
一悠悠会好好的网页元素翻转效果库,代码许久不更新,不过当源码学习要不错的

move.js:
基于 CSS3 的前端动画框架

scrollReveal.js:
使元素以死酷帅的计进入画布 (Viewpoint),看 Demo

Modernizr:
一个之所以来检测 HTML5 和 CSS3 支持情况的堆栈

foundation:
另一样悠悠前端模版框架,类似于 Bootstrap

Flat-UI:
Bootstrap 的平缓缓主题,简洁美观

iCheck:
一暂缓不错的 Checkbox 插件

Swipe:
非常轻量级的一个图滑动切换效果库, 性能良好, 尤其是对手机的支撑,
压缩后的高低约 5kb

slick:
功能非常强硬的一个图纸滑动切换效果库

SocialButtons:
漂亮的张罗按钮

sweetalert:
一个要命美的用来替换浏览器默认 alert 的仓库

web-animations-js:
Javascript 实现的 Web Animation API

vivus:
可以动态描绘 SVG 的 JS 库, 支持多动画片

plyr:
轻量, 小巧, 美观的 HTML5 视频播放器

timesheet.js:
基于 HTML5 & CSS3 时间表

slideout:
一个生美丽的侧滑菜单

确保管理工具 Package Managers

NPM

菜鸟教程NPM 使用介绍NPM 以介绍 |
菜鸟教程

淘宝 NPM 镜像淘宝 NPM
镜像

npm 模块安装机制简介npm 模块安装机制简介 –
阮一峰的网络日志

npm包搜索地址npm

Bower

Bower中文网Bower

Bower:客户端库管理工具-阮一峰JavaScript
标准参照教程(alpha)

Yarn

yarn中文网https://yarnpkg.com/zh-Hans/快速、可靠、安全的乘管理

YARN 简介YARN
简介

编辑器 Text Editors

WebStorm

官网下载Download WebStorm: The Smartest JavaScript
IDE

前者网破解版下载前者工具库 –
前端网(QDFuns)

VScode

官网下载Visual Studio Code – Code Editing.
Redefined

vscode 插件精选 – 献给所有前端工程师vscode 插件推荐 –
献给所有前端工程师(更新和2017.3.6)

SublimeText

官网下载The text editor you’ll fall in love
with

前者网破解版插件版下载前者工具库 –
前端网(QDFuns)

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

官网下载A hackable text editor for the 21st
Century

HBuilder

官网下载DCloud –
HBuilder、5+、mui、流应用、HTML5专家

JS框架 JS Frameworks

Backbone

Backbone.js API华语文档Backbone.js
API华语文档

AngularJs

中文官方文档Angular

angularjs中文网AngularJS中文网

angularjs教程AngularJS中文网

Angular 基础入门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

英文官方文档Hello World –
React

华语官方文档入门教程 |
React

gitbooks手册React 概览 | React
入门教程

阮一峰react入门React 入门实例教程 –
阮一峰的网络日志

阮一峰React Router入门React Router
使用教程

React Router 汉语文档React Router
华语文档

react-redux 华语文档Redux 国语文档 Join the chat at
https://gitter.im/camsong/redux-in-chinese

阮一峰Redux
入门教程阮一峰的网络日志

react:
React 框架源代码

react-native:
Facebook 出品的利用 React 开发 IOS 原生应用之框架

react-hot-loader:
实时调整 React 组件效果

grunt-react:
React 的 Grunt 组件, 用于将 JSX 编译成 JS

touchstonejs:
基于 React 的手机采用前端框架

essential-react:
基于 React, ES6, React-Router的一个以脚手架

react-router:
React 路由解决方案

Vue

vue官方vue.js

vuex官方Introduction ·
GitBook

vue-router官方Introduction ·
GitBook

UI框架 UI Frameworks

Bootstrap

极致受欢迎之 HTML、CSS 和 JS 框架Bootstrap 中文文档 · Bootstrap
是世界上极其盛的、移动装备优先的、响应式前端开发框架。

Ionic

平舒缓类似原生的Html5移动App开发框架 会html css
js就可以开发apphttp://[www.ionic.wang/](https://link.jianshu.com?t=http://link.zhihu.com/?target=http%3A//www.ionic.wang/%3Fspm%3D5176.100239.blogcont71256.185.tjoYI2)

Foundation

Foundation 中文网 迄今为止最好之响应式前端框架Foundation中文网 |
方便又多喜爱Foundation中文网框架的攻城师们分享、交流自己当前者设计、开发方的心得。

FrozenUI

移步端服务之前端框架FrozenUI –
专注于运动web的UI框架

materializecss

基于Material Design的主流前端响应式框架手册 – Materialize –
?spm=5176.100239.blogcont71256.188.tjoyi2

mui

最为接近原生APP体验的过人性能前端框架MUI-最接近原生APP体验的强性能前端框架

AntDesign

和react配合的UI框架A UI Design
Language

eleme

和vue配合的UI框架Element

JS预处理 JS Preprocessors

TypeScript

TypeScript 入门教程 菜鸟教程菜鸟教程 –
学的不只是技巧,更是期望!

TypeScript中文网TypeScript中文网 ·
TypeScript–JavaScript的超集

TypeScript教程gitbookhttps://[www.gitbook.com/](https://link.jianshu.com?t=http://link.zhihu.com/?target=http%3A//www.gitbook.com/%3Fspm%3D5176.100239.blogcont71256.194.tjoYI2)

CoffeeScript

CoffeeScript 中文CoffeeScript
中文

CoffeeScript 实用手册 极客学院CoffeeScript 教程_极客学院
Wiki

进程自动化 Process Automation

Grunt

Grunt中文网JavaScript世界之构建工具 —
Grunt中文网

Gulp

gulp.js 中文网基于流的自动化构建工具。 | gulp.js
中文网

gulp详细入门教程一些 |
gulp详细入门教程

前端构建工具gulpjs的下介绍和技术前者构建工具gulpjs的使用介绍和技术 –
无双 –
博客园

Gulp开发教程Gulp开发教程(翻译) – w3ctech –
中国最老之前端技术社区

模板引擎 Templating

Handlebars

handlebarsjs官网Minimal Templating on
Steroids

Handlebars中文文档http://www.360doc.com/content/

Handlebars.js 中文文档Handlebars.js
中文文档

Handlebars的以方式文档整理[Handlebars的动办法文档整理(Handlebars.js)

推酷](https://link.jianshu.com?t=http://link.zhihu.com/?target=http%3A//www.tuicool.com/articles/fqQFN3%3Fspm%3D5176.100239.blogcont71256.205.tjoYI2)

Haml

haml官方文档haml/haml

haml入门haml入门 – 姚攀的博客 – 博客频道 –
CSDN.NET

Jade

Jade 官方的英文文档Jade的使用_jade
教程_w3cplus

Jade的使用Jade的使用_jade
教程_w3cplus

带动你学习Jade模板引擎视频带来你念Jade模板引擎-慕课网

构建工具 Build Tools

RequireJS

RequireJS
英文网RequireJS

RequireJS 中文网RequireJS
中文网

require.js的用法-阮一峰阮一峰的网络日志

seajs

seajs文档A Module Loader for the
Web

SeaJS从入门到原理SeaJS从入门到原理 –
推酷

Browserify

官网Browserify

githubhttps://github.com/substack/node-browserify/

Webpack

Webpack 中文指南介紹 | Webpack
中文指南

webpack的实例VICHILY’S
BLOG

webpack的入门VICHILY’S
BLOG

平钟头包教会 —— webpack 入门指南如出一辙小时包教会 — webpack
入门指南

CSS预处理器 CSS Preprocessors

Sass

sass入门sass入门 –
sass教程

sass参考手册Sass 参考手册 | Sass
国语文档

SASS用法指南-阮一峰阮一峰的网络日志

Less

less中文网Less
中文网

less快速入门高速入门 | Less.js
中文文档

stylus

stylus中文文档-张鑫旭stylus中文文档 ” 综述 ”
张鑫旭-鑫空间-鑫生活