1.前言

最近有很多朋友問(wèn)我有沒(méi)有相關(guān)的書(shū)籍推薦，希望能夠自學(xué)一下前端肉瓦。

正好最近在查閱文章的時(shí)候，發(fā)現(xiàn)有朋友已經(jīng)進(jìn)行過(guò)總結(jié)胃惜。

經(jīng)過(guò)溝通和“行賄”??泞莉，終于取得轉(zhuǎn)載權(quán)利，在此感謝晚晴幽草的大力幫助船殉。

作者將原素材文章進(jìn)行了新內(nèi)容的添加和重新排列鲫趁，但是因?yàn)槲恼骆溄舆^(guò)多，難免會(huì)出現(xiàn)原始內(nèi)容失效等問(wèn)題利虫，請(qǐng)大家海涵挨厚。

好了，那我接下來(lái)就開(kāi)始正文咯糠惫。

2. 目錄

首先我們先來(lái)看一下文章的分區(qū)疫剃，以方便我們進(jìn)行檢索。

PS: 內(nèi)容超長(zhǎng)硼讽，請(qǐng)注意巢价！

1. 前言
2. 目錄
3. 入門(mén)類
4. HTML 5 部分
5. CSS 3 部分
6. JQuery
7. Angular JS
8. React
9. Vue
10. Node JS
11. JS Template
12. 移動(dòng)端
13. 移動(dòng)端 API
14. 綜合 API
15. 其他 API
16. 綜合類
17. 工具類
18. 綜合效果搜索平臺(tái)
19. 團(tuán)隊(duì) BLOG
20. 開(kāi)發(fā)中心
21. ECMAScript
22. D3
23. RequrieJS
24. SeaJS
25. Less & Sass
26. Markdown
27. 兼容性
28. UI相關(guān)
29. 圖表類
30. 正則表達(dá)式
31. 前端規(guī)范
32. PHP
33. 各大公司開(kāi)源項(xiàng)目
34. 常用
35. 算法
36. JSON
37. Ext, EasyUI, J-UI 及其它各種UI方案
38. 頁(yè)面 社會(huì)化 分享功能
39. 富文本編輯器
40. 前端概述
41. Gulp
42. Grunt
43. Fis
44. pc圖輪
45. 移動(dòng)端圖輪
46. 文件上傳
47. 模擬select
48. 取色插件
49. 城市聯(lián)動(dòng)
50. 剪貼板
51. 簡(jiǎn)繁轉(zhuǎn)換
52. 表格 Grid
53. 在線演示
54. 常規(guī)優(yōu)化
55. 優(yōu)化工具
56. 在線工具
57. 前端架構(gòu)
58. 推薦作品
59. 簡(jiǎn)歷模板
60. 求職
61. 面試題
62. iconfont
63. Fiddler
64. Chrome
65. Firebug
66. 移動(dòng),微信調(diào)試
67. iOS Simulator
68. Image
69. 瀏覽器同步
70. 在線PPT制作
71. 前端導(dǎo)航網(wǎng)站
72. 常用CDN
73. Git
74. 各種日期日歷
75. Date library
76. 其它
77. 效果類
78. 彈出層
79. 優(yōu)秀JavaScript項(xiàng)目
80. 其他一些推薦

3. 入門(mén)類

• 前端入門(mén)教程
• 瘳雪峰的Javascript教程
• 前端工程師必備的PS技能——切圖篇
• 結(jié)合個(gè)人經(jīng)歷總結(jié)的前端入門(mén)方法
• 作者的簡(jiǎn)書(shū)地址
• 作者的CSDN地址
• HTML 修真錄------初識(shí)"異界"
• HTML 修真錄------"深淵三君王"
• HTML 基礎(chǔ)入門(mén)
• HTML 基礎(chǔ)提升
• CSS 基礎(chǔ)入門(mén)
• CSS 盒模型
• CSS 浮動(dòng)
• CSS 定位

4. HTML 5 部分

• 深入理解HTML5標(biāo)簽
• 如何寫(xiě)出高效率的HTML
• HTML meta標(biāo)簽總結(jié)與屬性使用介紹
• 戲說(shuō)HTML5
• 編寫(xiě)高質(zhì)量的 HTML 代碼
• 如何解決 img 標(biāo)簽上下出現(xiàn)的間隙
• 五分鐘學(xué)會(huì) Canvas 基礎(chǔ)（一）
• 五分鐘學(xué)會(huì) Canvas 基礎(chǔ)（二）
• 模仿 LED 燈的滾動(dòng)文字效果
• 關(guān)于 Canvas 的兄弟 SVG 的基礎(chǔ)教程
• HTML 5 動(dòng)態(tài)效果制作方法整理
• Canvas 效果實(shí)例
• 細(xì)數(shù)前端中的一些黑科技
• 前端 Meta 用法大匯總
• HTML5新特性

5. CSS 3 部分

