博客

入门类

• 
  前端入门教程
  
• 
  瘳雪峰的Javascript教程
  
• 
  前端工程师必备的PS技能——切图篇
  
• 
  结合个人经历总结的前端入门方法
  
• 
  作者的简书地址
  
• 
  作者的CSDN地址
  
• 
  HTML 修真录——初识”异界”
  
• 
  HTML 修真录——“深渊三君王”
  
• 
  HTML 基础入门
  
• 
  HTML 基础提升
  
• 
  CSS 基础入门
  
• 
  CSS 盒模型
  
• 
  CSS 浮动
  
• 
  CSS 定位
  

HTML 5 部分

• 
  深入理解HTML5标签
  
• 
  如何写出高效率的HTML
  
• 
  HTML meta标签总结与属性使用介绍
  
• 
  戏说HTML5
  
• 
  编写高质量的 HTML 代码
  
• 
  如何解决 img 标签上下出现的间隙
  
• 
  五分钟学会 Canvas 基础（一）
  
• 
  五分钟学会 Canvas 基础（二）
  
• 
  模仿 LED 灯的滚动文字效果
  
• 
  关于 Canvas 的兄弟 SVG 的基础教程
  
• 
  HTML 5 动态效果制作方法整理
  
• 
  Canvas 效果实例
  
• 
  细数前端中的一些黑科技
  
• 
  前端 Meta 用法大汇总
  
• 
  HTML5新特性
  

CSS 3 部分

• 
  CSS 语法参考
  
• 
  如何编写可维护的CSS
  
• 
  CSS3动画手册
  
• 
  腾讯css3动画制作工具
  
• 
  志爷css小工具集合
  
• 
  css3 js 移动大杂烩
  
• 
  bouncejs 触摸库
  
• 
  animate.css
  
• 
  全局CSS的终结
  
• 
  browserhacks
  
• 
  CSS3其他属性
  
• 
  弹性盒模型详解
  
• 
  CSS3动画
  
• 
  2D变形&3D变形
  
• 
  蒙版mask
  

JQuery

• 
  YOU MIGHT NOT NEED JQUERY
  
• 
  jQuery API 中文文档
  
• 
  hemin 在线版
  
• 
  css88 jq api
  
• 
  css88 jqui api
  
• 
  学习jquery
  
• 
  jquery 源码查找
  
• 
  Web前端资源汇总(jQuery,Js,Css3等)
  

Angular JS

• 
  Angular.js 的一些学习资源
  
• 
  angularjs中文社区
  
• 
  Angularjs源码学习
  
• 
  Angularjs源码学习
  
• 
  angular对bootstrap的封装
  
• 
  angularjs + nodejs
  
• 
  吕大豹 Angularjs
  
• 
  AngularJS 最佳实践
  
• 
  Angular的一些扩展指令
  
• 
  Angular数据绑定原理
  
• 
  一些扩展Angular UI组件
  
• 
  Ember和AngularJS的性能测试
  
• 
  带你走近AngularJS – 基本功能介绍
  
• 
  Angularjs开发指南
  
• 
  Angularjs学习
  
• 
  不要带着jQuery的思维去学习AngularJS
  
• 
  angularjs 学习笔记
  
• 
  angularjs 开发指南
  
• 
  angularjs 英文资料
  
• 
  angular bootstrap
  
• 
  angular jq mobile
  
• 
  angular ui
  
• 
  整合jQuery Mobile+AngularJS经验谈
  
• 
  有jQuery背景，该如何用AngularJS编程思想
  
• 
  AngularJS在线教程
  
• 
  angular学习笔记
  

React

• 
  react.js中文论坛
  
• 
  react.js官方网址
  
• 
  react.js官方文档
  
• 
  react.jsmaterialUI
  
• 
  react.jsTouchstoneJSUI
  
• 
  react.jsamazeuiUI
  
• 
  React入门实例教程-阮一峰
  
• 
  ReactNative中文版
  
• 
  Webpack和React小书-前端乱炖
  
• 
  Webpack和React小书-gitbook
  
• 
  webpack
  
• 
  Webpack，101入门体验
  
• 
  webpack入门教程
  
• 
  基于webpack搭建前端工程解决方案探索
  

Vue

• 
  Vue2.0
  
