JavaScript前端資源分享

JavaScript前端資源分享

更多資源請Star：https://github.com/maidishike...

文章轉自：https://github.com/maidishike...

歡迎大家star,轉載請註明出處

一. 資源教程:

1. 綜合類

   • 前端知識體系

   • 前端知識結構

   • Web前端開發大系概覽

   • Web前端開發大系概覽-中文版

   • Web Front-end Stack v2.2

   • En類資源彙總

   • 免費的程式設計中文書籍索引

   • 前端書籍

   • 前端免費書籍大全

   • 免費的程式設計中文書籍索引

   • 智慧社 - 精通JavaScript開發

   • 重新介紹 JavaScript（JS 教程）

   • 麻省理工學院公開課：電腦科學及程式設計導論

   • JavaScript中的this陷阱的最全收集--沒有之一

   • JS函數語言程式設計指南

   • JavaScript Promise迷你書（中文版）

   • 騰訊移動Web前端知識庫

   • Front-End-Develop-Guide 前端開發指南

   • 前端開發筆記本

   • 大前端工具集 - 聶微東

   • 前端開發者手冊

   • 前端開發者手冊

   • JavaScript 資源大全中文版

   • 伯樂線上 - 資源大全

   • 伯樂線上 - 前端資源庫

2. 入門類

   • 前端入門教程

   • 瘳雪峰的Javascript教程

   • jQuery基礎教程

   • 前端工程師必備的PS技能——切圖篇

   • 結合個人經歷總結的前端入門方法

3. 效果類

   • 彈出層

   • 焦點圖輪播特效

4. 工具類

   • css sprite 雪碧圖製作

   • 版本控制入門 – 搬進 Github

   • Grunt-beginner前端自動化工具

5. 慕課專題

   • 張鑫旭 - 慕課系列

   • lyn - 慕課系列

   • 艾倫 - 慕課系列

   • 碧仔 - Hello，移動WEB

   • haorooms - js/jquery寬高介紹

6. 週刊類

   • 百度FEX技術週刊

   • 平安科技移動開發二隊技術週報

   • 360奇舞週刊

二. API:

1. 總目錄

1. 開發中心

   • mozilla js參考

   • chrome開發中心（chrome的核心已轉向blink）

   • safari開發中心

   • microsoft js參考.aspx)

   • js秘密花園

   • js秘密花園

   • w3help 綜合Bug集合網站

2. 綜合搜尋

   • javascripting

   • 各種流行庫搜尋

3. 綜合API

   • runoob.com-包含各種API集合

   • 開源中國線上API文件合集

   • devdocs 英文綜合API網站

   • devdocs 中文綜合API網站

   • overapi 英文綜合API網站

2. jQuery

• jQuery API 中文文件

• hemin 線上版

• css88 jq api

• css88 jqui api

• 學習jquery

• jquery 原始碼查詢

3. Ecmascript

• Understanding ECMAScript 6 - Nicholas C. Zakas

• exploring-es6

• exploring-es6翻譯

• exploring-es6翻譯後預覽

• 阮一峰 es6

• 阮一峰 Javascript

• ECMA-262，第 5 版

• es5

4. Js template

• template-chooser

• artTemplate

• tomdjs

• 淘寶模板juicer模板

• Fxtpl v1.0 繁星前端模板引擎

• laytpl

• mozilla - nunjucks

• Juicer

• dustjs

• etpl

• twitter-tpl

5. 彈出層

• artDialog 最新版

• artDialog 文件

• google code 下載地址

• 賢心彈出層

• 響應式使用者互動元件庫

• sweetalert-有css3動畫彈出層

6. CSS

• CSS 語法參考

• CSS3動畫手冊

• alloyteam - CSS3 UI 庫

• 騰訊css3動畫製作工具

• 志爺css小工具集合

• css3 js 移動大雜燴

• bouncejs 觸控庫

• css3 按鈕動畫

• animate.css

