# awesome-frontend

**Repository Path**: xcsweb/awesome-frontend

## Basic Information

- **Project Name**: awesome-frontend
- **Description**: 前端资源
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-04-17
- **Last Updated**: 2026-04-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# front-end-awesome
> 前端资源总览

[![Fork front-end-awesome](https://img.shields.io/github/forks/iq9891/awesome-frontend.svg?style=flat&label=Fork)](https://github.com/iq9891/front-end-awesome/fork)
[![Star front-end-awesome](https://img.shields.io/github/stars/iq9891/awesome-frontend.svg?style=flat&label=Star)](https://github.com/iq9891/awesome-frontend/stargazers)
[![watchers in front-end-awesome](https://img.shields.io/github/watchers/iq9891/awesome-frontend.svg?style=flat&label=Watch)](https://github.com/iq9891/awesome-frontend/watchers)

## 目录

- [JavaScript 框架](#javascript-框架)
- [JavaScript 库](#javascript-库)
  - [工具函数类](#工具函数类)
  - [调试工具](#调试工具)
- [动画库](#动画库)
- [UI 框架](#ui-框架)
  - [基于 Vue.js](#基于-vuejs)
  - [基于 react](#基于-react)
  - [基于 angular](#基于-angular)
  - [基于 jquery](#基于-jquery)
- [前端游戏框架](#前端游戏框架)
- [打包工具](#打包工具)
- [前端脚手架](#前端脚手架)
- [Node.js 框架](#nodejs-框架)
- [可视化插件](#可视化插件)
- [CSS 处理器](#css-处理器)
- [测试相关](#测试相关)
- [状态管理](#状态管理)
- [小程序相关](#小程序相关)
- [性能分析工具](#性能分析工具)
- [包管理工具](#包管理工具)
- [前端编码规范](#前端编码规范)
- [项目集成及自动化](#项目集成及自动化)
- [git 仓库](#git-仓库)
- [在线工具](#在线工具)
  - [在线编程](#在线编程)
  - [转换](#转换)
  - [图标管理](#图标管理)
  - [其他](其他)
- [UA 识别](#ua-识别)
- [页面交互](#页面交互)
  - [Slider](#slider)
  - [瀑布流](#瀑布流)
  - [懒加载/加载监听/预加载](#懒加载加载监听预加载)
  - [图片轮播(幻灯片)/图片展示](#图片轮播幻灯片图片展示)
  - [图片剪裁/图片处理](#图片剪裁图片处理)
  - [进度条/加载动画(Loading)](#进度条加载动画loading)
  - [侧滑插件(offcancas)](#侧滑插件offcancas)
  - [菜单(Menu)](#菜单menu)
  - [滚动侦测(ScrollSpy)](#滚动侦测scrollspy)
  - [滚动加载更多/下拉刷新(Pull to Refresh)](#滚动加载更多下拉刷新pull-to-refresh)
  - [平滑滚动插件(Smooth Scroll)](#平滑滚动插件smooth-scroll)
  - [全屏滚动/全屏切换](#全屏滚动全屏切换)
  - [分屏滚动](#分屏滚动)
  - [转场效果](#转场效果)
  - [固定元素(Sticky)](#固定元素sticky)
  - [触控事件](#触控事件)
  - [拖拽组件](#拖拽组件)
  - [隐藏或展示页面元素](#隐藏或展示页面元素)
  - [滚动条(Scrollbar)](#滚动条scrollbar)
  - [视差滚动(Parallax Scrolling)](#视差滚动parallax-scrolling)
  - [缩放 (Zooming)](#缩放-zooming)
  - [下载组件](#下载组件)
  - [Ajax模块](#ajax模块)
- [音频/视频](#音频视频)
- [APP 框架](#app-框架)
- [CSS 框架](#css-框架)
- [富文本编辑器/Markdown编辑器/Markdown解析器](#富文本编辑器markdown编辑器markdown解析器)
- [颜色(CSS Colors)/SVG/Canvas](#颜色css-colorssvgcanvas)
- [代码高亮插件/代码编辑器](#代码高亮插件代码编辑器)
- [动画(Animate)](#动画animate)
- [本地存储](#本地存储)
- [模板引擎](#模板引擎)
- [加密/转码](#加密转码)
- [计算机相关书籍](#计算机相关书籍)
  - [操作系统](#操作系统)
  - [智能系统](#智能系统)
  - [分布式系统](#分布式系统)
  - [编译原理](#编译原理)
  - [函数式概念](#函数式概念)
  - [计算机图形学](#计算机图形学)
  - [WEB服务器](#WEB服务器)
  - [版本控制](#版本控制)
  - [编辑器](#编辑器)
  - [管理和监控](#管理和监控)
  - [项目相关](#项目相关)
  - [设计模式](#设计模式)
  - [Web 前端](#web-前端)
  - [编程艺术](#编程艺术)
  - [JavaScript](#javascript)
  - [Shell](#shell)
  - [读书笔记及其它](#读书笔记及其它)
- [前端面试](#前端面试)
  - [Vue.js](#vuejs)

----

## JavaScript 框架

- [Vue.js](https://github.com/vuejs/vue)
- [react](https://github.com/facebook/react?utm_source=gold_browser_extension)
- [Angular](https://github.com/angular/angular)
- [Foundation](https://github.com/zurb/foundation)
- [Polymer - Google发布的Web组件构建框架](https://www.polymer-project.org)
- [cyclejs](https://github.com/cyclejs/cyclejs/)

## JavaScript 库

- [jquery](https://github.com/jquery/jquery)
- [zepto](https://github.com/madrobby/zepto/)
- [immutable-js 数据集控制](https://github.com/facebook/immutable-js)
- [sprint](https://github.com/bendc/sprint)
- [dayjs](https://github.com/xx45/dayjs?utm_source=gold_browser_extension) 在javascript中解析，验证，操作和显示日期，类似 moment
- [tui.calendar](https://github.com/nhnent/tui.calendar) 日历库
- [em-cookie](https://github.com/em-fe/em-cookie) cookie 的处理
- [EM-NORMALIZE](https://github.com/em-fe/EM-NORMALIZE) 样式重置

### 工具函数类
- [lodash](https://github.com/lodash/lodash/)
- [moment](https://github.com/moment/moment) 在javascript中解析，验证，操作和显示日期
- [lazy.js](https://github.com/dtao/lazy.js) 像 underscore.js 的工具库
- [licia](https://github.com/liriliri/licia)
- [underscore.js](https://github.com/jashkenas/underscore)

### 调试工具
- [eruda](https://github.com/liriliri/eruda)
- [vConsole](https://github.com/Tencent/vConsole)


## 动画库

- [velocity](https://github.com/julianshapiro/velocity)
- [GreenSock-JS](https://github.com/greensock/GreenSock-JS/)
- [tween.js](https://github.com/tweenjs/tween.js)

## UI 框架

### 基于 Vue.js

 - [quasar-framework](https://github.com/quasarframework/quasar)
 - [vue-material](https://github.com/vuematerial/vue-material)
 - [vuetify](https://github.com/vuetifyjs/vuetify)
 - [muse-ui](https://github.com/museui/muse-ui)
 - [buefy](https://github.com/rafaelpimpa/buefy)
 - [element-ui](https://github.com/ElemeFE/element)
 - [vulma](https://vulma.org)
 - [vue-bulma-components](https://github.com/vouill/vue-bulma-components)
 - [iview-ui](https://www.iviewui.com)
 - [AT-UI](https://at.aotu.io)
 - [v-semantic](https://www.npmjs.com/package/v-semantic) - 参照 [semantic-ui](https://semantic-ui.com/)
 - [bootstrap-vue](https://bootstrap-vue.github.io) 参照 [bootstrap-4](https://getbootstrap.com/)
 - [fish-ui](https://myliang.github.io/fish-ui)
 - [Zircle UI](https://zircleui.github.io/zircleUI/)
 - [vue-mdc-adapter](https://github.com/stasson/vue-mdc-adapter) [guidelines](https://github.com/material-components/material-components-web/blob/master/docs/integrating-into-frameworks.md).
 - [Material Components Vue](https://github.com/matsp/material-components-vue) [material-components-web](https://github.com/material-components/material-components-web)
 - [PrimeVue](https://github.com/primefaces/primevue)
 - [vuesax](https://github.com/lusaxweb/vuesax)
 - [vuecidity](https://bitbucket.org/acidmartin/vuecidity)
 - [em-fe](https://github.com/em-fe/EM-FE)

### 基于 react
- [Ant Design](https://ant.design/)
- [element-react](https://github.com/eleme/element-react)
- [element-react](https://github.com/eleme/element-react)
- [Material UI](https://github.com/callemall/material-ui)
- [Office UI Fabric - 微软 Office 前端团队的框架](https://github.com/OfficeDev/Office-UI-Fabric)

### 基于 angular
- [element-angular](https://github.com/ElemeFE/element-angular)
- [NG-ZORRO](https://github.com/NG-ZORRO/ng-zorro-antd)
- [Ng Alain](https://github.com/cipchk/ng-alain/)

### 基于 jquery
- [Amaze UI](http://amazeui.org/)
- [Semantic UI](https://github.com/semantic-org/semantic-ui)
- [Materialize](https://github.com/Dogfalo/materialize)

## 前端游戏框架
- [cocos2d-html5](https://github.com/cocos2d/cocos2d-html5)
- [Egret Engine](http://www.egret-labs.org/)
- [LimeJS](https://github.com/digitalfruit/limejs)
- [EaselJS](https://github.com/CreateJS/EaselJS)
- [three.js](https://github.com/mrdoob/three.js)
- [AlloyStick](https://github.com/AlloyTeam/AlloyStick)
- [The-Best-JS-Game-Framework](https://github.com/finscn/The-Best-JS-Game-Framework)
- [CanvasEngine](https://github.com/RSamaium/CanvasEngine)
- [Quintus](https://github.com/cykod/Quintus)
- [Stage.js](https://github.com/piqnt/stage.js/)
- [phaser - 一个快速、免费、开源的 HTML5 游戏框架](https://github.com/photonstorm/phaser/)
- [lufylegend.js](https://github.com/lufylegend/lufylegend.js)

## 打包工具

- [webpack](https://github.com/webpack/webpack)
- [gulp](https://github.com/gulpjs/gulp)
- [grunt](https://github.com/gruntjs/grunt)
- [parcel](https://github.com/parcel-bundler/parcel)
- [rollup](https://github.com/rollup/rollup)
- [browserify](http://browserify.org)

## 前端脚手架

- [Angular CLI](https://github.com/angular/angular-cli)
- [vue-cli](https://github.com/vuejs/vue-cli)
- [create-react-app](https://github.com/facebook/create-react-app)
- [yeoman](https://github.com/yeoman/yeoman)
- [fecli](https://github.com/fe6/fecli)

## Node.js 框架

- [express](https://github.com/expressjs/express)
- [koa](https://github.com/koajs/koa)
- [hapi](https://github.com/hapijs/hapi)
- [egg](https://github.com/eggjs/egg)
- [thinkjs](https://github.com/thinkjs/thinkjs)
- [nest](https://github.com/nestjs/nest)

## 可视化插件

- [echarts](https://github.com/ecomfe/echarts)
- [g2](https://github.com/antvis/g2)
- [f2 移动端可视化图表](https://github.com/antvis/f2)
- [d3](https://github.com/d3/d3)

## CSS 处理器
- [Sass](https://sass-guidelin.es/zh/)
- [less](http://lesscss.org/)
- [stylus](http://www.zhangxinxu.com/jq/stylus/)
- [postcss](http://postcss.org/)

## 测试相关

- [vue-test-utils](https://github.com/vuejs/vue-test-utils)
- [jest](https://github.com/facebook/jest)
- [ava](https://github.com/avajs/ava)
- [karma](https://github.com/karma-runner/karma)
- [mocha](https://github.com/mochajs/mocha)
- [jasmine](https://github.com/jasmine/jasmine)
- [puppeteer](https://github.com/GoogleChrome/puppeteer)
- [chai](https://github.com/chaijs/chai)
- [expect 断言](https://github.com/mjackson/expect)
- [should.js](https://github.com/shouldjs/should.js)

## 状态管理

- [redux](https://github.com/reactjs/redux)
- [immutable-js 数据集控制](https://github.com/facebook/immutable-js)
- [vuex](https://vuex.vuejs.org)

## 小程序相关

- [mpvue 开发框架](https://github.com/Meituan-Dianping/mpvue)
- [wepy 组件库](https://github.com/Tencent/wepy)

## 性能分析工具

- [analyze-css](https://github.com/macbre/analyze-css) CSS选择器的复杂性和性能分析器

## 包管理工具

- [npmjs](http://npmjs.com)
- [yarn](https://yarn.bootcss.com)
- [bower](https://bower.io)

## 前端编码规范

- [Airbnb 的 JavaScript 编码规范](https://github.com/airbnb/javascript)
- [JavaScript Standard Style](https://github.com/feross/standard)
- [clean-code-javascript - javascript 编码风格指南](https://github.com/ryanmcdermott/clean-code-javascript)
- [spec](https://github.com/ecomfe/spec/) -  百度前端团队代码规范

## 项目集成及自动化

- [travis-ci 持续集成](https://travis-ci.org/)
- [circleci 持续集成](https://circleci.com)
- [gitlab-ci 持续集成](https://about.gitlab.com/features/gitlab-ci-cd/)
- [snyk.io 前端依赖检测](https://snyk.io)
- [codecov.io 测试覆盖率报告](https://codecov.io)

## git 仓库
- [github](https://github.com)
- [bitbucket](https://bitbucket.org/)
- [gitee](https://gitee.com)

## 在线工具

### 在线编程
- [前端编程 jsfiddle](https://jsfiddle.net/)
- [前端编程 plnkr](http://plnkr.co)
- [前端编程 codepen](https://codepen.io/)
- [前端编程 jsbin](http://jsbin.com)
- [语法实时编译 babeljs](https://babeljs.io/repl/#?babili=false&evaluate=true&lineWrap=false&presets=es2015%2Creact%2Cstage-2&targets=&browsers=&builtIns=false&code=)

### 转换
- [在线时间戳(Unix timestamp)转换工具](http://www.atool.org/timestamp.php)
- [图片转换Base64](http://imgbase64.duoshitong.com/)

### 图标管理

- [icomoon](https://icomoon.io)
- [iconfont](http://www.iconfont.cn)

### 其他
- [正则](https://regexper.com/)
- [文件对比](http://prettydiff.com/)
- [办公软件(文档、表格、幻灯片、表单)](https://www.google.com/docs/about)
- [svg](http://editor.method.ac)
- [markdown](https://dillinger.io)
- [图片压缩](https://tinypng.com)
- [流程图，思维导图、UML、网络拓扑图](https://www.processon.com/)

## UA 识别

- [detector](https://github.com/hotoo/detector)
- [ua-parser-js](https://github.com/faisalman/ua-parser-js/)
- [platform.js](https://github.com/bestiejs/platform.js/)

## 页面交互

### Slider

- [slick - the last carousel you'll ever need](https://github.com/kenwheeler/slick/)
- [Swipe - the most accurate touch slider](https://github.com/thebird/Swipe)
- [Swiper - Most modern mobile touch slider](https://github.com/nolimits4web/Swiper)
- [iscroll - Smooth scrolling for the web](https://github.com/cubiq/iscroll)
- [iSlider - 移动端滑动组件](https://github.com/BE-FE/iSlider)
- [OwlCarousel - create beautiful responsive carousel slider](https://github.com/OwlFonk/OwlCarousel)
- [jquery-mousewheel - jQuery鼠标滚轮滚动侦测插件](https://github.com/jquery/jquery-mousewheel/)
- [Glide.js - 轻量级滑块组件](https://github.com/jedrzejchalubek/Glide.js)
- [PhotoSwipe](https://github.com/dimsemenov/photoswipe)
- [TouchSlide - 触屏滑动特效(焦点图,Tab切换)](http://www.superslide2.com/TouchSlide/)
- [better-scroll](https://github.com/ustbhuangyi/better-scroll) -  inspired by iscroll, and it supports more features and has a better scroll perfermance

### 瀑布流

- [Masonry](http://masonry.desandro.com/)
- [Isotope - Filter & sort magical layouts](http://isotope.metafizzy.co/)
- [Bricklayer](https://github.com/ademilter/bricklayer)

### 懒加载/加载监听/预加载

- [imagesLoaded](https://github.com/desandro/imagesloaded)
- [Echo.js](https://github.com/toddmotto/echo)
- [lazySizes](https://github.com/aFarkas/lazysizes)
- [jquery_lazyload](https://github.com/tuupola/jquery_lazyload)
- [BttrLazyLoading](https://github.com/shprink/bttrlazyloading/)
- [lazyload.js](https://github.com/vvo/lazyload)
- [layzr.js - 一个小巧快速的图片懒加载库](https://github.com/callmecavs/layzr.js)
- [waitForImages - 图片加载监听库](https://github.com/alexanderdickson/waitForImages)
- [PxLoader - JS预加载库:实现图片、声音等各种文件的预加载功能](https://github.com/thinkpixellab/PxLoader)
- [bindWithDelay - jQuery Plugin For Delayed Event Execution](https://github.com/bgrins/bindWithDelay)
- [TypeWatch - 停止输入时调用](https://github.com/dennyferra/TypeWatch)

### 图片轮播(幻灯片)/图片展示

- [FlexSlider](https://github.com/woothemes/FlexSlider)
- [unslider - 小而美的轮播库](https://github.com/idiot/unslider)
- [prettyPhoto](https://github.com/scaron/prettyphoto)
- [FlickerPlate - A cool jQuery plugin that lets you flick through content.](https://github.com/chrishumboldt/Flickerplate)
- [Holder.js - Client-side image placeholders.](https://github.com/imsky/holder)
- [RowGrid.js - 在径直的行里放置图片](https://github.com/brunjo/rowGrid.js)
- [ImageLightbox.js - 灯箱效果](http://osvaldas.info/examples/image-lightbox-responsive-touch-friendly/)
- [JQuery Panorama Viewer - 全景视图](https://github.com/peachananr/panorama_viewer)
- [Intense Images - 全屏查看图片](https://github.com/tholman/intense-images)
- [Picturefill - 一个响应式图片 JS 插件](http://scottjehl.github.io/picturefill/)
- [zoom.js - 一个 jQuery 图片放大插件](https://github.com/fat/zoom.js)
- [watermarkjs - 一个在浏览器中添加图片水印的 JS 库](https://github.com/brianium/watermarkjs)
- [responsive-images.js](https://github.com/kvendrik/responsive-images.js)
- [Turntable.js - 轻易实现图像的3D旋转](https://github.com/polarnotion/turntable)
- [ResponsifyJS - 让图像完全响应式而不会牺牲图像的主要部分](https://github.com/wentin/ResponsifyJS)
- [react-slick - React 实现的轮播图插件](https://github.com/akiran/react-slick)

### 图片剪裁/图片处理

- [Jcrop -  Image Cropping Plugin for jQuery](https://github.com/tapmodo/Jcrop)
- [croppic - an image cropping jquery plugin](https://github.com/sconsult/croppic)
- [smartcrop.js - 智能图片裁剪库](https://github.com/jwagner/smartcrop.js)
- [jQuery.eraser - 图像擦除插件](https://github.com/boblemarin/jQuery.eraser)
- [DD_belatedPNG.js - 让IE6支持透明PNG图片](http://www.dillerdesign.com/experiment/DD_belatedPNG/)
- [FocusPoint.js 实现图片的响应式裁剪](https://github.com/jonom/jquery-focuspoint)
- [imgareaselect](https://github.com/odyniec/imgareaselect)
- [CSSgram - CSS 实现的 Instagram 滤镜库](https://github.com/una/CSSgram)
- [instagram.css - 另一个 CSS 实现的 Instagram 滤镜库](https://github.com/picturepan2/instagram.css)
- [antimoderate - 图片模糊库](https://github.com/whackashoe/antimoderate)

### 进度条/加载动画(Loading)

- [NProgress.js](http://ricostacruz.com/nprogress/)
- [progress.js](https://github.com/usablica/progress.js)
- [Pace - Automatic page load progress bar](https://github.com/HubSpot/pace)
- [jquery-ajax-progress](https://github.com/englercj/jquery-ajax-progress)
- [nanobar - Very lightweight progress bars.](https://github.com/jacoborus/nanobar)
- [waitMe - 很漂亮的loading效果](https://github.com/vadimsva/waitMe)
- [spin.js](https://github.com/fgnass/spin.js)
- [sonic.js](https://github.com/padolsey/sonic.js)
- [fakeLoader.js](https://github.com/joaopereirawd/fakeLoader.js)
- [loaders.css - 一个为性能优化的实现加载动画效果的 CSS 框架](https://github.com/ConnorAtherton/loaders.css)
- [css-loaders](https://github.com/lukehaas/css-loaders)
- [Sausage - 跟踪滚动条并记录当前阅读所处节点](https://github.com/christophercliff/sausage)
- [loading.io](https://loading.io/) - 一个 Loading 图标的网站

### 侧滑插件(offcancas)

- [pushy -  a responsive off-canvas navigation menu ](https://github.com/christophery/pushy)
- [Slideout.js - 一个用于移动 Web 应用的触摸滑出式导航菜单](https://github.com/mango/slideout)

### 菜单(Menu)

- [SuperFish - 基于jQuery的级联下拉菜单](https://github.com/joeldbirch/superfish)
- [Responsive Nav - 响应式导航](https://github.com/viljamis/responsive-nav.js)
- [metisMenu - A jQuery menu plugin](https://github.com/onokumus/metisMenu)

### 滚动侦测(ScrollSpy)

- [jquery-scrollspy(1)](https://github.com/sxalexander/jquery-scrollspy)
- [jquery-scrollspy(2)](https://github.com/thesmart/jquery-scrollspy)
- [Waypoints](https://github.com/imakewebthings/waypoints)
- [ScrollMagic - 像进度条一样使用滚动条](https://github.com/janpaepke/ScrollMagic)

### 滚动加载更多/下拉刷新(Pull to Refresh)

- [jScroll](https://github.com/pklauzinski/jscroll)
- [web-pull-to-refresh](https://github.com/apeatling/web-pull-to-refresh)
- [pulltorefresh](https://github.com/dwcares/pulltorefresh)
- [RubberBand.js - add pull-to-refresh functionality to any page.](https://github.com/ThrivingKings/RubberBand.js)

### 平滑滚动插件(Smooth Scroll)

- [jquery-smooth-scroll](https://github.com/kswedberg/jquery-smooth-scroll)
- [jquery.scrollTo - 平滑滚动到页面指定位置](https://github.com/flesler/jquery.scrollTo)
- [smooth-scroll](https://github.com/cferdinandi/smooth-scroll)
- [scrollUp](https://github.com/markgoodyear/scrollup)
- [elevator.js - 一个模拟电梯运行“返回顶部”的 JS 插件](https://github.com/tholman/elevator.js)

### 全屏滚动/全屏切换

- [pagePiling.js - 全屏滚动效果](https://github.com/alvarotrigo/pagePiling.js)
- [fullPage.js](https://github.com/alvarotrigo/fullPage.js/)
- [onepage-scroll](https://github.com/peachananr/onepage-scroll)
- [zepto.fullpage - 专注于移动端的fullPage.js](https://github.com/yanhaijing/zepto.fullpage)
- [screenfull.js - 切换全屏模式](https://github.com/sindresorhus/screenfull.js)

### 分屏滚动

- [multiscroll.js - 分屏滚动效果](https://github.com/alvarotrigo/multiscroll.js)

### 转场效果

- [Animsition - 页面切换时的过渡效果](https://github.com/blivesta/animsition)

### 固定元素(Sticky)

- [sticky - jQuery Plugin for Sticky Objects](https://github.com/garand/sticky)
- [jquery.pin - 固定页面元素](https://github.com/webpop/jquery.pin)
- [stickUp](https://github.com/LiranCohen/stickUp)
- [Slinky.js - 堆叠头部创建滑动导航列表](https://github.com/iclanzan/slinky)

### 触控事件

- [Hammer.js](https://github.com/hammerjs/hammer.js)
- [jquery.event.move.js](https://github.com/stephband/jquery.event.move)

### 拖拽组件

- [Draggabilly - 专注于拖拽功能的 JS 库](https://github.com/desandro/draggabilly)
- [dragula - 一个让拖放操作变简单的 JS 库](https://github.com/bevacqua/dragula)
- [GridList - 可拖拉的响应式列表库](https://github.com/uberVU/grid)

### 隐藏或展示页面元素

- [Headroom.js - 在不需要页头时将其隐藏](http://www.bootcss.com/p/headroom.js/)
- [Readmore.js - 内容显示与隐藏插件](https://github.com/jedfoster/Readmore.js)
- [oriDomi - 像指一样折叠Dom元素](https://github.com/dmotz/oriDomi)

### 滚动条(Scrollbar)

- [jScrollPane](https://github.com/vitch/jScrollPane)
- [jquery.scrollbar](https://github.com/gromo/jquery.scrollbar)
- [perfect-scrollbar](https://github.com/noraesae/perfect-scrollbar)
- [nanoScrollerJS](https://github.com/jamesflorentino/nanoScrollerJS)
- [tinyscrollbar](https://github.com/wieringen/tinyscrollbar)

### 视差滚动(Parallax Scrolling)

- [parallax.js](https://github.com/wagerfield/parallax)
- [jparallax](https://github.com/stephband/jparallax)
- [skrollr](https://github.com/Prinzhorn/skrollr)

### 缩放 (Zooming)

- [zoom.js - 一款效果很独特的页面内容缩放插件](https://github.com/hakimel/zoom.js)
- [zoom.js - 一个 jQuery 图片放大插件](https://github.com/fat/zoom.js)
- [jQuery Zoom - mouseover时图片缩放效果](https://github.com/jackmoore/zoom)

### 下载组件

- [download](https://github.com/rndme/download)
- [Downloadify](https://github.com/dcneiner/Downloadify)


### Ajax模块

- [fetch - A window.fetch JavaScript polyfill](https://github.com/github/fetch)
- [reqwest - browser asynchronous http requests](https://github.com/ded/reqwest)
- [ajax - Standalone AJAX library](https://github.com/ForbesLindesay/ajax)
- [then-request](https://github.com/then/then-request)
- [browser-request](https://github.com/iriscouch/browser-request)
- [superagent](https://github.com/visionmedia/superagent)
- [minAjax.js](https://github.com/argunner/minAjax.js/)
- [qwest](https://github.com/pyrsmk/qwest) 第三方的Ajax库
- [axios - Promise based HTTP client for the browser and node.js](https://github.com/mzabriskie/axios)
- [whatwg-fetch](https://github.com/fis-components/whatwg-fetch)
- [jsonp](https://github.com/webmodules/jsonp)跨域处理
- [isomorphic-fetch](https://github.com/matthew-andrews/isomorphic-fetch)
- [em-jsonp](https://github.com/em-fe/em-jsonp) 跨域处理

## 音频/视频

- [jPlayer -  HTML5 Audio & Video for jQuery](https://github.com/happyworm/jPlayer)
- [video.js - HTML5 & Flash video player](https://github.com/videojs/video.js)
- [Accessible HTML5 Video Player - PayPal 开源的 HTML5 视频播放器](https://github.com/paypal/accessible-html5-video-player)
- [Clappr - 开源的Web视频播放器](https://github.com/clappr/clappr)
- [Plyr - A simple HTML5 media player](https://github.com/selz/plyr)
- [FitVids.js - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.](https://github.com/davatron5000/FitVids.js)
- [BigVideo.js - The jQuery Plugin for Big Background Video](https://github.com/dfcb/BigVideo.js)
- [BigScreen - A simple library for using the JavaScript Full Screen API](https://github.com/bdougherty/BigScreen)
- [Vide - 视频背景](https://github.com/VodkaBears/Vide)
- [winamp2-js](https://github.com/captbaritone/winamp2-js)
- [Buzz - A Javascript HTML5 Audio library](https://github.com/jaysalvat/buzz)
- [MediaElement.js](http://github.com/johndyer/mediaelement/)

## APP 框架

- [weex](https://github.com/apache/incubator-weex)
- [react-native](https://github.com/facebook/react-native)
- [原生APP体验的高性能框架 mui](https://github.com/dcloudio/mui)
- [Fries](https://github.com/jaunesarmiento/fries)

## CSS 框架
- [Bootstrap](https://github.com/twbs/bootstrap)
- [UIkit](https://github.com/uikit/uikit)
- [Framework7](http://www.idangero.us/framework7)
- [ionic framework](http://ionicframework.com/)
- [jQuery Mobile](http://jquerymobile.com/)
- [Layui](https://github.com/sentsin/layui/)- [Pure CSS](http://purecss.io/)
- [topcoat](https://github.com/topcoat/topcoat)

## 富文本编辑器/Markdown编辑器/Markdown解析器

- [Simditor - 简单快速的富文本编辑器](https://github.com/mycolorway/simditor)
- [BachEditor - 一个有情怀的编辑器](https://github.com/Integ/BachEditor)
- [TinyMCE](https://github.com/tinymce/tinymce)
- [bootstrap-markdown](https://github.com/toopay/bootstrap-markdown)
- [marked - markdown解析器](https://github.com/chjj/marked)
- [Markdown Plus](https://github.com/tylingsoft/markdown-plus)
- [Editor.md - 开源在线Markdown编辑器](https://github.com/pandao/editor.md)
- [stackedit](https://github.com/benweet/stackedit)
- [Redactor Text Editor](http://imperavi.com/redactor/)
- [micromarkdown.js - 轻量级的md解析器](https://github.com/simonwaldherr/micromarkdown.js/)
- [wangEditor - 支持移动端的轻量级web富文本框](https://github.com/wangfupeng1988/wangEditor)
- [CKEditor - 可视化 HTML 编辑器](https://github.com/ckeditor/ckeditor-dev)
- [Quill - 富文本编辑器](https://github.com/quilljs/quill)
- [xEditor - 富文本编辑器](https://github.com/iq9891/xEditor)

## 颜色(CSS Colors)/SVG/Canvas

- [CSS Colours](http://colours.neilorangepeel.com/)
- [SVGeneration](http://www.svgeneration.com/)
- [SVGMagic - 自动的创建PNG来兼容不支持SVG的浏览器](https://github.com/dirkgroenen/SVGMagic)
- [Adaptive Backgrounds - 从图片抽取主要颜色和应用到父元素](https://github.com/briangonzalez/jquery.adaptive-backgrounds.js)
- [Seen.js - 渲染3D场景为SVG或者HTML Canvas](https://github.com/themadcreator/seen)
- [jquery-color - 可以动态改动颜色](https://github.com/jquery/jquery-color/)
- [lee-colorpicker](https://github.com/iq9891/lee-colorpicker)

## 代码高亮插件/代码编辑器

- [google-code-prettify](https://code.google.com/p/google-code-prettify/)
- [highlight.js](https://highlightjs.org/)
- [Rainbow](http://craig.is/making/rainbows)
- [ACE](https://github.com/ajaxorg/ace)
- [CodeMirror](https://github.com/codemirror/codemirror)
- [Crayon Syntax Highlighter](https://github.com/aramk/crayon-syntax-highlighter)
- [prism - Lightweight, robust, elegant syntax highlighting.](https://github.com/PrismJS/prism)

## 动画(Animate)

- [animate.css - A cross-browser library of CSS animations.](https://github.com/daneden/animate.css)
- [Transit - CSS transitions and transformations for jQuery](https://github.com/rstacruz/jquery.transit)
- [anime.js - Javascript 动画引擎](https://github.com/juliangarnier/anime)
- [WOW - 在滚动过程中展示CSS动画效果(默认触发animate.css动画)](https://github.com/matthieua/WOW)
- [AniJS - A Library to Raise your Web Design without Coding](https://github.com/anijs/anijs/)
- [Move.js - 简化CSS3动画的JS库](https://github.com/visionmedia/move.js)
- [ScrollMe – 在网页中加入各种滚动动画效果](https://github.com/nckprsn/scrollme)
- [Effeckt.css - A Performant Transitions and Animations Library](https://github.com/h5bp/Effeckt.css)
- [NEC动画库](http://nec.netease.com/library/category/#animation)
- [csshake - CSS classes to move your DOM](https://github.com/elrumordelaluz/csshake)
- [magic - CSS3 Animations with special effects](https://github.com/miniMAC/magic)
- [SpinKit](https://github.com/tobiasahlin/SpinKit)
- [Velocity.js - 加速JavaScript动画](https://github.com/julianshapiro/velocity)
- [lenticular.js - 响应倾斜或鼠标事件创建图片动画](https://github.com/thomasxiii/lenticular.js)
- [jQuery Interactive 3D - Create a 3D interactive object using images](https://github.com/peachananr/interactive_3d)
- [AnimateScroll - A Simple jQuery Plugin for Animating Scroll](https://github.com/ramswaroop/animatescroll.js)
- [Blast.js - 把动画和样式注入到文本中](https://github.com/julianshapiro/blast)
- [Bounce.js - 一个用于制作漂亮 CSS3 关键帧动画的 JS 库](https://github.com/tictail/bounce.js)
- [Sticker.js - create a Sticker Effect](https://github.com/cmiscm/stickerjs)
- [scrollReveal.js - 元素进入可视区域自动触发设置好的动画](https://github.com/julianlloyd/scrollReveal.js)
- [stroll.js - CSS3 list scroll effects](https://github.com/hakimel/stroll.js)
- [jQuery Easing -  动画效果扩展](https://github.com/gdsmith/jquery.easing)
- [animations - CSS3 ANIMATION CHEAT SHEET](http://www.justinaguilar.com/animations/index.html)
- [iconate.js：将 icons 增加动画效果的 JS 库](https://github.com/bitshadow/iconate)
- [Odometer - 数字之间的垂直切换](https://github.com/HubSpot/odometer)
- Hover - 悬停效果
  - [Hover.css - 很多鼠标Hover态的效果](https://github.com/IanLunn/Hover)
  - [imagehover.css - 为图片添加悬停效果](https://github.com/ciar4n/imagehover.css)
  - [iHover - 图片悬停效果](https://github.com/gudh/ihover)
  - [ImageCaptionHoverAnimation](https://github.com/hasinhayder/ImageCaptionHoverAnimation)
  - [Bootstrap Hover Image Gallery](http://miketricking.github.io/dist/)
- Multi-touch gestures library - Web手势库
  - [AlloyFinger - 腾讯 AlloyTeam 出品的超级小的 Web 手势库](https://github.com/AlloyTeam/AlloyFinger)

## 本地存储

- [cross-storage - Cross domain local storage](https://github.com/zendesk/cross-storage)
- [localForage](https://github.com/mozilla/localForage)
- [pouchdb](https://github.com/pouchdb/pouchdb)
- [basil.js](https://github.com/Wisembly/basil.js)
- [Neurosync - JavaScript 本地离线 ORM 库](https://github.com/ClickerMonkey/neurosync)
- [LokiJS - 性能优先的 JavaScript 内存数据库](https://github.com/techfort/LokiJS)
- [turbolinks - Javascript pushState](https://github.com/turbolinks/turbolinks)

## 模板引擎

- [doT.js](https://github.com/olado/doT)
- [mustache.js](https://github.com/janl/mustache.js)
- [Handlebars.js](http://www.jingwentian.com/t-66)
- [artTemplate](https://github.com/aui/artTemplate)
- [baiduTemplate](https://github.com/wangxiao/BaiduTemplate)
- [JSRender](https://github.com/BorisMoore/jsrender)
- [EJS - JavaScript Templates](https://github.com/tj/ejs)
- [Juicer - A Light Javascript Templete Engine.](https://github.com/PaulGuo/Juicer)
- [Tempo](https://github.com/twigkit/tempo)
- [json2html](https://github.com/moappi/json2html)
- [Hogan.js - JavaScript templating from Twitter.](https://github.com/twitter/hogan.js)
- [Dust.js - Linkedin维护的项目](https://github.com/linkedin/dustjs)
- [nunjucks](https://github.com/mozilla/nunjucks) - A powerful templating engine

## 加密/转码
- [crypto-js](https://github.com/brix/crypto-js)
- [ulid](https://github.com/alizain/ulid) - 生成UUID类库
- [RSA](http://www.ohdave.com/rsa/) 用RSA加密实现Web数据加密传输
- [crypto](https://nodejs.org/api/crypto.html) Node.js 的 api

## 计算机相关书籍

### 操作系统

* [开源世界旅行手册](http://i.linuxtoy.org/docs/guide/index.html)
* [鸟哥的Linux私房菜](http://vbird.dic.ksu.edu.tw/)
* [The Linux Command Line](http://billie66.github.io/TLCL/index.html) (中英文版)
* [Linux 设备驱动](http://oss.org.cn/kernel-book/ldd3/index.html) (第三版)
* [深入分析Linux内核源码](http://www.kerneltravel.net/kernel-book/%E6%B7%B1%E5%85%A5%E5%88%86%E6%9E%90Linux%E5%86%85%E6%A0%B8%E6%BA%90%E7%A0%81.html)
* [UNIX TOOLBOX](http://cb.vu/unixtoolbox_zh_CN.xhtml)
* [Docker中文指南](https://github.com/widuu/chinese_docker)
* [Docker —— 从入门到实践](https://github.com/yeasy/docker_practice)
* [Docker入门实战](http://yuedu.baidu.com/ebook/d817967416fc700abb68fca1)
* [Docker Cheat Sheet](https://github.com/wsargent/docker-cheat-sheet/tree/master/zh-cn#docker-cheat-sheet)
* [FreeRADIUS新手入门](http://freeradius.akagi201.org)
* [Mac 开发配置手册](https://aaaaaashu.gitbooks.io/mac-dev-setup/content/)
* [FreeBSD 使用手册](https://www.freebsd.org/doc/zh_CN/books/handbook/index.html)
* [Linux 命令行(中文版)](http://billie66.github.io/TLCL/book/)
* [Linux 构建指南](http://works.jinbuguo.com/lfs/lfs62/index.html)
* [Linux工具快速教程](https://github.com/me115/linuxtools_rst)
* [Linux Documentation (中文版)](https://www.gitbook.com/book/tinylab/linux-doc/details)
* [嵌入式 Linux 知识库 (eLinux.org 中文版)](https://www.gitbook.com/book/tinylab/elinux/details)
* [理解Linux进程](https://github.com/tobegit3hub/understand_linux_process)
* [命令行的艺术](https://github.com/jlevy/the-art-of-command-line/blob/master/README-zh.md)
* [SystemTap新手指南](https://spacewander.gitbooks.io/systemtapbeginnersguide_zh/content/index.html)
* [操作系统思考](https://github.com/wizardforcel/think-os-zh)

### 智能系统
* [一步步搭建物联网系统](https://github.com/phodal/designiot)

### 分布式系统
* [走向分布式](http://dcaoyuan.github.io/papers/pdfs/Scalability.pdf)

### 编译原理
* [《计算机程序的结构和解释》公开课 翻译项目](https://github.com/DeathKing/Learning-SICP)

### 函数式概念
* [傻瓜函数编程](https://github.com/justinyhuang/Functional-Programming-For-The-Rest-of-Us-Cn)

### 计算机图形学
* [OpenGL 教程](https://github.com/zilongshanren/opengl-tutorials)
* [WebGL自学网](http://html5.iii.org.tw/course/webgl/)

### WEB服务器

* [Nginx开发从入门到精通](http://tengine.taobao.org/book/index.html) (淘宝团队出品)
* [Nginx教程从入门到精通](http://www.ttlsa.com/nginx/nginx-stu-pdf/)(PDF版本，运维生存时间出品)
* [OpenResty最佳实践](https://www.gitbook.com/book/moonbingbing/openresty-best-practices/details)
* [Apache 中文手册](http://works.jinbuguo.com/apache/menu22/index.html)

### 版本控制

* [Git教程](http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000) （本文由 [廖雪峰](http://www.liaoxuefeng.com) 创作，如果觉得本教程对您有帮助，可以去 [iTunes](https://itunes.apple.com/cn/app/git-jiao-cheng/id876420437) 购买）
* [git - 简易指南](http://rogerdudler.github.io/git-guide/index.zh.html)
* [猴子都能懂的GIT入门](http://backlogtool.com/git-guide/cn/)
* [Git 参考手册](http://gitref.justjavac.com)
* [Pro Git](http://git-scm.com/book/zh/v2)
* [Pro Git 中文版](https://www.gitbook.com/book/0532/progit/details) (整理在gitbook上)
* [Git Magic](http://www-cs-students.stanford.edu/~blynn/gitmagic/intl/zh_cn/)
* [GotGitHub](http://www.worldhello.net/gotgithub/index.html)
* [Git权威指南](http://www.worldhello.net/gotgit/)
* [Git Community Book 中文版](http://gitbook.liuhui998.com/index.html)
* [Mercurial 使用教程](https://www.mercurial-scm.org/wiki/ChineseTutorial)
* [HgInit (中文版)](http://bucunzai.net/hginit/)
* [沉浸式学 Git](http://igit.linuxtoy.org)
* [Git-Cheat-Sheet](https://github.com/flyhigher139/Git-Cheat-Sheet) （感谢 @flyhigher139 翻译了中文版）
* [GitHub秘籍](https://snowdream86.gitbooks.io/github-cheat-sheet/content/zh/index.html)
* [GitHub帮助文档](https://github.com/waylau/github-help)
* [git-flow 备忘清单](http://danielkummer.github.io/git-flow-cheatsheet/index.zh_CN.html)
* [svn 手册](http://svnbook.red-bean.com/nightly/zh/index.html)
* [GitHub漫游指南](https://github.com/phodal/github-roam)

### 编辑器

* [exvim--vim 改良成IDE项目](http://exvim.github.io/docs-zh/intro/)
* [笨方法学Vimscript 中译本](http://learnvimscriptthehardway.onefloweroneworld.com/)
* [Vim中文文档](https://github.com/vimcn/vimcdoc)
* [所需即所获：像 IDE 一样使用 vim](https://github.com/yangyangwithgnu/use_vim_as_ide)
* [vim 实操教程](https://github.com/dofy/learn-vim)
* [Atom飞行手册中文版](https://github.com/wizardforcel/atom-flight-manual-zh-cn)
* [Markdown·简单的世界](https://github.com/wizardforcel/markdown-simple-world)
* [一年成为 Emacs 高手](https://github.com/redguardtoo/mastering-emacs-in-one-year-guide/blob/master/guide-zh.org)
* [Emacs 生存指南](http://lifegoo.pluskid.org/upload/blog/152/Survive.in.Emacs.pdf)
* [Atom官方手册](https://atom-china.org/t/atom/62)

### 管理和监控

* [ELKstack 中文指南](http://kibana.logstash.es)
* [Mastering Elasticsearch(中文版)](http://udn.yyuap.com/doc/mastering-elasticsearch/)
* [ElasticSearch 权威指南](https://www.gitbook.com/book/fuxiaopang/learnelasticsearch/details)
* [Elasticsearch 权威指南（中文版）](http://es.xiaoleilu.com)
* [Logstash 最佳实践](https://github.com/chenryn/logstash-best-practice-cn)
* [Puppet 2.7 Cookbook 中文版](http://bbs.konotes.org/workdoc/puppet-27/)

### 项目相关

* [持续集成（第二版）](http://article.yeeyan.org/view/2251/94882) (译言网)
* [让开发自动化系列专栏](http://www.ibm.com/developerworks/cn/java/j-ap/)
* [追求代码质量](http://www.ibm.com/developerworks/cn/java/j-cq/)
* [selenium 中文文档](https://github.com/fool2fish/selenium-doc)
* [Selenium Webdriver 简易教程](http://it-ebooks.flygon.net/selenium-simple-tutorial/)
* [Joel谈软件](http://local.joelonsoftware.com/wiki/Chinese_\(Simplified\))
* [約耳談軟體(Joel on Software)](http://local.joelonsoftware.com/wiki/%E9%A6%96%E9%A0%81)
* [Gradle 2 用户指南](https://github.com/waylau/Gradle-2-User-Guide)
* [Gradle 中文使用文档](http://yuedu.baidu.com/ebook/f23af265998fcc22bcd10da2)
* [编码规范](https://github.com/ecomfe/spec)
* [开源软件架构](http://www.ituring.com.cn/book/1143)
* [GNU make 指南](http://docs.huihoo.com/gnu/linux/gmake.html)
* [GNU make 中文手册](http://www.yayu.org/book/gnu_make/)
* [The Twelve-Factor App](http://12factor.net/zh_cn/)

### 设计模式

* [图说设计模式](https://github.com/me115/design_patterns)
* [史上最全设计模式导学目录](http://blog.csdn.net/lovelion/article/details/17517213)
* [design pattern 包教不包会](https://github.com/AlfredTheBest/Design-Pattern)
* [设计模式 Java 版](https://quanke.gitbooks.io/design-pattern-java/content/)

### Web 前端

* [关于浏览器和网络的 20 项须知](http://www.20thingsilearned.com/zh-CN/home)
* [浏览器开发工具的秘密](http://jinlong.github.io/2013/08/29/devtoolsecrets/)
* [Chrome 开发者工具中文手册](https://github.com/CN-Chrome-DevTools/CN-Chrome-DevTools)
* [Chrome扩展开发文档](http://open.chrome.360.cn/extension_dev/overview.html)
* [Grunt中文文档](http://www.gruntjs.net/)
* [gulp中文文档](http://www.gulpjs.com.cn/docs/)
* [Gulp 入门指南](https://github.com/nimojs/gulp-book)
* [移动Web前端知识库](https://github.com/AlloyTeam/Mars)
* [正则表达式30分钟入门教程](http://deerchao.net/tutorials/regex/regex.htm)
* [前端开发体系建设日记](https://github.com/fouber/blog/issues/2)
* [移动前端开发收藏夹](https://github.com/hoosin/mobile-web-favorites)
* [JSON风格指南](https://github.com/darcyliu/google-styleguide/blob/master/JSONStyleGuide.md)
* [HTTP 接口设计指北](https://github.com/bolasblack/http-api-guide)
* [前端资源分享（一）](https://github.com/hacke2/hacke2.github.io/issues/1)
* [前端资源分享（二）](https://github.com/hacke2/hacke2.github.io/issues/3)
* [前端代码规范 及 最佳实践](http://coderlmn.github.io/code-standards/)
* [前端开发者手册](https://www.gitbook.com/book/dwqs/frontenddevhandbook/details)
* [前端工程师手册](https://www.gitbook.com/book/leohxj/front-end-database/details)
* [w3school教程整理](https://github.com/wizardforcel/w3school)
* [Wireshark用户手册](http://man.lupaworld.com/content/network/wireshark/index.html)
* [一站式学习Wireshark](https://community.emc.com/thread/194901)
* [HTTP 下午茶](https://ccbikai.gitbooks.io/http-book/content/)
* [HTTP/2.0 中文翻译](http://yuedu.baidu.com/ebook/478d1a62376baf1ffc4fad99?pn=1)
* [RFC 7540 - HTTP/2 中文翻译版](https://github.com/abbshr/rfc7540-translation-zh_cn)
* [http2讲解](https://www.gitbook.com/book/ye11ow/http2-explained/details)
* [3 Web Designs in 3 Weeks](https://www.gitbook.com/book/juntao/3-web-designs-in-3-weeks/details)
* [站点可靠性工程](https://github.com/hellorocky/Site-Reliability-Engineering)

### 编程艺术

* [程序员编程艺术](https://github.com/julycoding/The-Art-Of-Programming-by-July)
* [每个程序员都应该了解的内存知识(译)](http://www.oschina.net/translate/what-every-programmer-should-know-about-memory-part1?print)【第一部分】
* [取悦的工序：如何理解游戏](http://read.douban.com/ebook/4972883/) (豆瓣阅读，免费书籍)

### JavaScript

* [Google JavaScript 代码风格指南](http://bq69.com/blog/articles/script/868/google-javascript-style-guide.html)
* [Google JSON 风格指南](https://github.com/darcyliu/google-styleguide/blob/master/JSONStyleGuide.md)
* [Airbnb JavaScript 规范](https://github.com/adamlu/javascript-style-guide)
* [JavaScript 标准参考教程（alpha）](http://javascript.ruanyifeng.com/)
* [Javascript编程指南](http://pij.robinqu.me/) ([源码](https://github.com/RobinQu/Programing-In-Javascript))
* [javascript 的 12 个怪癖](https://github.com/justjavac/12-javascript-quirks)
* [JavaScript 秘密花园](http://bonsaiden.github.io/JavaScript-Garden/zh/)
* [JavaScript核心概念及实践](http://icodeit.org/jsccp/) (PDF) (此书已由人民邮电出版社出版发行，但作者依然免费提供PDF版本，希望开发者们去购买，支持作者)
* [《JavaScript 模式》](https://github.com/jayli/javascript-patterns) “JavaScript patterns”中译本
* [命名函数表达式探秘](http://justjavac.com/named-function-expressions-demystified.html)  (注:原文由[为之漫笔](http://www.cn-cuckoo.com)翻译，原始地址无法打开，所以此处地址为我博客上的备份)
* [学用 JavaScript 设计模式](http://www.oschina.net/translate/learning-javascript-design-patterns) (开源中国)
* [深入理解JavaScript系列](http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html)   
* [ECMAScript 5.1 中文版](http://yanhaijing.com/es5)   
* [ECMAScript 6 入门](http://es6.ruanyifeng.com/) (作者：阮一峰)
* [JavaScript Promise迷你书](http://liubin.github.io/promises-book/)
* [You-Dont-Know-JS](https://github.com/getify/You-Dont-Know-JS) (深入JavaScript语言核心机制的系列图书)
* [JavaScript 教程](http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000) 廖雪峰
* [MDN JavaScript 中文文档](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript)
* jQuery
    * [jQuery 解构](http://www.cn-cuckoo.com/deconstructed/jquery.html)
    * [简单易懂的JQuery魔法](http://www.nowamagic.net/librarys/books/contents/jquery)
    * [How to write jQuery plugin](http://i5ting.github.io/How-to-write-jQuery-plugin/build/jquery.plugin.html)
    * [You Don't Need jQuery](https://github.com/oneuijs/You-Dont-Need-jQuery/blob/master/README.zh-CN.md)
    * [如何实现一个类jQuery？](https://github.com/MeCKodo/forchange)
* Node.js
    * [Node入门](http://www.nodebeginner.org/index-zh-cn.html)
    * [七天学会NodeJS](http://nqdeng.github.io/7-days-nodejs/)
    * [Nodejs Wiki Book](https://github.com/nodejs-tw/nodejs-wiki-book) (繁体中文)
    * [express.js 中文文档](http://expressjs.jser.us/)
    * [koa 中文文档](https://github.com/guo-yu/koa-guide)
    * [一起学koa](http://base-n.github.io/koa-generator-examples/)
    * [使用 Express + MongoDB 搭建多人博客](https://github.com/nswbmw/N-blog)
    * [Express框架](http://javascript.ruanyifeng.com/nodejs/express.html)
    * [Node.js 包教不包会](https://github.com/alsotang/node-lessons)
    * [Learn You The Node.js For Much Win! (中文版)](https://www.npmjs.com/package/learnyounode-zh-cn)
    * [Node debug 三法三例](http://i5ting.github.io/node-debug-tutorial/)
    * [nodejs中文文档](https://www.gitbook.com/book/0532/nodejs/details)
    * [orm2 中文文档](https://github.com/wizardforcel/orm2-doc-zh-cn)
* underscore.js
    * [Underscore.js中文文档](http://learningcn.com/underscore/)
* backbone.js
    * [backbone.js中文文档](http://www.css88.com/doc/backbone/)
    * [backbone.js入门教程](http://www.the5fire.com/backbone-js-tutorials-pdf-download.html) (PDF)
    * [Backbone.js入门教程第二版](https://github.com/the5fire/backbonejs-learning-note)
    * [Developing Backbone.js Applications(中文版)](http://feliving.github.io/developing-backbone-applications/)
* AngularJS
    * [AngularJS最佳实践和风格指南](https://github.com/mgechev/angularjs-style-guide/blob/master/README-zh-cn.md)
    * [AngularJS中译本](https://github.com/peiransun/angularjs-cn)
    * [AngularJS入门教程](https://github.com/zensh/AngularjsTutorial_cn)
    * [构建自己的AngularJS](https://github.com/xufei/Make-Your-Own-AngularJS/blob/master/01.md)
    * [在Windows环境下用Yeoman构建AngularJS项目](http://www.waylau.com/build-angularjs-app-with-yeoman-in-windows/)
* Zepto.js
    * [Zepto.js 中文文档](http://mweb.baidu.com/zeptoapi/)
* Sea.js
    * [Hello Sea.js](http://island205.com/HelloSea.js/)
* React.js
    * [redux 状态管理](https://github.com/camsong/redux-in-chinese)
    * [React.js 中文文档](https://doc.react-china.org/)
    * [React webpack-cookbook](https://github.com/fakefish/react-webpack-cookbook)
    * [React 入门教程](http://fraserxu.me/intro-to-react/)
    * [React Native 中文文档(含最新Android内容)](http://wiki.jikexueyuan.com/project/react-native/)
    * [Learn React & Webpack by building the Hacker News front page](https://github.com/theJian/build-a-hn-front-page)
* impress.js
    * [impress.js的中文教程](https://github.com/kokdemo/impress.js-tutorial-in-Chinese)
* CoffeeScript
    * [CoffeeScript Cookbook](http://island205.com/coffeescript-cookbook.github.com/)
    * [The Little Book on CoffeeScript中文版](http://island205.com/tlboc/)
    * [CoffeeScript 编码风格指南](https://github.com/geekplux/coffeescript-style-guide)
* TypeScipt
    * [TypeScript Handbook](https://zhongsp.gitbooks.io/typescript-handbook/content/)
* ExtJS
    * [Ext4.1.0 中文文档](http://extjs-doc-cn.github.io/ext4api/)
* Meteor
    * [Discover Meteor](http://zh.discovermeteor.com/)
    * [Meteor 中文文档](http://docs.meteorhub.org/#/basic/)
    * [Angular-Meteor 中文教程](http://angular.meteorhub.org/)
* [Chrome扩展及应用开发](http://www.ituring.com.cn/minibook/950)

#### Shell

* [Shell脚本编程30分钟入门](https://github.com/qinjx/30min_guides/blob/master/shell.md)
* [Bash脚本15分钟进阶教程](http://blog.sae.sina.com.cn/archives/3606)
* [Linux工具快速教程](https://github.com/me115/linuxtools_rst)
* [shell十三问](https://github.com/wzb56/13_questions_of_shell)
* [Shell编程范例](https://www.gitbook.com/book/tinylab/shellbook/details)

### 读书笔记及其它

* [编译原理（紫龙书）中文第2版习题答案](https://github.com/fool2fish/dragon-book-exercise-answers)
* [把《编程珠玑》读薄](http://www.hawstein.com/posts/make-thiner-programming-pearls.html)
* [学习笔记: Vim、Python、memcached](https://github.com/lzjun567/note)
* [精彩博客集合](https://github.com/hacke2/hacke2.github.io/issues/2)
* [中文文案排版指北](https://github.com/sparanoid/chinese-copywriting-guidelines)
* [Git Cheatsheet Chs](http://gh.amio.us/git-cheatsheet-chs/)
* [GitBook简明教程](http://www.chengweiyang.cn/gitbook/index.html)
* [JavaScript语言精粹](https://github.com/qibaoguang/Study-Step-by-Step/blob/master/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/javascript_the_good_parts.md)
* [提问的智慧](http://www.dianbo.org/9238/stone/tiwendezhihui.htm)
* [Markdown 入门参考](https://github.com/LearnShare/Learning-Markdown)
* [AsciiDoc简明指南](https://github.com/stanzgy/wiki/blob/master/markup/asciidoc-guide.asciidoc)
* [背包问题九讲](http://love-oriented.com/pack/)
* [老齐的技术资料](https://github.com/qiwsir/ITArticles)
* [前端技能汇总](https://github.com/JacksonTian/fks)
* [借助开源项目，学习软件开发](https://github.com/zhuangbiaowei/learn-with-open-source)
* [前端工作面试问题](https://github.com/h5bp/Front-end-Developer-Interview-Questions/tree/master/Translations/Chinese)
* [leetcode/lintcode题解/算法学习笔记](https://www.gitbook.com/book/yuanbin/algorithm/details)
* [前端开发笔记本](https://github.com/li-xinyang/FEND_Note)
* [OpenWrt智能、自动、透明翻墙路由器教程](https://www.gitbook.com/book/softwaredownload/openwrt-fanqiang/details)
* [SAN 管理入门系列](https://community.emc.com/docs/DOC-16067)
* [Sketch 中文手册](http://sketchcn.com/sketch-chinese-user-manual.html#introduce)
* [深入理解并行编程](http://ifeve.com/perfbook/)
* [程序员的自我修养](http://www.kancloud.cn/kancloud/a-programmer-prepares)
* [Growth: 全栈增长工程师指南](https://github.com/phodal/growth-ebook)

## 前端面试

### Vue.js

- [面试官: 实现双向绑定Proxy比defineproperty优劣如何?](https://juejin.im/post/5acd0c8a6fb9a028da7cdfaf)