• CSS 語(yǔ)法參考
• 如何編寫(xiě)可維護(hù)的CSS
• CSS3動(dòng)畫(huà)手冊(cè)
• 騰訊css3動(dòng)畫(huà)制作工具
• 志爺css小工具集合
• css3 js 移動(dòng)大雜燴
• bouncejs 觸摸庫(kù)
• animate.css
• 全局CSS的終結(jié)
• browserhacks
• CSS3其他屬性
• 彈性盒模型詳解
• CSS3動(dòng)畫(huà)
• 2D變形&3D變形
• 蒙版mask

6. JQuery

• YOU MIGHT NOT NEED JQUERY
• jQuery API 中文文檔
• hemin 在線版
• css88 jq api
• css88 jqui api
• 學(xué)習(xí)jquery
• jquery 源碼查找
• Web前端資源匯總(jQuery,Js,Css3等)

7. Angular JS

• Angular.js 的一些學(xué)習(xí)資源
• angularjs中文社區(qū)
• Angularjs源碼學(xué)習(xí)
• Angularjs源碼學(xué)習(xí)
• angular對(duì)bootstrap的封裝
• angularjs + nodejs
• 呂大豹 Angularjs
• AngularJS 最佳實(shí)踐
• Angular的一些擴(kuò)展指令
• Angular數(shù)據(jù)綁定原理
• 一些擴(kuò)展Angular UI組件
• Ember和AngularJS的性能測(cè)試
• 帶你走近AngularJS - 基本功能介紹
• Angularjs開(kāi)發(fā)指南
• Angularjs學(xué)習(xí)
• 不要帶著jQuery的思維去學(xué)習(xí)AngularJS
• angularjs 學(xué)習(xí)筆記
• angularjs 開(kāi)發(fā)指南
• angularjs 英文資料
• angular bootstrap
• angular jq mobile
• angular ui
• 整合jQuery Mobile+AngularJS經(jīng)驗(yàn)談
• 有jQuery背景，該如何用AngularJS編程思想
• AngularJS在線教程
• angular學(xué)習(xí)筆記

8. React

• react.js中文論壇
• react.js官方網(wǎng)址
• react.js官方文檔
• react.jsmaterialUI
• react.jsTouchstoneJSUI
• react.jsamazeuiUI
• React入門(mén)實(shí)例教程-阮一峰
• ReactNative中文版
• Webpack和React小書(shū)-前端亂燉
• Webpack和React小書(shū)-gitbook
• webpack
• Webpack固阁，101入門(mén)體驗(yàn)
• webpack入門(mén)教程
• 基于webpack搭建前端工程解決方案探索

9. Vue

• Vue2.0
• Vue
• Vue Router
• Vuex
• Vue-Cli
• Vue 論壇
• Vue 聊天室
• Vue 入門(mén)指南
• Vue 的一些資源索引
• awesome-vue
• vue-syntax-highlight

10. Node JS

• Node.js 包教不包會(huì)
• 一個(gè)nodejs博客
• 【NodeJS 學(xué)習(xí)筆記04】新聞發(fā)布系統(tǒng)
• 過(guò)年7天樂(lè)壤躲，學(xué)nodejs 也快樂(lè)
• 七天學(xué)會(huì)NodeJS
• Nodejs學(xué)習(xí)筆記（二）— 事件模塊
• nodejs入門(mén)
• angularjs nodejs
• 從零開(kāi)始nodejs系列文章
• 理解nodejs
• nodejs事件輪詢
• node入門(mén)
• nodejs cms
• Node初學(xué)者入門(mén)，一本全面的NodeJS教程
• NodeJS的代碼調(diào)試和性能調(diào)優(yōu)

11. JS Template

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

12. 移動(dòng)端

• fastclick
• no-click-delay
• 【敏捷開(kāi)發(fā)】Android團(tuán)隊(duì)開(kāi)發(fā)規(guī)范
• Android 開(kāi)發(fā)規(guī)范與應(yīng)用
• ionic

13. 移動(dòng)端 API

• 99移動(dòng)端知識(shí)集合
• 移動(dòng)端前端開(kāi)發(fā)知識(shí)庫(kù)
• 移動(dòng)前端的一些坑和解決方法（外觀表現(xiàn)）
• 【原】移動(dòng)web資源整理
• zepto 1.0 中文手冊(cè)
• zepto 1.0 中文手冊(cè)
• zepto 1.1.2
• zepto 中文注釋
• jqmobile 手冊(cè)
• 移動(dòng)瀏覽器開(kāi)發(fā)集合
• 移動(dòng)開(kāi)發(fā)大雜燴

14. 綜合 API

• javascripting
• 各種流行庫(kù)搜索
• runoob.com-包含各種API集合
• 開(kāi)源中國(guó)在線API文檔合集
• devdocs(英文綜合API網(wǎng)站)

15. 其他 API