• [全域性CSS的終結(狗帶) [譯]](http://www.alloyteam.com/2015...

• ANIMATION - 大漠

• css選擇器

7. Angularjs

• Angular.js 的一些學習資源

• angularjs中文社群

• Angular Style Guide

• 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學習筆記

• UI Bootstrap - AngularJS directives specific to Bootstrap

• NG Bootstrap - Angular 2 directives specific to Bootstrap 4

8. React

• react海量資源

• react.js 中文論壇

• react.js 官方網址

• react.js 官方文件

• react.js material UI

• react.js TouchstoneJS UI

• react.js amazeui UI

• React 入門例項教程 - 阮一峰

• React Native 中文版

• Webpack 和 React 小書 - 前端亂燉

• Webpack 和 React 小書 - gitbook

• React原創實戰影片教程

• React 入門教程

• react-webpack-starter

• 基於react元件化開發

• React 程式設計規範(by Airbnb)

• React Webpack小說

• ant.design

9. 移動端API

1. API

   • 99移動端知識集合

   • 移動端前端開發知識庫

   • 移動前端的一些坑和解決方法（外觀表現）

   • 【原】移動web資源整理

   • zepto 1.0 中文手冊

   • zepto 1.0 中文手冊

   • zepto 1.1.2

   • zepto 中文註釋

   • jqmobile 手冊

   • 移動瀏覽器開發集合

   • 移動開發大雜燴

   • 微信webview中的一些問題

2. 框架

   • 特色的HTML框架可以建立精美的iOS應用

   • 淘寶SUI

10. avalon

• avalonjs

• Avalon新一代UI庫： OniUI

• avalon.oniui-基於avalon的元件庫

11. Requriejs

• Javascript模組化程式設計（一）：模組的寫法

• Javascript模組化程式設計（二）：AMD規範

• Javascript模組化程式設計（三）：require.js的用法

• RequireJS入門（一）

• RequireJS入門（二）

• RequireJS進階（三）

• requrie原始碼學習

• requrie 入門指南

• requrieJS 學習筆記

• requriejs 其一

• require backbone結合

12. Seajs

• seajs

• seajs 中文手冊

• JavaScript模組化開發庫之SeaJS

13. Less,sass

• sass

• sass教程-sass中國

• Sass 中文文件

• less

14. Markdown

• Markdown 語法說明 (簡體中文版)

• markdown入門參考

• gitbook 國外的線上markdown可編輯成書

• mdeditor 一款國內的線上markdown編輯器

• stackedit 國外的線上markdown編輯器，功能強大，同步雲盤

• mditor 一款輕量級的markdown編輯器

• lepture-editor

• markdown-editor

• Markdown 線上編輯器

15. D3

• d3 Tutorials

• Gallery

• lofter

• iteye

• ruanyifeng

16. 相容性

• esma 相容列表

• W3C CSS驗證服務

• caniuse

• csscreator

• microsoft.aspx)

• 線上測相容-移動端

• emulators

17. UI相關

• bootcss

• MetroUICSS

• semantic

• Buttons

• kitecss

• pintuer

• amazeui

• worldhello

• linuxtoy

• gitmagic

• rogerdudler

• gitref

• book

• gogojimmy

18. HTTP

• HTTP API 設計指南

19. 其它API

• javascript流行庫彙總

• 驗證api

• underscore 中文手冊

• underscore原始碼分析

• underscore原始碼分析-亞里士朱德的部落格

• underscrejs en api

• lodash - underscore的代替品

• ext4api

• backbone 中文手冊

• qwrap手冊

• 緩動函式

• svg 中文參考

• svg mdn參考

• svg 匯出 canvas

• svg 匯出 png

• ai-to-svg

• localStorage 庫

20. 圖表類

• Highcharts 中文API

• Highcharts 英文API

• ECharts 百度的圖表軟體

• 高德地圖

• 開源的向量圖指令碼框架

• svg 地圖

• jQuery Vector Map Library

21. vue

• Vue

• Vue 論壇

• Vue 入門指南

• Vue 的一些資源索引

21. 正則

• JS正規表示式元字元

• 正規表示式30分鐘入門教程

• MDN-正規表示式

• ruanyifeng - RegExp物件

• 小鬍子哥 - 進階正規表示式

• is.js

• 正則線上測試

• haorooms正則文章

22. ionic

• ionic

23. 其它

• Mock.js 是一款模擬資料生成器