• 
  Vue
  
• 
  Vue Router
  
• 
  Vuex
  
• 
  Vue-Cli
  
• 
  Vue 论坛
  
• 
  Vue 聊天室
  
• 
  Vue 入门指南
  
• 
  Vue 的一些资源索引
  
• 
  awesome-vue
  
• 
  vue-syntax-highlight
  

Node JS

• 
  Node.js 包教不包会
  
• 
  一个nodejs博客
  
• 
  【NodeJS 学习笔记04】新闻发布系统
  
• 
  过年7天乐，学nodejs 也快乐
  
• 
  七天学会NodeJS
  
• 
  Nodejs学习笔记（二）— 事件模块
  
• 
  nodejs入门
  
• 
  angularjs nodejs
  
• 
  从零开始nodejs系列文章
  
• 
  理解nodejs
  
• 
  nodejs事件轮询
  
• 
  node入门
  
• 
  nodejs cms
  
• 
  Node初学者入门，一本全面的NodeJS教程
  
• 
  NodeJS的代码调试和性能调优
  

JS Template

• 
  template-chooser
  
• 
  artTemplate
  
• 
  tomdjs
  
• 
  淘宝模板juicer模板
  
• 
  Fxtpl v1.0 繁星前端模板引擎
  
• 
  laytpl
  
• 
  mozilla – nunjucks
  
• 
  Juicer
  
• 
  dustjs
  
• 
  etpl
  

移动端

• 
  fastclick
  
• 
  no-click-delay
  
• 
  【敏捷开发】Android团队开发规范
  
• 
  Android 开发规范与应用
  
• 
  ionic
  

移动端 API

• 
  99移动端知识集合
  
• 
  移动端前端开发知识库
  
• 
  移动前端的一些坑和解决方法（外观表现）
  
• 
  【原】移动web资源整理
  
• 
  zepto 1.0 中文手册
  
• 
  zepto 1.0 中文手册
  
• 
  zepto 1.1.2
  
• 
  zepto 中文注释
  
• 
  jqmobile 手册
  
• 
  移动浏览器开发集合
  
• 
  移动开发大杂烩
  

综合 API

• 
  javascripting
  
• 
  各种流行库搜索
  
• 
  runoob.com-包含各种API集合
  
• 
  开源中国在线API文档合集
  
• 
  devdocs(英文综合API网站)
  

其他 API

• 
  HTTP API 设计指南
  
• 
  javascript流行库汇总
  
• 
  验证api
  
• 
  underscore 中文手册
  
• 
  underscore源码分析
  
• 
  underscore源码分析-亚里士朱德的博客
  
• 
  underscrejs en api
  
• 
  lodash – underscore的代替品
  
• 
  ext4api
  
• 
  qwrap手册
  
• 
  缓动函数
  
• 
  svg 中文参考
  
• 
  svg mdn参考
  
• 
  svg 导出 canvas
  
• 
  svg 导出 png
  
• 
  ai-to-svg
  
• 
  localStorage 库
  

综合类

• 
  前端知识体系
  
• 
  前端知识结构
  
• 
  Web前端开发大系概览
  
• 
  Web前端开发大系概览-中文版
  
• 
  Web Front-end Stack v2.2
  
• 
  免费的编程中文书籍索引
  
• 
  前端书籍
  
• 
  前端免费书籍大全
  
• 
  前端知识体系
  
• 
  免费的编程中文书籍索引
  
• 
  智能社 – 精通JavaScript开发
  
• 
  重新介绍 JavaScript（JS 教程）
  
• 
  麻省理工学院公开课：计算机科学及编程导论
  
• 
  JavaScript中的this陷阱的最全收集–没有之一
  
• 
  JS函数式编程指南
  
• 
  JavaScript Promise迷你书（中文版）
  
• 
  腾讯移动Web前端知识库
  
• 
  Front-End-Develop-Guide 前端开发指南
  
• 
  前端开发笔记本
  
• 
  大前端工具集 – 聂微东
  
• 
  前端开发者手册
  

工具类

• 
  前端人的俱乐部
  
• 
  如何优雅地使用Sublime Text
  
• 
  新编码神器Atom使用纪要
  
• 
  css sprite 雪碧图制作
  