• HTTP API 設(shè)計(jì)指南
• javascript流行庫(kù)匯總
• 驗(yàn)證api
• underscore 中文手冊(cè)
• underscore源碼分析
• underscore源碼分析-亞里士朱德的博客
• underscrejs en api
• lodash - underscore的代替品
• ext4api
• qwrap手冊(cè)
• 緩動(dòng)函數(shù)
• svg 中文參考
• svg mdn參考
• svg 導(dǎo)出 canvas
• svg 導(dǎo)出 png
• ai-to-svg
• localStorage 庫(kù)

16. 綜合類

• 前端知識(shí)體系
• 前端知識(shí)結(jié)構(gòu)
• Web前端開(kāi)發(fā)大系概覽
• Web前端開(kāi)發(fā)大系概覽-中文版
• [Web Front-end Stack v2.2](Web Front-end Stack v2.2)
• 免費(fèi)的編程中文書(shū)籍索引
• 前端書(shū)籍
• 前端免費(fèi)書(shū)籍大全
• 前端知識(shí)體系
• 免費(fèi)的編程中文書(shū)籍索引
• 智能社 - 精通JavaScript開(kāi)發(fā)
• 重新介紹 JavaScript（JS 教程）
• 麻省理工學(xué)院公開(kāi)課：計(jì)算機(jī)科學(xué)及編程導(dǎo)論
• JavaScript中的this陷阱的最全收集–沒(méi)有之一
• JS函數(shù)式編程指南
• JavaScript Promise迷你書(shū)（中文版）
• 騰訊移動(dòng)Web前端知識(shí)庫(kù)
• Front-End-Develop-Guide 前端開(kāi)發(fā)指南
• 前端開(kāi)發(fā)筆記本
• 大前端工具集 - 聶微東
• 前端開(kāi)發(fā)者手冊(cè)

17. 工具類