• jsdoc 註釋生成 - apidocjs

七. 開發規範

1. 前端

   • 透過分析github程式碼庫總結出來的工程師程式碼書寫習慣

   • HTML&CSS編碼規範 by @mdo

   • 前端編碼規範之js - by yuwenhui

   • 前端編碼規範之js - by 李靖

   • 前端開發規範手冊

   • Airbnb JavaScript 編碼規範（簡體中文版）

   • AMD與CMD規範的區別

   • AMD與CMD規範的區別

   • KISSY 原始碼規範

   • bt編碼規範

   • 規範加強版

   • 前端程式碼規範 及 最佳實踐

   • 百度前端規範

   • 百度前端規範

   • 百度前端規範

   • ECMAScript6 編碼規範--廣發證券前端團隊

   • JavaScript 風格指南/編碼規範（Airbnb公司版）

   • 網易前端開發規範

   • css模組

   • 前端規範資源列表

   • 前端JavaScript規範

2. Nodejs

   • Node.js 風格指南

3. PHP

   • 最流行的PHP 程式碼規範

   • 最流行的PHP 程式碼規範

4. Android

   • 【敏捷開發】Android團隊開發規範

   • Android 開發規範與應用

5. IOS

   • Swift Style Guide

八. 其它收集

1. 各大公司開源專案

• Facebook

  • Facebook Projects

• 百度 Baidu

  • 百度web前端研發部

  • 百度EFE

  • 百度github

• 騰訊 qq

  • alloyteam

  • alloyteam-github

  • alloyteam-AlloyGameEngine

  • AlloyDesigner 即時修改，即時儲存，設計稿較正，其它開發輔助工具

  • H5互動頁編輯器AEditor介紹 H5動畫互動頁開發的工具介紹

  • AEditor H5動畫互動頁開發的工具

  • 騰訊html5

  • 騰訊開源專案

• 奇舞團

  • 奇舞團開源專案

• 去哪兒

  • Qunar UED

• 其它

  • maka

  • 值得訂閱的weekly

2. Javascript

1. 常用

   • ieBetter.js-讓IE6-IE8擁有IE9+,Chrome等瀏覽器特性

   • 模擬鍵盤

   • 拼音

   • 中國個人身份證號驗證

2. 演算法

   • 資料結構與演算法 JavaScript 描述. 章節練習

   • 常見排序演算法（JS版）

   • 經典排序

   • 常見排序演算法-js版本

   • JavaScript 演算法與資料結構 精華集

   • 面試常考演算法題精講

3. 移動端

   • fastclick

   • no-click-delay

4. JSON

   • 模擬生成JSON資料

   • 返回跨域JSONAPI

3. Html5

• HTML5 有哪些讓你驚豔的 demo？

• html5 Canvas畫圖系列教程目錄

4. CSS

• browserhacks

5. jQuery

1. 焦點圖

   • myfocus

   • myfocus-官方演示站

   • SuperSlidev2.1 -- 大話主席

   • soChange

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

1. Ext

   • extjs

   • ext4英文api

   • ext4中文api

2. EasyUI

   • jquery easyui 未壓縮原始碼

3. J-UI

   • J-UI

4. Other

   • MUI-最接近原生APP體驗的高效能前端框架

   • Amaze UI | 中國首個開源 HTML5 跨屏前端框架

   • 淘寶 HTML5 前端框架

   • KISSY - 阿里前端JavaScript庫

   • 網易Nej - Nice Easy Javascript

   • Kendo UI MVVM Demo

   • Bootstrap

   • Smart UI

   • 雅虎UI - CSS UI

7. 頁面 社會化 分享功能

• 百度分享 pc端

• JiaThis pc端

• 社會化分享元件 移動端

• ShareSDK 輕鬆實現社會化功能 移動端

• 友盟分享 移動端

• addthis 國外社交分享

• 一鍵分享到各種SNS

8. 富文字編輯器

• 百度 ueditor

• 經典的ckeditor

• 經典的kindeditor

• wysiwyg

• 一個有情懷的編輯器。Bach's Editor

• tower用的編輯器

• summernote 編輯器

• html5編輯器