• 
  版本控制入门 – 搬进 Github
  
• 
  Grunt-beginner前端自动化工具
  
• 
  IntelliJ IDEA 简体中文专题教程
  
• 
  SublimeText
  
• 
  Atom
  
• 
  visual studio code
  

综合效果搜索平台

• 
  JavaScript 资源大全中文版
  
• 
  100+ 超全的web开发工具和资源
  
• 
  设计师网址导航
  
• 
  快搜
  
• 
  阿里iconfont
  
• 
  zoommyapp.com
  
• 
  unsplash.com
  
• 
  www.pinterest.com
  
• 
  New Old Stock
  
• 
  500px.com
  
• 
  效果网
  
• 
  花瓣网
  
• 
  优美图
  
• 
  codepen
  
• 
  摄图网
  
• 
  常用的JavaScript代码片段
  

团队 BLOG

• 
  腾讯ISUX
  
• 
  奇舞周刊
  
• 
  淘宝前端团队（FED）
  
• 
  码农周刊
  
• 
  WEB前端开发
  
• 
  A JS tip per day!
  
• 
  腾讯全端 AlloyTeam
  
• 
  阿里巴巴-U一点
  
• 
  百度WEB前端研发部
  
• 
  携程设计委员会
  
• 
  平安科技移动开发二队技术周报
  

开发中心

• 
  mozilla js参考
  
• 
  chrome开发中心（chrome的内核已转向blink）
  
• 
  safari开发中心
  
• 
  microsoft js参考
  
• 
  js秘密花园
  
• 
  js秘密花园
  
• 
  w3help(综合Bug集合网站)
  

ECMAScript

• 
  Understanding ECMAScript 6 – Nicholas C. Zakas
  
• 
  exploring-es6
  
• 
  exploring-es6翻译
  
• 
  exploring-es6翻译后预览
  
• 
  阮一峰 es6
  
• 
  阮一峰 Javascript
  
• 
  ECMA-262，第 5 版
  
• 
  es5
  

D3

• 
  d3 Tutorials
  
• 
  Gallery
  
• 
  lofter
  
• 
  iteye
  
• 
  ruanyifeng
  

RequrieJS

• 
  Javascript模块化编程（一）：模块的写法
  
• 
  Javascript模块化编程（二）：AMD规范
  
• 
  Javascript模块化编程（三）：require.js的用法
  
• 
  RequireJS入门（一）
  
• 
  RequireJS入门（二）
  
• 
  RequireJS进阶（三）
  
• 
  requrie源码学习
  
• 
  requrie 入门指南
  
• 
  requrieJS 学习笔记
  
• 
  requriejs 其一
  
• 
  require backbone结合
  

SeaJS

• 
  seajs
  
• 
  seajs 中文手册
  

Less & Sass

• 
  sass
  
• 
  sass教程-sass中国
  
• 
  Sass 中文文档
  
• 
  less
  

Markdown

• 
  Markdown 语法说明 (简体中文版)
  
• 
  markdown入门参考
  
• 
  gitbook
  
• 
  mdeditor
  
• 
  stackedit
  
• 
  mditor
  
• 
  lepture-editor
  
• 
  markdown-editor
  
• 
  作业部落
  

兼容性

• 
  esma 兼容列表
  
• 
  W3C CSS验证服务
  
• 
  caniuse
  
• 
  csscreator
  
• 
  microsoft
  
• 
  在线测兼容-移动端
  
• 
  emulators
  

UI相关

• 
  bootcss
  
• 
  ANT DESIGN
  
• 
  MetroUICSS
  
• 
  semantic
  
• 
  Buttons
  
• 
  kitecss
  
• 
  pintuer
  
• 
  amazeui
  
• 
  worldhello
  
• 
  linuxtoy
  
• 
  gitmagic
  
• 
  rogerdudler
  
• 
  gitref
  
• 
  book
  
• 
  gogojimmy
  

图表类

• 
  Highcharts 中文API
  
• 
  Highcharts 英文API
  
• 
  ECharts 百度的图表软件
  
• 
  高德地图
  
• 
  开源的矢量图脚本框架
  
• 
  svg 地图
  

正则表达式

• 
  JS正则表达式元字符
  
• 
  正则表达式30分钟入门教程
  