• [前端人的俱樂(lè)部](http://f2er.club/ 真可以解放你的收藏夾)
• 如何優(yōu)雅地使用Sublime Text
• 新編碼神器Atom使用紀(jì)要
• css sprite 雪碧圖制作
• 版本控制入門(mén) – 搬進(jìn) Github
• Grunt-beginner前端自動(dòng)化工具
• IntelliJ IDEA 簡(jiǎn)體中文專題教程
• SublimeText
• Atom
• visual studio code

18. 綜合效果搜索平臺(tái)

• JavaScript 資源大全中文版
• 100+ 超全的web開(kāi)發(fā)工具和資源
• 設(shè)計(jì)師網(wǎng)址導(dǎo)航
• 快搜
• 阿里iconfont
• [zoommyapp.com](http://zoommyapp.com/ 高質(zhì)量圖庫(kù))
• [unsplash.com](https://unsplash.com/ 高質(zhì)量圖庫(kù))
• [www.pinterest.com](https://www.pinterest.com/ 圖庫(kù))
• [New Old Stock](http://nos.twnsnd.co 復(fù)古風(fēng)圖庫(kù))
• [500px.com](https://500px.com/ 唯美照片)
• 效果網(wǎng)
• 花瓣網(wǎng)
• 優(yōu)美圖
• codepen
• 攝圖網(wǎng)
• 常用的JavaScript代碼片段

19. 團(tuán)隊(duì) BLOG

• 騰訊ISUX
• 奇舞周刊
• 淘寶前端團(tuán)隊(duì)（FED）
• 碼農(nóng)周刊
• WEB前端開(kāi)發(fā)
• A JS tip per day!
• 騰訊全端 AlloyTeam
• 阿里巴巴-U一點(diǎn)
• 百度WEB前端研發(fā)部
• 攜程設(shè)計(jì)委員會(huì)
• 平安科技移動(dòng)開(kāi)發(fā)二隊(duì)技術(shù)周報(bào)

20. 開(kāi)發(fā)中心

• mozilla js參考
• chrome開(kāi)發(fā)中心（chrome的內(nèi)核已轉(zhuǎn)向blink）
• safari開(kāi)發(fā)中心
• microsoft js參考
• js秘密花園
• js秘密花園
• w3help(綜合Bug集合網(wǎng)站)

21. ECMAScript

• Understanding ECMAScript 6 - Nicholas C. Zakas
• exploring-es6
• exploring-es6翻譯
• exploring-es6翻譯后預(yù)覽
• 阮一峰 es6
• 阮一峰 Javascript
• ECMA-262备燃，第 5 版
• es5

22. D3

• d3 Tutorials
• Gallery
• lofter
• iteye
• ruanyifeng

23. RequrieJS

• Javascript模塊化編程（一）：模塊的寫(xiě)法
• Javascript模塊化編程（二）：AMD規(guī)范
• Javascript模塊化編程（三）：require.js的用法
• RequireJS入門(mén)（一）
• RequireJS入門(mén)（二）
• RequireJS進(jìn)階（三）
• requrie源碼學(xué)習(xí)
• requrie 入門(mén)指南
• requrieJS 學(xué)習(xí)筆記
• requriejs 其一
• require backbone結(jié)合

24. SeaJS

• seajs
• seajs 中文手冊(cè)

25. Less & Sass

• sass
• sass教程-sass中國(guó)
• Sass 中文文檔
• less

26. Markdown

• Markdown 語(yǔ)法說(shuō)明 (簡(jiǎn)體中文版)
• markdown入門(mén)參考
• [gitbook](https://www.gitbook.com 國(guó)外的在線markdown可編輯成書(shū))
• [mdeditor](https://www.zybuluo.com/mdeditor 一款國(guó)內(nèi)的在線markdown編輯器)
• [stackedit](https://stackedit.io 國(guó)外的在線markdown編輯器碉克，功能強(qiáng)大，同步云盤(pán))
• [mditor](http://bh-lay.github.io/mditor 一款輕量級(jí)的markdown編輯器)
• lepture-editor
• markdown-editor
• 作業(yè)部落

27. 兼容性

• esma 兼容列表
• W3C CSS驗(yàn)證服務(wù)
• caniuse
• csscreator
• microsoft
• 在線測(cè)兼容-移動(dòng)端
• emulators

28. UI相關(guān)

• bootcss
• [ANT DESIGN](http://ant.design 一個(gè) UI 設(shè)計(jì)語(yǔ)言)
• MetroUICSS
• semantic
• Buttons
• kitecss
• pintuer
• amazeui
• worldhello
• linuxtoy
• gitmagic
• rogerdudler
• gitref
• book
• gogojimmy

29. 圖表類

• Highcharts 中文API
• Highcharts 英文API
• ECharts 百度的圖表軟件
• 高德地圖
• 開(kāi)源的矢量圖腳本框架
• svg 地圖

30. 正則表達(dá)式

• JS正則表達(dá)式元字符
• 正則表達(dá)式30分鐘入門(mén)教程
• MDN-正則表達(dá)式
• ruanyifeng - RegExp對(duì)象
• 小胡子哥 - 進(jìn)階正則表達(dá)式
• is.js
• 正則在線測(cè)試

31. 前端規(guī)范

• 通過(guò)分析github代碼庫(kù)總結(jié)出來(lái)的工程師代碼書(shū)寫(xiě)習(xí)慣
• HTML&CSS編碼規(guī)范 by @mdo
• 團(tuán)隊(duì)合作的css命名規(guī)范-騰訊AlloyTeam前端團(tuán)隊(duì)
• 前端編碼規(guī)范之js - by yuwenhui
• 前端編碼規(guī)范之js - by 李靖
• 前端開(kāi)發(fā)規(guī)范手冊(cè)
• Airbnb JavaScript 編碼規(guī)范（簡(jiǎn)體中文版）
• AMD與CMD規(guī)范的區(qū)別
• AMD與CMD規(guī)范的區(qū)別
• KISSY 源碼規(guī)范
• bt編碼規(guī)范
• 規(guī)范加強(qiáng)版
• 前端代碼規(guī)范 及 最佳實(shí)踐
• 百度前端規(guī)范
• 百度前端規(guī)范
• 百度前端規(guī)范
• ECMAScript6 編碼規(guī)范–廣發(fā)證券前端團(tuán)隊(duì)
• JavaScript 風(fēng)格指南/編碼規(guī)范（Airbnb公司版）
• 網(wǎng)易前端開(kāi)發(fā)規(guī)范
• css模塊
• 前端規(guī)范資源列表

32. PHP

• 最流行的PHP 代碼規(guī)范
• 最流行的PHP 代碼規(guī)范

33. 各大公司開(kāi)源項(xiàng)目

• Facebook Projects
• 百度web前端研發(fā)部
• 百度EFE
• 百度github
• alloyteam
• alloyteam-github
• alloyteam-AlloyGameEngine
• AlloyDesigner(即時(shí)修改并齐，即時(shí)保存漏麦，設(shè)計(jì)稿較正客税，其它開(kāi)發(fā)輔助工具)
• H5交互頁(yè)編輯器AEditor介紹
• AEditor
• 值得訂閱的weekly
• 奇舞團(tuán)開(kāi)源項(xiàng)目
• Qunar UED
• Scrat

34. 常用

• ieBetter.js(讓IE6-IE8擁有IE9+,Chrome等瀏覽器特性)
• 模擬鍵盤(pán)
• 拼音
• 中國(guó)個(gè)人身份證號(hào)驗(yàn)證

35. 算法

• 數(shù)據(jù)結(jié)構(gòu)與算法 JavaScript
• 常見(jiàn)排序算法（JS版）
• 經(jīng)典排序
• 常見(jiàn)排序算法-js版本
• JavaScript 算法與數(shù)據(jù)結(jié)構(gòu) 精華集
• 面試常考算法題精講

36. JSON

• 模擬生成JSON數(shù)據(jù)

37. Ext, EasyUI, J-UI 及其它各種UI方案

• extjs
• ext4英文api
• ext4中文api
• jquery easyui 未壓縮源代碼
• J-UI
• MUI-最接近原生APP體驗(yàn)的高性能前端框架
• Amaze UI(中國(guó)首個(gè)開(kāi)源 HTML5 跨屏前端框架)
• 淘寶 HTML5 前端框架
• KISSY - 阿里前端JavaScript庫(kù)
• 網(wǎng)易Nej - Nice Easy Javascript
• Kendo UI MVVM Demo
• Bootstrap
• Foundation
• Smart UI
• 雅虎UI - CSS UI

38. 頁(yè)面 社會(huì)化 分享功能

• (pc端)百度分享
• (pc端)JiaThis
• (移動(dòng)端)社會(huì)化分享組件
• (移動(dòng)端)ShareSDK 輕松實(shí)現(xiàn)社會(huì)化功能
• (移動(dòng)端)友盟分享

39. 富文本編輯器

• 功能齊全 tinymce
• 百度 ueditor
• 經(jīng)典的ckeditor
• 經(jīng)典的kindeditor
• wysiwyg
• 一個(gè)有情懷的編輯器唁奢。Bach’s Editor
• tower用的編輯器
• summernote 編輯器
• html5編輯器
• Quilljs編輯器
• wangEditor

40. 前端概述

• 前端工具大全
• 什么是前端工程化
• [譯] 前端攻略-從路人甲到英雄無(wú)敵

41. Gulp

• Gulp官網(wǎng)
• Gulp中文網(wǎng)
• gulp資料收集
• Gulp：任務(wù)自動(dòng)管理工具 - ruanyifeng
• Gulp插件
• Gulp探究折騰之路(I)
• Gulp折騰之路(II)
• Gulp不完全入門(mén)教程
• 為什么使用gulp?
• Gulp安裝及配合組件構(gòu)建前端開(kāi)發(fā)一體化
• Gulp 入門(mén)指南
• Gulp 入門(mén)指南 - nimojs
• Gulp in Action
• Gulp開(kāi)發(fā)教程（翻譯）
• 前端構(gòu)建工具gulpjs的使用介紹及技巧

42. Grunt

• gruntjs
• Grunt中文網(wǎng)

43. Fis

• fis 官網(wǎng)
• fis

44. pc圖輪

• Vue 的圖片輪播組件:vue-slider
• 左右按鈕多圖切換
• fullpage全屏輪播

45. 移動(dòng)端圖輪

• 滑屏效果
• 全屏fullpage
• 單個(gè)圖片切換
• 單個(gè)全屏切換
• 百度的切換庫(kù)
• 單個(gè)全屏切換
• 滑屏效果
• 旋轉(zhuǎn)拖動(dòng)設(shè)置
• 類似于swipe切換
• 支持多種形式的觸摸滑動(dòng)
• 滑屏效果
• 大話主席pc移動(dòng)圖片輪換
• 滑屏效果
• 基于zepto的fullpage
• WebApp定寬網(wǎng)頁(yè)設(shè)計(jì)下霎挟，固定寬度布局開(kāi)發(fā)WebApp并實(shí)現(xiàn)多終端下WebApp布局自適應(yīng)
• 判斷微信客戶端的那些坑
• 可以通過(guò)javascript直接調(diào)用原生分享的工具
• JiaThis 分享到微信代碼
• 聊聊移動(dòng)端跨平臺(tái)開(kāi)發(fā)的各種技術(shù)
• 前端自動(dòng)化測(cè)試
• 多種輪換圖片
• 滑動(dòng)側(cè)邊欄

46. 文件上傳

• 百度上傳組件
• 上傳
• flash 頭像上傳
• 圖片上傳預(yù)覽
• 圖片裁剪
• 圖片裁剪-shearphoto
• jQuery圖片處理

47. 模擬select

• 糖餅 select
• flexselect
• 雙select
• select2

48. 取色插件

• 類似 Photoshop 的界面取色插件
• jquery color
• 取色插件集合
• farbtastic 圓環(huán)＋正方形

49. 城市聯(lián)動(dòng)

• jquery.cityselect.js基于jQuery+JSON的省市或自定義聯(lián)動(dòng)效果

50. 剪貼板

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

51. 簡(jiǎn)繁轉(zhuǎn)換

• 簡(jiǎn)繁轉(zhuǎn)換

52. 表格 Grid

• facebook表格
• 類似于Excel編輯表格-handsontable
• bootstrap-table插件
• datatables

53. 在線演示

• js 在線編輯 - runjs
• js 在線編輯 - jsbin
• js 在線編輯 - codepen
• js 在線編輯 - jsfiddle
• java 在線編輯 - runjs
• js 在線編輯 - hcharts
• js 在線編輯 - jsdm
• sql 在線編輯 - sqlfiddle
• mozilla 在線編輯器

54. 常規(guī)優(yōu)化

• Javascript高性能動(dòng)畫(huà)與頁(yè)面渲染
• 移動(dòng)H5前端性能優(yōu)化指南
• 5173首頁(yè)前端性能優(yōu)化實(shí)踐
• 給網(wǎng)頁(yè)設(shè)計(jì)師和前端開(kāi)發(fā)者看的前端性能優(yōu)化
• 復(fù)雜應(yīng)用的 CSS 性能分析和優(yōu)化建議
• 張?chǎng)涡瘛岸诵阅?/a>
• 前端性能監(jiān)控總結(jié)
• web前端性能優(yōu)化進(jìn)階路
• 前端技術(shù)：網(wǎng)站性能優(yōu)化之CSS無(wú)圖片技術(shù)
• 瀏覽器的加載與頁(yè)面性能優(yōu)化
• 頁(yè)面加載中的圖片性能優(yōu)化
• Hey——前端性能
• YSLOW中文介紹
• 轉(zhuǎn)一篇Yahoo關(guān)于網(wǎng)站性能優(yōu)化的文章，兼談本站要做的優(yōu)化
• Yahoo!團(tuán)隊(duì)實(shí)踐分享：網(wǎng)站性能
• 網(wǎng)站性能優(yōu)化指南：什么使我們的網(wǎng)站變慢麻掸？
• 網(wǎng)站性能優(yōu)化實(shí)踐酥夭，減少加載時(shí)間，提高用戶體驗(yàn)
• 淺談網(wǎng)站性能優(yōu)化 前端篇
• 前端重構(gòu)實(shí)踐之如何對(duì)網(wǎng)站性能優(yōu)化脊奋？
• 前端性能優(yōu)化：使用媒體查詢加載指定大小的背景圖片
• 網(wǎng)站性能系列博文
• 加載熬北，不只是少一點(diǎn)點(diǎn)
• 前端性能的測(cè)試與優(yōu)化
• 分享網(wǎng)頁(yè)加載速度優(yōu)化的一些技巧？
• web前端優(yōu)化(基于Yslow
• 網(wǎng)站性能優(yōu)化工具大全
• 【高性能前端1】高性能HTML
• 【高性能前端2】高性能CSS
• 由12306談?wù)劸W(wǎng)站前端性能和后端性能優(yōu)化
• 毫秒必爭(zhēng)诚隙，前端網(wǎng)頁(yè)性能最佳實(shí)踐
• 網(wǎng)站性能工具Yslow的使用方法
• 前端工程與性能優(yōu)化（上）：靜態(tài)資源版本更新與緩存
• 前端工程與性能優(yōu)化（下）：靜態(tài)資源管理與模板框架
• HTTPS連接的前幾毫秒發(fā)生了什么
• Yslow
• Essential Web Performance Metrics — A Primer, Part 1
• Essential Web Performance Metrics — Part 2
• YUISlide,針對(duì)移動(dòng)設(shè)備的動(dòng)畫(huà)性能優(yōu)化
• Improving Site Performance
• 讓網(wǎng)站提速的最佳前端實(shí)踐
• Why Website Speed is Important
• Need for Speed – How to Improve your Website Performance
• 阿里無(wú)線前端性能優(yōu)化指南 (Pt.1 加載期優(yōu)化

55. 優(yōu)化工具

• JavaScript 性能分析新工具 OneProfile
• JavaScript 堆內(nèi)存分析新工具 OneHeap

56. 在線工具

• google在線工具
• 阿里-免費(fèi)測(cè)試服務(wù)
• 阿里-F2etest多瀏覽器兼容性測(cè)試解決方案
• js性能測(cè)試

57. 前端架構(gòu)

• 技術(shù)架構(gòu)
• 前端架構(gòu)
• 如何成為前端架構(gòu)師
• 關(guān)于前端架構(gòu)-張克軍
• 百度騰訊offer比較（騰訊游戲VS百度基礎(chǔ)架構(gòu)）

58. 推薦作品

• winter代碼片段需要翻墻
• fgm
• 岑安作品集
• 當(dāng)耐特demo集合
• 米空格 js作品
• myFocus
• SeaJS組件庫(kù)
• 顏海鏡作品
• 腳兒網(wǎng)作品
• javascript個(gè)人作品
• 妙味的雷東升游戲作品
• javascript作品集
• 云五筆讶隐，灰度產(chǎn)生生成工具
• 項(xiàng)目主頁(yè)
• 個(gè)性的作品主頁(yè)
• ucren js demos 集
• 智能社
• 實(shí)例陳列架
• zoye demo
• 王員外
• 平凡
• jyg 游戲案例
• 很多jquery插件
• 不羈蟲(chóng) - soJs 作品系列
• frozenui
• 黑白棋
• fromone
• pazguille
• Html5 VideoPlayer
• Proton 煙花

59. 簡(jiǎn)歷模板

• 簡(jiǎn)歷
• 張倫
• 簡(jiǎn)歷
• 馬斯特
• 張秋怡
• 翁天信
• 動(dòng)畫(huà)方式的簡(jiǎn)歷
• 組件豐富簡(jiǎn)歷
• haorooms博客

60. 求職

• 面試你之前，我希望在簡(jiǎn)歷上看到這些久又！

61. 面試題

• 那幾個(gè)月在找工作（百度巫延，網(wǎng)易游戲）
• 2014最新面試題
• 2016校招內(nèi)推 – 阿里巴巴前端 – 三面面試經(jīng)歷
• 年后跳槽那點(diǎn)事：樂(lè)視+金山+360面試之行
• Interviewing a front-end developer
• 拉勾網(wǎng)js面試題
• 前端面試
• Web開(kāi)發(fā)筆試面試題 大全
• 前端開(kāi)發(fā)面試題
• 2014最新前端面試題
• 百度面試
• 前端工作面試問(wèn)題
• 前端開(kāi)發(fā)面試題
• 5個(gè)經(jīng)典的前端面試問(wèn)題
• 最全前端面試問(wèn)題及答案總結(jié)
• 如何面試一名前端開(kāi)發(fā)工程師？
• 史上最全 前端開(kāi)發(fā)面試問(wèn)題及答案整理
• 前端實(shí)習(xí)生面試總結(jié)
• 史上最全 前端開(kāi)發(fā)面試問(wèn)題及答案整理
• BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題：JavaScript篇
• 前端開(kāi)發(fā)面試題大收集
• 收集的前端面試題和答案
• 如何面試前端工程師
• 前端開(kāi)發(fā)面試題
• 诺叵客網(wǎng)-筆試面經(jīng)

62. iconfont

• 中文字體
• 淘寶字庫(kù)
• 字體
• 制作教程
• zhangxinxu-icommon
• icommon
• 用字體在網(wǎng)頁(yè)中畫(huà)ICON圖標(biāo)(推薦教程
• 字體壓縮工具

63. Fiddler

• Fiddler調(diào)式使用知多少(一深入研究)
• 微信fiddle
• 微信fiddle

64. Chrome

• Google Chrome 官方
• Chrome - 基礎(chǔ)
• Chrome - 進(jìn)階
• Chrome - 性能
• Chrome - 性能進(jìn)階
• Chrome - 移動(dòng)
• Chrome - 使用技巧
• Chrome - Console控制臺(tái)不完全指南
• Chrome - Workspace使瀏覽器變成IDE
• network面板
• chrome開(kāi)發(fā)工具快捷鍵
• chrome調(diào)試工具常用功能整理
• Chrome 開(kāi)發(fā)工具 Workspace 使用
• Chrome神器Vimium快捷鍵學(xué)習(xí)記錄
• sass調(diào)試-w3cplus
• 如何更專業(yè)的使用Chrome開(kāi)發(fā)者工具-w3cplus
• chrome調(diào)試canvas
• chrome profiles1
• chrome profiles3
• chrome移動(dòng)版調(diào)試
• chrome調(diào)試
• chrome的調(diào)試
• chrome console 命令詳解
• 查看事件綁定1
• 查看事件綁定2
• 神器——Chrome開(kāi)發(fā)者工具(一
• 奇趣百科性能優(yōu)化(Chrome DevTools 中的 Timeline Profils 等工具使用介紹
• chrome 開(kāi)發(fā)者工具的 15 個(gè)小技巧
• Chrome開(kāi)發(fā)者工具不完全指南
• Chrome 開(kāi)發(fā)者工具使用技巧

65. Firebug

• firebug視頻教程
• firefox 模擬器
• console.log 命令詳解
• Firebug入門(mén)指南
• Firebug控制臺(tái)詳解

66. 移動(dòng),微信調(diào)試

• 瀏覽器端調(diào)試安卓
• 移動(dòng)端前端開(kāi)發(fā)調(diào)試
• 使用 Chrome 遠(yuǎn)程調(diào)試 Android 設(shè)備
• mac移動(dòng)端調(diào)試
• mac移動(dòng)端調(diào)試
• 無(wú)線調(diào)試攻略
• 無(wú)線調(diào)試攻略
• 屌爆了,完美調(diào)試 微信webview(x5
• 微信調(diào)試的那些事
• 遠(yuǎn)程console
• 微信調(diào)試工具
• 各種真機(jī)遠(yuǎn)程調(diào)試方法匯總

67. iOS Simulator

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

68. Image

• loading img
• 智圖-圖片優(yōu)化平臺(tái)
• 在線png優(yōu)化
• SM.MS(圖床工具～簡(jiǎn)易好用)
• yutuku：極簡(jiǎn)圖床
• Qchan圖床

69. 瀏覽器同步

• puer
• liveReload
• f5
• File Watchers

70. 在線PPT制作

• nodePPT
• Cleaver快速制作網(wǎng)頁(yè)P(yáng)PT
• impress.js
• PPT
• reveal
• bespoke-fx
• slippy

71. 前端導(dǎo)航網(wǎng)站

• 界面清爽的前端導(dǎo)航
• 前端導(dǎo)航
• 前端網(wǎng)址導(dǎo)航
• 前端名錄
• 前端導(dǎo)航
• 前端開(kāi)發(fā)資源
• 前端開(kāi)發(fā)倉(cāng)庫(kù) - 眾多效果的收集地
• 前端資源導(dǎo)航
• F2E 前端導(dǎo)航

72. 常用CDN

• 新浪CDN
• 百度靜態(tài)資源公共庫(kù)
• 360網(wǎng)站衛(wèi)士常用前端公共庫(kù)CDN服務(wù)
• Bootstrap中文網(wǎng)開(kāi)源項(xiàng)目免費(fèi) CDN 服務(wù)
• 開(kāi)放靜態(tài)文件 CDN - 七牛
• CDN加速 - jq22
• jQuery CDN
• 微軟CDN

73. Git

• git-scm
• 廖雪峰-Git教程
• git-for-windows
• GitHub 添加 SSH keys
• gogithub
• git常規(guī)命令練習(xí)
• git的資料整理
• 我所記錄的git命令（非常實(shí)用）
• 企業(yè)開(kāi)發(fā)git工作流模式探索部分休整
• GitHub 漫游指南
• GitHub秘籍
• 使用git和github進(jìn)行協(xié)同開(kāi)發(fā)流程
• 動(dòng)畫(huà)方式練習(xí)git

74. 各種日期日歷

• 經(jīng)典my97
• 強(qiáng)大的獨(dú)立日期選擇器
• fullcalendar
• fullcalendar日歷控件知識(shí)點(diǎn)集合
• 中文api
• 農(nóng)歷日歷
• 超酷的仿百度帶節(jié)日日歷老黃歷控件
• 日期格式化
• 大牛日歷控件
• 我群某管理作品
• input按位替換-官網(wǎng)
• input按位替換-github
• bootstrap-daterangepicker
• 國(guó)外30個(gè)插件集合
• JavaScript datepicker
• Datepair.js
• 一個(gè)風(fēng)格多樣的日歷
• 彈出層式的全日歷
• jquery雙日歷
• 大氣實(shí)用jQuery手機(jī)移動(dòng)端日歷日期選擇插件
• jQuery Mobile 移動(dòng)開(kāi)發(fā)中的日期插件Mobiscroll

75. Date library

• Datejs
• sugarjs

76. 其它

• Mock.js 是一款模擬數(shù)據(jù)生成器
• 特色的HTML框架可以創(chuàng)建精美的iOS應(yīng)用
• 淘寶SUI
• avalonjs
• Avalon新一代UI庫(kù)： OniUI
• avalon.oniui-基于avalon的組件庫(kù)
• 生成二維碼(草料)

77. 效果類

• 彈出層
• 焦點(diǎn)圖輪播特效
• HTML5 有哪些讓你驚艷的 demo炉峰？

78. 彈出層

• artDialog 最新版
• artDialog 文檔
• google code 下載地址
• 賢心彈出層
• 響應(yīng)式用戶交互組件庫(kù)
• sweetalert-有css3動(dòng)畫(huà)彈出層

79. 優(yōu)秀JavaScript項(xiàng)目

• Angular和Webpack種子文件
• Fis3面向前端的工程構(gòu)建系統(tǒng)
• Fis3 DEMO
• 前端JQuery系列:源碼剖析
• avalon框架
• Microsoft ChakraCore 微軟的Chakra引擎
• Quintus HTML游戲引擎
• 一個(gè)用node.js搭建的有趣博客
• Web前端助手–FeHelper（Chrome擴(kuò)展）
• 百度前端技術(shù)學(xué)院
• Cheerio（node.js中的jQuery）
• nodejs的一個(gè)聊天軟件 類似微信
• 使用html5和node.js構(gòu)建的網(wǎng)易云音樂(lè)
• babel ES6轉(zhuǎn)換為ES5
• 一個(gè)JS富文本編輯器
• 一個(gè)JS腦圖可視化工具
• 一個(gè)JS寫(xiě)的Flappy Bird Game
• 一個(gè)JS寫(xiě)的GBA模擬器
• SegmentFault寫(xiě)的Markdown解析器
• 基于node.js的Ghost博客
• 學(xué)習(xí)react的demos

80. 其他一些推薦

• 那些所倚靠的利器記載
• 如何優(yōu)雅地使用Sublime Text
• sublime text 下的Markdown寫(xiě)作
• 新編碼神器Atom使用紀(jì)要
• Win下最愛(ài)效率神器:AutoHotKey
• Mac必備軟件漸集之ZSH－終極Shell
• Win下必備神器之Cmder
• Vimium~讓您的Chrome起飛