• XEditor

• wangEditor

• wangEditor-mobile--移動端編輯器

• Trumbowyg - 輕量編輯器

• 國外的一款編輯器 - tinymce

9. 日曆

1. PC

   • 經典my97

   • 強大的獨立日期選擇器

   • fullcalendar

   • fullcalendar日曆控制元件知識點集合

   • 中文api

   • 農曆日曆

   • 超酷的仿百度帶節日日曆老黃曆控制元件

   • 日期格式化

   • 大牛日曆控制元件

   • 我群某管理作品

   • input按位替換-官網

   • input按位替換-github

   • bootstrap-daterangepicker

   • 國外30個外掛集合

   • JavaScript datepicker

   • Datepair.js

   • 一個風格多樣的日曆

   • 彈出層式的全日曆

   • jquery雙日曆

   • bootstrap-datetimepicker/

   • 賢心-laydate

   • Pikaday-微型日曆

   • AngularJS datepicker directives

   • 周選擇日曆外掛

2. 移動

   • 大氣實用jQuery手機移動端日曆日期選擇外掛

   • jQuery Mobile 移動開發中的日期外掛Mobiscroll

3. Date library

   • Datejs

   • sugarjs

10. 綜合效果搜尋平臺

• 效果網

• 17素材

• 常用的JavaScript程式碼片段

11. 前端工程化

1. 概述

   • 前端工具大全

   • 什麼是前端工程化

2. Gulp

   • Gulp官網

   • Gulp中文網

   • gulp資料收集

   • Gulp：任務自動管理工具 - ruanyifeng

   • Gulp外掛

   • Gulp不完全入門教程

   • 為什麼使用gulp?

   • Gulp安裝及配合元件構建前端開發一體化

   • Gulp 入門指南

   • Gulp 入門指南 - nimojs

   • Gulp入門教程

   • Gulp in Action

   • Gulp開發教程（翻譯）

   • 前端構建工具gulpjs的使用介紹及技巧

3. Grunt

   • gruntjs

   • Grunt中文網

   • Grunt入門教程

4. Fis

   • fis 官網

   • fis

5. webpack

   • webpack

   • Webpack 中文指南

   • Webpack，101入門體驗

   • webpack入門教程

   • 基於webpack搭建前端工程解決方案探索

   • Webpack傻瓜式指南（一）

   • Webpack指南

   • webpack指南

   • webpack 教程資源收集

12. 輪播圖

1. pc圖輪

   • 單屏輪播sochange

   • 左右按鈕多圖切換

   • fullpage全屏輪播

   • haorooms資源庫輪播大全