• 
  MDN-正则表达式
  
• 
  ruanyifeng – RegExp对象
  
• 
  小胡子哥 – 进阶正则表达式
  
• 
  is.js
  
• 
  正则在线测试
  

前端规范

• 
  通过分析github代码库总结出来的工程师代码书写习惯
  
• 
  HTML&CSS编码规范 by @mdo
  
• 
  团队合作的css命名规范-腾讯AlloyTeam前端团队
  
• 
  前端编码规范之js – by yuwenhui
  
• 
  前端编码规范之js – by 李靖
  
• 
  前端开发规范手册
  
• 
  Airbnb JavaScript 编码规范（简体中文版）
  
• 
  AMD与CMD规范的区别
  
• 
  AMD与CMD规范的区别
  
• 
  KISSY 源码规范
  
• 
  bt编码规范
  
• 
  规范加强版
  
• 
  前端代码规范 及 最佳实践
  
• 
  百度前端规范
  
• 
  百度前端规范
  
• 
  百度前端规范
  
• 
  ECMAScript6 编码规范–广发证券前端团队
  
• 
  JavaScript 风格指南/编码规范（Airbnb公司版）
  
• 
  网易前端开发规范
  
• 
  css模块
  
• 
  前端规范资源列表
  

PHP

• 
  最流行的PHP 代码规范
  
• 
  最流行的PHP 代码规范
  

各大公司开源项目

• 
  Facebook Projects
  
• 
  百度web前端研发部
  
• 
  百度EFE
  
• 
  百度github
  
• 
  alloyteam
  
• 
  alloyteam-github
  
• 
  alloyteam-AlloyGameEngine
  
• 
  AlloyDesigner(即时修改，即时保存，设计稿较正，其它开发辅助工具)
  
• 
  H5交互页编辑器AEditor介绍
  
• 
  AEditor
  
• 
  值得订阅的weekly
  
• 
  奇舞团开源项目
  
• 
  Qunar UED
  
• 
  Scrat
  

常用

• 
  ieBetter.js(让IE6-IE8拥有IE9+,Chrome等浏览器特性)
  
• 
  模拟键盘
  
• 
  拼音
  
• 
  中国个人身份证号验证
  

算法

• 
  数据结构与算法 JavaScript
  
• 
  常见排序算法（JS版）
  
• 
  经典排序
  
• 
  常见排序算法-js版本
  
• 
  JavaScript 算法与数据结构 精华集
  
• 
  面试常考算法题精讲
  

JSON

• 
  模拟生成JSON数据
  

Ext, EasyUI, J-UI 及其它各种UI方案

• 
  extjs
  
• 
  ext4英文api
  
• 
  ext4中文api
  
• 
  jquery easyui 未压缩源代码
  
• 
  J-UI
  
• 
  MUI-最接近原生APP体验的高性能前端框架
  
• 
  Amaze UI(中国首个开源 HTML5 跨屏前端框架)
  
• 
  淘宝 HTML5 前端框架
  
• 
  KISSY – 阿里前端JavaScript库
  
• 
  网易Nej – Nice Easy Javascript
  
• 
  Kendo UI MVVM Demo
  
• 
  Bootstrap
  
• 
  Foundation
  
• 
  Smart UI
  
• 
  雅虎UI – CSS UI
  

页面 社会化 分享功能

• 
  (pc端)百度分享
  
• 
  (pc端)JiaThis
  
• 
  (移动端)社会化分享组件
  
• 
  (移动端)ShareSDK 轻松实现社会化功能
  
• 
  (移动端)友盟分享
  

富文本编辑器

• 
  功能齐全 tinymce
  
• 
  百度 ueditor
  
• 
  经典的ckeditor
  
• 
  经典的kindeditor
  
• 
  wysiwyg
  
• 
  一个有情怀的编辑器。Bach’s Editor
  
• 
  tower用的编辑器
  
• 
  summernote 编辑器
  
• 
  html5编辑器
  
• 
  Quilljs编辑器
  
• 
  wangEditor
  

前端概述

• 
  前端工具大全
  
• 
  什么是前端工程化
  
• 
  [译] 前端攻略-从路人甲到英雄无敌
  

Gulp

• 
  Gulp官网
  