2. 移動端

   • 無縫切換

   • 滑屏效果

   • 全屏fullpage

   • 單個圖片切換

   • 單個全屏切換

   • 百度的切換庫

   • 單個全屏切換

   • 滑屏效果

   • 旋轉拖動設定

   • 類似於swipe切換

   • 支援多種形式的觸控滑動

   • 滑屏效果

   • 大話主席pc移動圖片輪換

   • 滑屏效果

   • 基於zepto的fullpage

   • [[WebApp]定寬網頁設計下，固定寬度佈局開發WebApp並實現多終端下WebApp佈局自適應](http://www.cnblogs.com/plums/...

   • 判斷微信客戶端的那些坑

   • 可以透過javascript直接呼叫原生分享的工具

   • JiaThis 分享到微信程式碼

   • 聊聊移動端跨平臺開發的各種技術

   • 前端自動化測試

   • 多種輪換圖片

   • 滑動側邊欄

13. 檔案上傳

• 百度上傳元件

• 上傳

• flash 頭像上傳

• 圖片上傳預覽

• 圖片裁剪

• 圖片裁剪-shearphoto

• jQuery圖片處理

• 檔案上傳

14. 模擬select

• 糖餅 select

• flexselect

• 雙select

• select2

15. 取色外掛

• 類似 Photoshop 的介面取色外掛

• jquery color

• 取色外掛集合

• farbtastic 圓環＋正方形

16. 城市聯動

• jquery.cityselect.js基於jQuery+JSON的省市或自定義聯動效果

• 移動端省市三級聯動demo

17. 剪貼簿

• 剪貼簿

• clipboard 最新的剪下方案

18. 簡繁轉換

• 簡繁轉換

19. 表格 Grid

• facebook表格

• 類似於Excel編輯表格-handsontable

• bootstrap-table外掛

• datatables

• 不錯的Grid

20. 線上演示

• js 線上編輯 - runjs

• js 線上編輯 - jsbin

• js 線上編輯 - codepen

• js 線上編輯 - jsfiddle

• phpfiddle

• java 線上編輯 - ideone

• js 線上編輯 - hcharts

• js 線上編輯 - jsdm

• sql 線上編輯 - sqlfiddle

• mozilla 線上編輯器

21. 播放器

• Html5 VideoPlayer

22. 粒子動畫

• Proton 煙花

23. 表單驗證

• Validform

• formvalidator

• jQuery formValidator

• 表單驗證完美解決方案

24. 表單美化

• 美化checkbox

九. Nodejs

• Node.js 包教不包會

• 篇幅比較少

• node express 入門教程

• nodejs定時任務

• 一個nodejs部落格

• 【NodeJS 學習筆記04】新聞釋出系統

• 過年7天樂，學nodejs 也快樂

• 七天學會NodeJS

• Nodejs學習筆記（二）--- 事件模組

• nodejs入門

• angularjs nodejs

• 從零開始nodejs系列文章

• 理解nodejs

• nodejs事件輪詢

• node入門

• nodejs cms

• Node初學者入門，一本全面的NodeJS教程

• NodeJS的程式碼除錯和效能調優

• runs Node.js programs through Chromium DevTools

十. 效能最佳化

1. 常規最佳化

   • Javascript高效能動畫與頁面渲染

   • 移動H5前端效能最佳化指南

   • 5173首頁前端效能最佳化實踐

   • 給網頁設計師和前端開發者看的前端效能最佳化

   • 複雜應用的 CSS 效能分析和最佳化建議

   • 張鑫旭——前端效能

   • 前端效能監控總結

   • 網站效能最佳化之CSS無圖片技術

   • web前端效能最佳化進階路

   • 前端技術：網站效能最佳化之CSS無圖片技術

   • 瀏覽器的載入與頁面效能最佳化

   • 頁面載入中的圖片效能最佳化

   • Hey——前端效能

   • html最佳化

   • 99css——效能

   • Yslow——效能最佳化

   • YSLOW中文介紹

   • 轉一篇Yahoo關於網站效能最佳化的文章，兼談本站要做的最佳化

   • Yahoo!團隊實踐分享：網站效能

   • 網站效能最佳化指南：什麼使我們的網站變慢？

   • 網站效能最佳化實踐，減少載入時間，提高使用者體驗

   • 淺談網站效能最佳化 前端篇

   • 前端重構實踐之如何對網站效能最佳化？

   • 前端效能最佳化：使用媒體查詢載入指定大小的背景圖片

   • 網站效能系列博文

   • 載入，不只是少一點點

   • 前端效能的測試與最佳化

   • 分享網頁載入速度最佳化的一些技巧？

   • 頁面載入中的圖片效能最佳化

   • web前端最佳化(基於Yslow)

   • 網站效能最佳化工具大全

   • 【高效能前端1】高效能HTML

   • 【高效能前端2】高效能CSS

   • 由12306談談網站前端效能和後端效能最佳化

   • AlloyTeam——前端最佳化

   • 毫秒必爭，前端網頁效能最佳實踐

   • 網站效能工具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 載入期最佳化)

   • 前端效能最佳化補充篇

2. 最佳化工具

   • JavaScript 效能分析新工具 OneProfile

   • JavaScript 堆記憶體分析新工具 OneHeap

3. 線上工具

   • google線上工具

   • 阿里測

   • 阿里-免費測試服務

   • 阿里-F2etest多瀏覽器相容性測試解決方案

   • js效能測試

   • 輕鬆玩轉PDF

十一. 前端架構

• 技術架構

• 前端架構

• 如何成為前端架構師

• 關於前端架構-張克軍

• 百度騰訊offer比較（騰訊遊戲VS百度基礎架構）

十二. 個人作品

1. 推薦作品

• winter程式碼片段需要翻牆

• fgm

• 岑安作品集

• 當耐特demo集合

• 米空格 js作品

• myFocus

• SeaJS元件庫

• 顏海鏡作品

• 腳兒網作品

• javascript個人作品

• 妙味的雷東昇遊戲作品

• javascript作品集

• 雲五筆，灰度產生生成工具

• 專案主頁

• 個性的作品主頁

• ucren js demos 集

• 智慧社

• 例項陳列架

• zoye demo

• 王員外

• 平凡

• jyg 遊戲案例

• 很多jquery外掛

• 不羈蟲 - soJs 作品系列

• frozenui

• 黑白棋

• fromone

2. 群員作品

• [MDialog - [合肥-M.J]](http://demo.webjyh.com/)

• [輪播圖 - [上海－冷靜]](http://sandbox.runjs.cn/show/... )

• [[廣州—堅殼]](http://www.replace5.com/)

• [[成都 - 無痕]　感恩節專題](http://www.seejs.com/demos/)

• [[球霸天]](http://hacke2.github.io/works)

• [[北京-小數]](http://www.cnblogs.com/mcat/)

• [[ptf] Magix 工具](http://thx.github.io/magix/)

• [[杭州-Pft] Magix 基於 MVC 結構和 Hash 驅動的 OPOA（One Page One Application）應用](http://thx.github.io/magix/)

• [[上海-劇中人]-實驗室](http://bh-lay.com/labs/)

• [[上海-豪情 ] 作品集合](http://jikeytang.github.io)

• [[成都-feeling]](http://guoshan.sinaapp.com/)

• [[上海-angela]](http://www.cnblogs.com/liyunh...

• [[海南-hank]作品](http://hcjp.github.io/work/de...

• [[上海-張力]部落格](https://github.com/yibuyishen...

• [[上海-zenki]作品](http://zkske121.github.io/)

• 移動端圖案解鎖

• [[合肥-M.J] - MPreview 移動端圖片預覽組](https://github.com/webjyh/MPr...

• [[合肥-M.J] - Mexam 移動端線上做題組](https://github.com/webjyh/Mexam)

• [[北京-蘇瑞] - dancer小人](http://letyougo.github.io/dan...

• [[上海-玄沐]- 個人網站](http://k.swao.cn/js/)

• [[廈門-二哲]- 個人部落格](http://www.meckodo.com/)

3. 國外大牛精品

• pazguille

十三. 簡歷

1. 生成

   • MarkDown線上簡歷工具

   • MarkDown線上簡歷工具

2. 模板

   • 簡歷

   • 張倫

   • 簡歷

   • 翁天信

   • 動畫方式的簡歷

   • 元件豐富簡歷

   • 簡歷池

   • haorooms部落格

   • Justin Young

   • 各個程式設計師簡歷模板

十四. 面試題

• 前端

  1. 那幾個月在找工作（百度，網易遊戲）

  2. 名企筆試大全

  3. 2016校招內推 -- 阿里巴巴前端 -- 三面面試經歷

  4. 年後跳槽那點事：樂視+金山+360面試之行

  5. 拉勾網js面試題

  6. 前端面試

  7. 前端開發面試題

  8. 百度面試

  9. 前端工作面試問題

  10. 前端開發面試題

  11. 5個經典的前端面試問題

  12. 如何面試一名前端開發工程師？

  13. 前端實習生面試總結

  14. 史上最全 前端開發面試問題及答案整理

  15. BAT及各大網際網路公司2014前端筆試面試題：JavaScript篇

  16. 前端開發面試題大收集

  17. 收集的前端面試題和答案

  18. 如何面試前端工程師

  19. 前端開發面試題

  20. 牛客網-筆試面經

  21. Front End Developer Questions

  22. 40 個重要的 HTML5 面試問題及答案

• java

  • [Java工程師筆試題整理[校招篇]](https://zhuanlan.zhihu.com/p/...

十五. iconfont

• 中文字型

• 淘寶字型檔

• 字型

• 製作教程

• zhangxinxu-icommon

• icommon

• 用字型在網頁中畫ICON圖示(推薦教程)

• 字型壓縮工具 感謝初級群　[深圳-小魚] 的推薦

十六. 開發工具類

1. 前端開發工具

   • IntelliJ IDEA 簡體中文專題教程

   • Webstorm,InterllIdea,Phpstorm

   • SublimeText

   • Atom

   • Atom飛行手冊（中文版）

   • Atom-vue程式碼高亮

   • visual studio code

   • visual studio code 使用指南

2. Chrome, Firebug, Filddle 除錯

   1. Fiddler

      • Fiddler調式使用知多少(一)深入研究

      • 微信fiddle

      • 微信fiddle

   2. 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 profiles2

      • chrome profiles3

      • chrome移動版除錯

      • chrome除錯

      • chrome的除錯

      • chrome console 命令詳解

      • 檢視事件繫結1

      • 檢視事件繫結2

      • 神器——Chrome開發者工具(一)

      • 奇趣百科效能最佳化(Chrome DevTools 中的 Timeline Profils 等工具使用介紹)

      • chrome 開發者工具的 15 個小技巧

      • Chrome開發者工具不完全指南

      • Chrome 開發者工具使用技巧

      • Chrome渲染分析之Rendering工具使用(1)

      • Chrome渲染分析之Rendering工具使用(2)

      • Chrome渲染分析之Rendering工具使用(3)

      • 像 Sublime Text 一樣使用 Chrome DevTools

      • Chorme 35個開發者工具的小技巧

      • Chrome 實用除錯技巧

   3. Firebug

      • firebug影片教程

      • firefox 模擬器

      • console.log 命令詳解

      • Firebug入門指南

      • Firebug控制檯詳解

      • []()

   4. 移動,微信除錯

      • 微信除錯的那些事

      • 微信除錯官網

      • 微信公眾號本地除錯

      • 微信、手Q、Qzone之x5核心inspect除錯解決方案

      • 瀏覽器端除錯安卓

      • 移動端前端開發除錯

      • 使用 Chrome 遠端除錯 Android 裝置

      • mac移動端除錯

      • mac移動端除錯

      • 無線除錯攻略

      • 無線除錯攻略

      • 屌爆了,完美除錯 微信webview(x5)

      • 遠端console

      • 微信除錯工具

      • 各種真機遠端除錯方法彙總

      • 手機測試自己寫的web頁面

   5. iOS Simulator

      • Simulator

      • Xcode中的iOS模擬器(iOS Simulator)的介紹和使用心得

3. img

   • loading img

   • 智圖-圖片最佳化平臺

   • 線上png最佳化

4. 生成二維碼

   • 生成二維碼

5. 瀏覽器同步

   • puer

   • liveReload

   • f5

   • File Watchers

6. 線上PPT製作

   • nodePPT

   • PPT

   • reveal

   • slippy

十七. 前端導航網站

• 前端導航

• 前端網址導航

• 前端名錄

• 前端導航

• 前端開發資源

• 前端開發倉庫 - 眾多效果的收集地

• 前端資源導航

• F2E 前端導航

• 前端收藏夾

• 前端導航

• 前端工具箱

• 前端人俱樂部-靈感_Idea

• haorooms前端導航

十八. 常用CDN

• 新浪CDN

• 百度靜態資源公共庫

• 360網站衛士常用前端公共庫CDN服務

• Bootstrap中文網開源專案免費 CDN 服務

• 開放靜態檔案 CDN - 七牛

• CDN加速 - jq22

• jQuery CDN

• Google jQuery CDN

• 微軟CDN

十九. Git,SVN,Github

1. Git

   • git-scm

   • 廖雪峰-Git教程

   • git-for-windows

   • GitHub 新增 SSH keys

   • gogithub

   • git常規命令練習

   • git的資料整理

   • 我所記錄的git命令（非常實用）

   • 企業開發git工作流模式探索部分休整

   • GitHub 漫遊指南

   • GitHub秘籍

   • 使用git和github進行協同開發流程

   • 動畫方式練習git

   • 版本管理工具介紹—Git篇

   • 版本控制入門 – 搬進 Github

   • Git動畫演示

2. SVN

   • 版本管理工具介紹---SVN篇