• 
  Gulp中文网
  
• 
  gulp资料收集
  
• 
  Gulp：任务自动管理工具 – ruanyifeng
  
• 
  Gulp插件
  
• 
  Gulp探究折腾之路(I)
  
• 
  Gulp折腾之路(II)
  
• 
  Gulp不完全入门教程
  
• 
  为什么使用gulp?
  
• 
  Gulp安装及配合组件构建前端开发一体化
  
• 
  Gulp 入门指南
  
• 
  Gulp 入门指南 – nimojs
  
• 
  Gulp in Action
  
• 
  Gulp开发教程（翻译）
  
• 
  前端构建工具gulpjs的使用介绍及技巧
  

Grunt

• 
  gruntjs
  
• 
  Grunt中文网
  

Fis

• 
  fis 官网
  
• 
  fis
  

pc图轮

• 
  Vue 的图片轮播组件:vue-slider
  
• 
  左右按钮多图切换
  
• 
  fullpage全屏轮播
  

移动端图轮

• 
  滑屏效果
  
• 
  全屏fullpage
  
• 
  单个图片切换
  
• 
  单个全屏切换
  
• 
  百度的切换库
  
• 
  单个全屏切换
  
• 
  滑屏效果
  
• 
  旋转拖动设置
  
• 
  类似于swipe切换
  
• 
  支持多种形式的触摸滑动
  
• 
  滑屏效果
  
• 
  大话主席pc移动图片轮换
  
• 
  滑屏效果
  
• 
  基于zepto的fullpage
  
• 
  WebApp定宽网页设计下，固定宽度布局开发WebApp并实现多终端下WebApp布局自适应
  
• 
  判断微信客户端的那些坑
  
• 
  可以通过javascript直接调用原生分享的工具
  
• 
  JiaThis 分享到微信代码
  
• 
  聊聊移动端跨平台开发的各种技术
  
• 
  前端自动化测试
  
• 
  多种轮换图片
  
• 
  滑动侧边栏
  

文件上传

• 
  百度上传组件
  
• 
  上传
  
• 
  flash 头像上传
  
• 
  图片上传预览
  
• 
  图片裁剪
  
• 
  图片裁剪-shearphoto
  
• 
  jQuery图片处理
  

模拟select

• 
  糖饼 select
  
• 
  flexselect
  
• 
  双select
  
• 
  select2
  

取色插件

• 
  类似 Photoshop 的界面取色插件
  
• 
  jquery color
  
• 
  取色插件集合
  
• 
  farbtastic 圆环＋正方形
  

城市联动

• 
  jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果
  

剪贴板

• 
  剪贴板
  
• 
  clipboard 最新的剪切方案
  
• 
  不是Flash的剪贴板
  

简繁转换

• 
  简繁转换
  

表格 Grid

• 
  facebook表格
  
• 
  类似于Excel编辑表格-handsontable
  
• 
  bootstrap-table插件
  
• 
  datatables
  

在线演示

• 
  js 在线编辑 – runjs
  
• 
  js 在线编辑 – jsbin
  
• 
  js 在线编辑 – codepen
  
• 
  js 在线编辑 – jsfiddle
  
• 
  java 在线编辑 – runjs
  
• 
  js 在线编辑 – hcharts
  
• 
  js 在线编辑 – jsdm
  
• 
  sql 在线编辑 – sqlfiddle
  
• 
  mozilla 在线编辑器
  

常规优化

• 
  Javascript高性能动画与页面渲染
  
• 
  移动H5前端性能优化指南
  
• 
  5173首页前端性能优化实践
  
• 
  给网页设计师和前端开发者看的前端性能优化
  
• 
  复杂应用的 CSS 性能分析和优化建议
  
• 
  张鑫旭——前端性能
  
• 
  前端性能监控总结
  
• 
  web前端性能优化进阶路
  
• 
  前端技术：网站性能优化之CSS无图片技术
  
• 
  浏览器的加载与页面性能优化
  
• 
  页面加载中的图片性能优化
  
• 
  Hey——前端性能
  
• 
  YSLOW中文介绍
  
• 
  转一篇Yahoo关于网站性能优化的文章，兼谈本站要做的优化
  
• 
  Yahoo!团队实践分享：网站性能
  
• 
  网站性能优化指南：什么使我们的网站变慢？
  
• 
  网站性能优化实践，减少加载时间，提高用户体验
  
• 
  浅谈网站性能优化 前端篇
  
• 
  前端重构实践之如何对网站性能优化？
  
• 
  前端性能优化：使用媒体查询加载指定大小的背景图片
  
• 
  网站性能系列博文
  
• 
  加载，不只是少一点点
  
• 
  前端性能的测试与优化
  
• 
  分享网页加载速度优化的一些技巧？
  
• 
  web前端优化(基于Yslow
  
• 
  网站性能优化工具大全
  
• 
  【高性能前端1】高性能HTML
  
• 
  【高性能前端2】高性能CSS
  
• 
  由12306谈谈网站前端性能和后端性能优化
  
• 
  毫秒必争，前端网页性能最佳实践
  
• 
  网站性能工具Yslow的使用方法
  
• 
  前端工程与性能优化（上）：静态资源版本更新与缓存
  
• 
  前端工程与性能优化（下）：静态资源管理与模板框架
  
• 
  HTTPS连接的前几毫秒发生了什么
  
• 
  Yslow
  
• 
  Essential Web Performance Metrics — A Primer, Part 1
  
• 
  Essential Web Performance Metrics — Part 2
  
• 
  YUISlide,针对移动设备的动画性能优化
  
• 
  Improving Site Performance
  
• 
  让网站提速的最佳前端实践
  
• 
  Why Website Speed is Important
  
• 
  Need for Speed – How to Improve your Website Performance
  
• 
  阿里无线前端性能优化指南 (Pt.1 加载期优化
  

优化工具

• 
  JavaScript 性能分析新工具 OneProfile
  
• 
  JavaScript 堆内存分析新工具 OneHeap
  

在线工具

• 
  google在线工具
  
• 
  阿里-免费测试服务
  
• 
  阿里-F2etest多浏览器兼容性测试解决方案
  
• 
  js性能测试
  

前端架构

• 
  技术架构
  
• 
  前端架构
  
• 
  如何成为前端架构师
  
• 
  关于前端架构-张克军
  
• 
  百度腾讯offer比较（腾讯游戏VS百度基础架构）
  

推荐作品

• 
  winter代码片段需要翻墙
  
• 
  fgm
  
• 
  岑安作品集
  
• 
  当耐特demo集合
  
• 
  米空格 js作品
  
• 
  myFocus
  
• 
  SeaJS组件库
  
• 
  颜海镜作品
  
• 
  脚儿网作品
  
• 
  javascript个人作品
  
• 
  妙味的雷东升游戏作品
  
• 
  javascript作品集
  
• 
  云五笔，灰度产生生成工具
  
• 
  项目主页
  
• 
  个性的作品主页
  
• 
  ucren js demos 集
  
• 
  智能社
  
• 
  实例陈列架
  
• 
  zoye demo
  
• 
  王员外
  
• 
  平凡
  
• 
  jyg 游戏案例
  
• 
  很多jquery插件
  
• 
  不羁虫 – soJs 作品系列
  
• 
  frozenui
  
• 
  黑白棋
  
• 
  fromone
  
• 
  pazguille
  
• 
  Html5 VideoPlayer
  
• 
  Proton 烟花
  

简历模板

• 
  简历
  
• 
  张伦
  
• 
  简历
  
• 
  马斯特
  
• 
  张秋怡
  
• 
  翁天信
  
• 
  动画方式的简历
  
• 
  组件丰富简历
  
• 
  haorooms博客
  

求职

• 
  面试你之前，我希望在简历上看到这些！
  

面试题

• 
  那几个月在找工作（百度，网易游戏）
  
• 
  2014最新面试题
  
• 
  2016校招内推 – 阿里巴巴前端 – 三面面试经历
  
• 
  年后跳槽那点事：乐视+金山+360面试之行
  
• 
  Interviewing a front-end developer
  
• 
  拉勾网js面试题
  
• 
  前端面试
  
• 
  Web开发笔试面试题 大全
  
• 
  前端开发面试题
  
• 
  2014最新前端面试题
  
• 
  百度面试
  
• 
  前端工作面试问题
  
• 
  前端开发面试题
  
• 
  5个经典的前端面试问题
  
• 
  最全前端面试问题及答案总结
  
• 
  如何面试一名前端开发工程师？
  
• 
  史上最全 前端开发面试问题及答案整理
  
• 
  前端实习生面试总结
  
• 
  史上最全 前端开发面试问题及答案整理
  
• 
  BAT及各大互联网公司2014前端笔试面试题：JavaScript篇
  
• 
  前端开发面试题大收集
  
• 
  收集的前端面试题和答案
  
• 
  如何面试前端工程师
  
• 
  前端开发面试题
  
• 
  牛客网-笔试面经
  

iconfont

• 
  中文字体
  
• 
  淘宝字库
  
• 
  字体
  
• 
  制作教程
  
• 
  zhangxinxu-icommon
  
• 
  icommon
  
• 
  用字体在网页中画ICON图标(推荐教程
  
• 
  字体压缩工具
  

Fiddler

• 
  Fiddler调式使用知多少(一深入研究)
  
• 
  微信fiddle
  
• 
  微信fiddle
  

Chrome

• 
  Google Chrome 官方
  
• 
  Chrome – 基础
  
• 
  Chrome – 进阶
  
• 
  Chrome – 性能
  
• 
  Chrome – 性能进阶
  
• 
  Chrome – 移动
  
• 
  Chrome – 使用技巧
  
• 
  Chrome – Console控制台不完全指南
  
• 
  Chrome – Workspace使浏览器变成IDE
  
• 
  network面板
  
• 
  chrome开发工具快捷键
  
• 
  chrome调试工具常用功能整理
  
• 
  Chrome 开发工具 Workspace 使用
  
• 
  Chrome神器Vimium快捷键学习记录
  
• 
  sass调试-w3cplus
  
• 
  如何更专业的使用Chrome开发者工具-w3cplus
  
• 
  chrome调试canvas
  
• 
  chrome profiles1
  
• 
  chrome profiles3
  
• 
  chrome移动版调试
  
• 
  chrome调试
  
• 
  chrome的调试
  
• 
  chrome console 命令详解
  
• 
  查看事件绑定1
  
• 
  查看事件绑定2
  
• 
  神器——Chrome开发者工具(一
  
• 
  奇趣百科性能优化(Chrome DevTools 中的 Timeline Profils 等工具使用介绍
  
• 
  chrome 开发者工具的 15 个小技巧
  
• 
  Chrome开发者工具不完全指南
  
• 
  Chrome 开发者工具使用技巧
  

Firebug

• 
  firebug视频教程
  
• 
  firefox 模拟器
  
• 
  console.log 命令详解
  
• 
  Firebug入门指南
  
• 
  Firebug控制台详解
  

移动,微信调试

• 
  浏览器端调试安卓
  
• 
  移动端前端开发调试
  
• 
  使用 Chrome 远程调试 Android 设备
  
• 
  mac移动端调试
  
• 
  mac移动端调试
  
• 
  无线调试攻略
  
• 
  无线调试攻略
  
• 
  屌爆了,完美调试 微信webview(x5
  
• 
  微信调试的那些事
  
• 
  远程console
  
• 
  微信调试工具
  
• 
  各种真机远程调试方法汇总
  

iOS Simulator

• 
  Simulator
  
• 
  iOS Simulator的介绍和使用心得
  

Image

• 
  loading img
  
• 
  智图-图片优化平台
  
• 
  在线png优化
  
• 
  SM.MS(图床工具～简易好用)
  
• 
  yutuku：极简图床
  
• 
  Qchan图床
  

浏览器同步

• 
  puer
  
• 
  liveReload
  
• 
  f5
  
• 
  File Watchers
  

在线PPT制作

• 
  nodePPT
  
• 
  Cleaver快速制作网页PPT
  
• 
  impress.js
  
• 
  PPT
  
• 
  reveal
  
• 
  bespoke-fx
  
• 
  slippy
  

前端导航网站

• 
  界面清爽的前端导航
  
• 
  前端导航
  
• 
  前端网址导航
  
• 
  前端名录
  
• 
  前端导航
  
• 
  前端开发资源
  
• 
  前端开发仓库 – 众多效果的收集地
  
• 
  前端资源导航
  
• 
  F2E 前端导航
  

常用CDN

• 
  新浪CDN
  
• 
  百度静态资源公共库
  
• 
  360网站卫士常用前端公共库CDN服务
  
• 
  Bootstrap中文网开源项目免费 CDN 服务
  
• 
  开放静态文件 CDN – 七牛
  
• 
  CDN加速 – jq22
  
• 
  jQuery CDN
  
• 
  微软CDN
  

Git

• 
  git-scm
  
• 
  廖雪峰-Git教程
  
• 
  git-for-windows
  
• 
  GitHub 添加 SSH keys
  
• 
  gogithub
  
• 
  git常规命令练习
  
• 
  git的资料整理
  
• 
  我所记录的git命令（非常实用）
  
• 
  企业开发git工作流模式探索部分休整
  
• 
  GitHub 漫游指南
  
• 
  GitHub秘籍
  
• 
  使用git和github进行协同开发流程
  
• 
  动画方式练习git
  

各种日期日历

• 
  经典my97
  
• 
  强大的独立日期选择器
  
• 
  fullcalendar
  
• 
  fullcalendar日历控件知识点集合
  
• 
  中文api
  
• 
  农历日历
  
• 
  超酷的仿百度带节日日历老黄历控件
  
• 
  日期格式化
  
• 
  大牛日历控件
  
• 
  我群某管理作品
  
• 
  input按位替换-官网
  
• 
  input按位替换-github
  
• 
  bootstrap-daterangepicker
  
• 
  国外30个插件集合
  
• 
  JavaScript datepicker
  
• 
  Datepair.js
  
• 
  一个风格多样的日历
  
• 
  弹出层式的全日历
  
• 
  jquery双日历
  
• 
  大气实用jQuery手机移动端日历日期选择插件
  
• 
  jQuery Mobile 移动开发中的日期插件Mobiscroll
  

Date library

• 
  Datejs
  
• 
  sugarjs
  

其它

• 
  Mock.js 是一款模拟数据生成器
  
• 
  特色的HTML框架可以创建精美的iOS应用
  
• 
  淘宝SUI
  
• 
  avalonjs
  
• 
  Avalon新一代UI库： OniUI
  
• 
  avalon.oniui-基于avalon的组件库
  
• 
  生成二维码(草料)
  

效果类

• 
  弹出层
  
• 
  焦点图轮播特效
  
• 
  HTML5 有哪些让你惊艳的 demo？
  

弹出层

• 
  artDialog 最新版
  
• 
  artDialog 文档
  
• 
  google code 下载地址
  
• 
  贤心弹出层
  
• 
  响应式用户交互组件库
  
• 
  sweetalert-有css3动画弹出层
  

优秀JavaScript项目

• 
  Angular和Webpack种子文件
  
• 
  Fis3面向前端的工程构建系统
  
• 
  Fis3 DEMO
  
• 
  前端JQuery系列:源码剖析
  
• 
  avalon框架
  
• 
  Microsoft ChakraCore 微软的Chakra引擎
  
• 
  Quintus HTML游戏引擎
  
• 
  一个用node.js搭建的有趣博客
  
• 
  Web前端助手–FeHelper（Chrome扩展）
  
• 
  百度前端技术学院
  
• 
  Cheerio（node.js中的jQuery）
  
• 
  nodejs的一个聊天软件 类似微信
  
• 
  使用html5和node.js构建的网易云音乐
  
• 
  babel ES6转换为ES5
  
• 
  一个JS富文本编辑器
  
• 
  一个JS脑图可视化工具
  
• 
  一个JS写的Flappy Bird Game
  
• 
  一个JS写的GBA模拟器
  
• 
  SegmentFault写的Markdown解析器
  
• 
  基于node.js的Ghost博客
  
• 
  学习react的demos
  

其他一些推荐

• 
  那些所倚靠的利器记载
  
• 
  如何优雅地使用Sublime Text
  
• 
  sublime text 下的Markdown写作
  
• 
  新编码神器Atom使用纪要
  
• 
  Win下最爱效率神器:AutoHotKey
  
• 
  Mac必备软件渐集之ZSH－终极Shell
  
• 
  Win下必备神器之Cmder
  
• 
  Vimium~让您的Chrome起飞
  

更多接口试用