WEB前端要學(xué)些什么?WEB前端學(xué)習(xí)路線(xiàn)困乒!WEB前端從入門(mén)到精通

免客套,直接上料!

.資源教程:

綜合類(lèi)

前端知識(shí)體系

前端知識(shí)結(jié)構(gòu)

Web前端開(kāi)發(fā)大系概覽

Web前端開(kāi)發(fā)大系概覽-中文版

Web Front-end Stack v2.2

En類(lèi)資源匯總

免費(fèi)的編程中文書(shū)籍索引

前端書(shū)籍

前端免費(fèi)書(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è)

前端開(kāi)發(fā)者手冊(cè)

JavaScript資源大全中文版

Awesomes -前端資源庫(kù)

入門(mén)類(lèi)

前端入門(mén)教程

瘳雪峰的Javascript教程

jQuery基礎(chǔ)教程

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

結(jié)合個(gè)人經(jīng)歷總結(jié)的前端入門(mén)方法

效果類(lèi)

彈出層

焦點(diǎn)圖輪播特效

工具類(lèi)

css

sprite雪碧圖制作

版本控制入門(mén)–搬進(jìn)Github

Grunt-beginner前端自動(dòng)化工具

慕課專(zhuān)題

張?chǎng)涡?慕課系列

lyn -慕課系列

艾倫-慕課系列

周刊類(lèi)

百度FEX技術(shù)周刊

平安科技移動(dòng)開(kāi)發(fā)二隊(duì)技術(shù)周報(bào)

360奇舞周刊

. API:

1.總目錄

開(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)站

綜合搜索

javascripting

各種流行庫(kù)搜索

綜合API

runoob.com-包含各種API集合

開(kāi)源中國(guó)在線(xiàn)API文檔合集

devdocs英文綜合API網(wǎng)站

devdocs中文綜合API網(wǎng)站

overapi英文綜合API網(wǎng)站

2. jQuery

jQuery

API中文文檔

hemin在線(xiàn)版

css88

jq api

css88 jqui api

學(xué)習(xí)jquery

jquery源碼查找

3. Ecmascript

Understanding ECMAScript 6 - Nicholas C. Zakas

exploring-es6

exploring-es6翻譯

exploring-es6翻譯后預(yù)覽

阮一峰e(cuò)s6

阮一峰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下載地址

賢心彈出層

響應(yīng)式用戶(hù)交互組件庫(kù)

sweetalert-有css3動(dòng)畫(huà)彈出層

6. CSS

CSS語(yǔ)法參考

CSS3動(dòng)畫(huà)手冊(cè)

alloyteam

- CSS3 UI庫(kù)

騰訊css3動(dòng)畫(huà)制作工具

志爺css小工具集合

css3 js移動(dòng)大雜燴

bouncejs觸摸庫(kù)

css3按鈕動(dòng)畫(huà)

animate.css

全局CSS的終結(jié)(狗帶) [譯]

ANIMATION -大漠

7. Angularjs

Angular.js的一些學(xué)習(xí)資源

angularjs中文社區(qū)

Angular Style Guide

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在線(xiàn)教程

angular學(xué)習(xí)筆記

UI Bootstrap - AngularJS directives specific to

Bootstrap

NG Bootstrap - Angular 2 directives specific to

Bootstrap 4

8. React

react海量資源

react.js中文論壇

react.js官方網(wǎng)址

react.js官方文檔

react.js

material UI

react.js

TouchstoneJS UI

react.js

amazeui UI

React入門(mén)實(shí)例教程-阮一峰

React Native中文版

Webpack和React小書(shū)-前端亂燉

Webpack和React小書(shū)- gitbook

React原創(chuàng)實(shí)戰(zhàn)視頻教程

React入門(mén)教程

react-webpack-starter

基于react組件化開(kāi)發(fā)

React編程規(guī)范(by

Airbnb)

React Webpack小說(shuō)

9.移動(dòng)端API

API

99移動(dòng)端知識(shí)集合

移動(dòng)端前端開(kāi)發(fā)知識(shí)庫(kù)

移動(dòng)前端的一些坑和解決方法(外觀(guān)表現(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ā)大雜燴

微信webview中的一些問(wèn)題

框架

特色的HTML框架可以創(chuàng)建精美的iOS應(yīng)用

淘寶SUI

10. avalon

avalonjs

Avalon新一代UI庫(kù):OniUI

avalon.oniui-基于avalon的組件庫(kù)

11. 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é)合

12. Seajs

seajs

seajs中文手冊(cè)

13. Less,sass

sass

sass教程-sass中國(guó)

Sass中文文檔

less

14. Markdown

Markdown語(yǔ)法說(shuō)明(簡(jiǎn)體中文版)

markdown入門(mén)參考

gitbook國(guó)外的在線(xiàn)markdown可編輯成書(shū)

mdeditor一款國(guó)內(nèi)的在線(xiàn)markdown編輯器

stackedit國(guó)外的在線(xiàn)markdown編輯器,功能強(qiáng)大壹甥,同步云盤(pán)

mditor一款輕量級(jí)的markdown編輯器

lepture-editor

markdown-editor

Markdown在線(xiàn)編輯器

15. D3

d3 Tutorials

Gallery

lofter

iteye

ruanyifeng

16.兼容性

esma兼容列表

W3C CSS驗(yàn)證服務(wù)

caniuse

csscreator

microsoft

在線(xiàn)測(cè)兼容-移動(dòng)端

emulators

17. UI相關(guān)

bootcss

MetroUICSS

semantic

Buttons

kitecss

pintuer

amazeui

worldhello

linuxtoy

gitmagic

rogerdudler

gitref

book

gogojimmy

18. HTTP

HTTP API設(shè)計(jì)指南

19.其它API

javascript流行庫(kù)匯總

驗(yàn)證api

underscore中文手冊(cè)

underscore源碼分析

underscore源碼分析-亞里士朱德的博客

underscrejs

en api

lodash -

underscore的代替品

ext4api

backbone中文手冊(cè)

qwrap手冊(cè)

緩動(dòng)函數(shù)

svg中文參考

svg mdn參考

svg導(dǎo)出canvas

svg導(dǎo)出png

ai-to-svg

localStorage庫(kù)

20.圖表類(lèi)

Highcharts中文API

Highcharts英文API

ECharts百度的圖表軟件

高德地圖

開(kāi)源的矢量圖腳本框架

svg地圖

jQuery

Vector Map Library

21. vue

Vue

Vue論壇

Vue入門(mén)指南

Vue的一些資源索引

21.正則

JS正則表達(dá)式元字符

正則表達(dá)式30分鐘入門(mén)教程

MDN-正則表達(dá)式

ruanyifeng - RegExp對(duì)象

小胡子哥-進(jìn)階正則表達(dá)式

is.js

正則在線(xiàn)測(cè)試

22. ionic

ionic

23.其它

Mock.js是一款模擬數(shù)據(jù)生成器

jsdoc注釋生成- apidocjs

.開(kāi)發(fā)規(guī)范

前端

通過(guò)分析github代碼庫(kù)總結(jié)出來(lái)的工程師代碼書(shū)寫(xiě)習(xí)慣

HTML&CSS編碼規(guī)范by @mdo

前端編碼規(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ī)范資源列表

前端JavaScript規(guī)范

Nodejs

Node.js風(fēng)格指南

PHP

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

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

Android

【敏捷開(kāi)發(fā)】Android團(tuán)隊(duì)開(kāi)發(fā)規(guī)范

Android開(kāi)發(fā)規(guī)范與應(yīng)用

IOS

Swift Style Guide

.其它收集

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

Facebook

Facebook Projects

百度Baidu

百度web前端研發(fā)部

百度EFE

百度github

騰訊qq

alloyteam

alloyteam-github

alloyteam-AlloyGameEngine

AlloyDesigner即時(shí)修改溯职,即時(shí)保存缸榄,設(shè)計(jì)稿較正甚带,其它開(kāi)發(fā)輔助工具

H5交互頁(yè)編輯器AEditor介紹H5動(dòng)畫(huà)交互頁(yè)開(kāi)發(fā)的工具介紹

AEditorH5動(dòng)畫(huà)交互頁(yè)開(kāi)發(fā)的工具

騰訊html5

騰訊開(kāi)源項(xiàng)目

奇舞團(tuán)

奇舞團(tuán)開(kāi)源項(xiàng)目

去哪兒

Qunar

UED

其它

maka

值得訂閱的weekly

2. Javascript

常用

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

模擬鍵盤(pán)

拼音

中國(guó)個(gè)人身份證號(hào)驗(yàn)證

算法

數(shù)據(jù)結(jié)構(gòu)與算法JavaScript描述.章節(jié)練習(xí)

常見(jiàn)排序算法(JS版)

經(jīng)典排序

常見(jiàn)排序算法-js版本

JavaScript算法與數(shù)據(jù)結(jié)構(gòu)精華集

面試常考算法題精講

移動(dòng)端

fastclick

no-click-delay

JSON

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

返回跨域JSONAPI

3. Html5

HTML5有哪些讓你驚艷的demo碉输?

html5 Canvas畫(huà)圖系列教程目錄

4. CSS

browserhacks

5. jQuery

焦點(diǎn)圖

myfocus

myfocus-官方演示站

SuperSlidev2.1

–大話(huà)主席

soChange

6. Ext, EasyUI,

J-UI及其它各種UI方案

Ext

extjs

ext4英文api

ext4中文api

EasyUI

jquery easyui未壓縮源代碼

J-UI

J-UI

Other

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

Smart

UI

雅虎UI - CSS UI

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

百度分享pc端

JiaThispc端

社會(huì)化分享組件移動(dòng)端

ShareSDK輕松實(shí)現(xiàn)社會(huì)化功能移動(dòng)端

友盟分享移動(dòng)端

addthis國(guó)外社交分享

8.富文本編輯器

百度ueditor

經(jīng)典的ckeditor

經(jīng)典的kindeditor

wysiwyg

一個(gè)有情懷的編輯器肄梨。Bach’s Editor

tower用的編輯器

summernote編輯器

html5編輯器

XEditor

wangEditor

wangEditor-mobile–移動(dòng)端編輯器

Trumbowyg

-輕量編輯器

國(guó)外的一款編輯器- tinymce

9.日歷

PC

經(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雙日歷

bootstrap-datetimepicker/

賢心-laydate

Pikaday-微型日歷

AngularJS datepicker directives

移動(dòng)

大氣實(shí)用jQuery手機(jī)移動(dòng)端日歷日期選擇插件

jQuery

Mobile移動(dòng)開(kāi)發(fā)中的日期插件Mobiscroll

Date library

Datejs

sugarjs

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

效果網(wǎng)

17素材

常用的JavaScript代碼片段

11.前端工程化

概述

前端工具大全

什么是前端工程化

Gulp

Gulp官網(wǎng)

Gulp中文網(wǎng)

gulp資料收集

Gulp:任務(wù)自動(dòng)管理工具- ruanyifeng

Gulp插件

Gulp不完全入門(mén)教程

為什么使用gulp?

Gulp安裝及配合組件構(gòu)建前端開(kāi)發(fā)一體化

Gulp入門(mén)指南

Gulp入門(mén)指南- nimojs

Gulp入門(mén)教程

Gulp

in Action

Gulp開(kāi)發(fā)教程(翻譯)

前端構(gòu)建工具gulpjs的使用介紹及技巧

Grunt

gruntjs

Grunt中文網(wǎng)

Fis

fis官網(wǎng)

fis

webpack

webpack

Webpack中文指南

Webpack侨赡,101入門(mén)體驗(yàn)

webpack入門(mén)教程

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

Webpack傻瓜式指南(一)

Webpack指南

webpack指南

12.輪播圖

pc圖輪

單屏輪播sochange

左右按鈕多圖切換

fullpage全屏輪播

移動(dòng)端

無(wú)縫切換

滑屏效果

全屏fullpage

單個(gè)圖片切換

單個(gè)全屏切換

百度的切換庫(kù)

單個(gè)全屏切換

滑屏效果

旋轉(zhuǎn)拖動(dòng)設(shè)置

類(lèi)似于swipe切換

支持多種形式的觸摸滑動(dòng)

滑屏效果

大話(huà)主席pc移動(dòng)圖片輪換

滑屏效果

基于zepto的fullpage

[WebApp]定寬網(wǎng)頁(yè)設(shè)計(jì)下,固定寬度布局開(kāi)發(fā)WebApp并實(shí)現(xiàn)多終端下WebApp布局自適應(yīng)

判斷微信客戶(hù)端的那些坑

可以通過(guò)javascript直接調(diào)用原生分享的工具

JiaThis分享到微信代碼

聊聊移動(dòng)端跨平臺(tái)開(kāi)發(fā)的各種技術(shù)

前端自動(dòng)化測(cè)試

多種輪換圖片

滑動(dòng)側(cè)邊欄

13.文件上傳

百度上傳組件

上傳

flash頭像上傳

圖片上傳預(yù)覽

圖片裁剪

圖片裁剪-shearphoto

jQuery圖片處理

文件上傳

14.模擬select

糖餅select

flexselect

雙select

select2

15.取色插件

類(lèi)似Photoshop的界面取色插件

jquery color

取色插件集合

farbtastic圓環(huán)+正方形

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

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

17.剪貼板

剪貼板

clipboard最新的剪切方案

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

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

19.表格Grid

facebook表格

類(lèi)似于Excel編輯表格-handsontable

bootstrap-table插件

datatables

不錯(cuò)的Grid

20.在線(xiàn)演示

js在線(xiàn)編輯- runjs

js在線(xiàn)編輯- jsbin

js在線(xiàn)編輯- codepen

js在線(xiàn)編輯- jsfiddle

phpfiddle

java在線(xiàn)編輯- ideone

js在線(xiàn)編輯- hcharts

js在線(xiàn)編輯- jsdm

sql在線(xiàn)編輯- sqlfiddle

mozilla在線(xiàn)編輯器

21.播放器

Html5 VideoPlayer

22.粒子動(dòng)畫(huà)

Proton煙花

23.表單驗(yàn)證

Validform

formvalidator

jQuery formValidator

表單驗(yàn)證完美解決方案

24.表單美化

美化checkbox

. Nodejs

Node.js包教不包會(huì)

篇幅比較少

node express入門(mén)教程

nodejs定時(shí)任務(wù)

一個(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事件輪詢(xún)

node入門(mén)

nodejs cms

Node初學(xué)者入門(mén)鲫售,一本全面的NodeJS教程

NodeJS的代碼調(diào)試和性能調(diào)優(yōu)

runs

Node.js programs through Chromium DevTools

.性能優(yōu)化

常規(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é)

網(wǎng)站性能優(yōu)化之CSS無(wú)圖片技術(shù)

web前端性能優(yōu)化進(jìn)階路

前端技術(shù):網(wǎng)站性能優(yōu)化之CSS無(wú)圖片技術(shù)

瀏覽器的加載與頁(yè)面性能優(yōu)化

頁(yè)面加載中的圖片性能優(yōu)化

Hey——前端性能

html優(yōu)化

99css——性能

Yslow——性能優(yōu)化

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í)間犀概,提高用戶(hù)體驗(yàn)

淺談網(wǎng)站性能優(yōu)化前端篇

前端重構(gòu)實(shí)踐之如何對(duì)網(wǎng)站性能優(yōu)化姻灶?

前端性能優(yōu)化:使用媒體查詢(xún)加載指定大小的背景圖片

網(wǎng)站性能系列博文

加載产喉,不只是少一點(diǎn)點(diǎn)

前端性能的測(cè)試與優(yōu)化

分享網(wǎng)頁(yè)加載速度優(yōu)化的一些技巧?

頁(yè)面加載中的圖片性能優(yōu)化

web前端優(yōu)化(基于Yslow)

網(wǎng)站性能優(yōu)化工具大全

【高性能前端1】高性能HTML

【高性能前端2】高性能CSS

由12306談?wù)劸W(wǎng)站前端性能和后端性能優(yōu)化

AlloyTeam——前端優(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ú)線(xiàn)前端性能優(yōu)化指南(Pt.1加載期優(yōu)化)

優(yōu)化工具

JavaScript性能分析新工具OneProfile

JavaScript堆內(nèi)存分析新工具OneHeap

在線(xiàn)工具

google在線(xiàn)工具

阿里測(cè)

阿里-免費(fèi)測(cè)試服務(wù)

阿里-F2etest多瀏覽器兼容性測(cè)試解決方案

js性能測(cè)試

輕松玩轉(zhuǎn)PDF

.前端架構(gòu)

技術(shù)架構(gòu)

前端架構(gòu)

如何成為前端架構(gòu)師

關(guān)于前端架構(gòu)-張克軍

百度騰訊offer比較(騰訊游戲VS百度基礎(chǔ)架構(gòu))

.不錯(cuò)的作品

1.推薦作品

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

MDialog - [合肥-M.J]

輪播圖- [上海-冷靜]

[廣州—堅(jiān)殼]

[成都-無(wú)痕]感恩節(jié)專(zhuān)題

[球霸天]

[北京-小數(shù)]

[ptf]

Magix工具

[杭州-Pft] Magix基于MVC結(jié)構(gòu)和Hash驅(qū)動(dòng)的OPOA(One

Page One Application)應(yīng)用

[上海-劇中人]-實(shí)驗(yàn)室

[上海-豪情]作品集合

[成都-feeling]

[上海-angela]

[海南-hank]作品

[上海-張力]博客

[上海-zenki]作品

移動(dòng)端圖案解鎖

[合肥-M.J]

- MPreview移動(dòng)端圖片預(yù)覽組

[合肥-M.J] - Mexam移動(dòng)端在線(xiàn)做題組

[北京-蘇瑞]

- dancer小人

[上海-玄沐]-個(gè)人網(wǎng)站

[廈門(mén)-二哲]-個(gè)人博客

2.國(guó)外大牛精品

pazguille

. iconfont

中文字體

淘寶字庫(kù)

字體

制作教程

zhangxinxu-icommon

icommon

用字體在網(wǎng)頁(yè)中畫(huà)ICON圖標(biāo)(推薦教程)

字體壓縮工具感謝初級(jí)群[深圳-小魚(yú)]的推薦

.開(kāi)發(fā)工具類(lèi)

前端開(kāi)發(fā)工具

IntelliJ IDEA簡(jiǎn)體中文專(zhuān)題教程

Webstorm,InterllIdea,Phpstorm

SublimeText

Atom

Atom飛行手冊(cè)(中文版)

Atom-vue代碼高亮

visual

studio code

visual

studio code使用指南

Chrome, Firebug, Filddle調(diào)試

Fiddler

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

微信fiddle

微信fiddle

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

如何更專(zhuān)業(yè)的使用Chrome開(kāi)發(fā)者工具-w3cplus

chrome調(diào)試canvas

chrome profiles1

chrome profiles2

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ā)者工具使用技巧

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

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

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

像Sublime Text一樣使用Chrome DevTools

Chorme 35個(gè)開(kāi)發(fā)者工具的小技巧

Firebug

firebug視頻教程

firefox模擬器

console.log命令詳解

Firebug入門(mén)指南

Firebug控制臺(tái)詳解

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

微信調(diào)試的那些事

微信調(diào)試官網(wǎng)

微信公眾號(hào)本地調(diào)試

微信颤霎、手Q晴音、Qzone之x5內(nèi)核inspect調(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ú)線(xiàn)調(diào)試攻略

無(wú)線(xiàn)調(diào)試攻略

屌爆了,完美調(diào)試微信webview(x5)

遠(yuǎn)程console

微信調(diào)試工具

各種真機(jī)遠(yuǎn)程調(diào)試方法匯總

手機(jī)測(cè)試自己寫(xiě)的web頁(yè)面

iOS Simulator

Simulator

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

img

loading

img

智圖-圖片優(yōu)化平臺(tái)

在線(xiàn)png優(yōu)化

生成二維碼

生成二維碼

瀏覽器同步

puer

liveReload

f5

File

Watchers

在線(xiàn)PPT制作

nodePPT

PPT

reveal

slippy

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

前端導(dǎo)航

前端網(wǎng)址導(dǎo)航

前端名錄

前端導(dǎo)航

前端開(kāi)發(fā)資源

前端開(kāi)發(fā)倉(cāng)庫(kù)-眾多效果的收集地

前端資源導(dǎo)航

F2E前端導(dǎo)航

前端收藏夾

前端導(dǎo)航

前端工具箱

前端人俱樂(lè)部-靈感_Idea

十二.常用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

Google

jQuery CDN

微軟CDN

十三. Git,SVN,Github

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

版本管理工具介紹—Git篇

版本控制入門(mén)–搬進(jìn)Github

Git動(dòng)畫(huà)演示

SVN

版本管理工具介紹—SVN篇

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市郭计,隨后出現(xiàn)的幾起案子昭伸,更是在濱河造成了極大的恐慌庐杨,老刑警劉巖辑莫,帶你破解...
    沈念sama閱讀 216,591評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件各吨,死亡現(xiàn)場(chǎng)離奇詭異揭蜒,居然都是意外死亡屉更,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)萨脑,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)渤早,“玉大人鹊杖,你說(shuō)我怎么就攤上這事悴灵。” “怎么了骂蓖?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,823評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵积瞒,是天一觀(guān)的道長(zhǎng)。 經(jīng)常有香客問(wèn)我涯竟,道長(zhǎng)赡鲜,這世上最難降的妖魔是什么庐船? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,204評(píng)論 1 292
  • 正文 為了忘掉前任银酬,我火速辦了婚禮,結(jié)果婚禮上筐钟,老公的妹妹穿的比我還像新娘揩瞪。我一直安慰自己,他們只是感情好篓冲,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,228評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布李破。 她就那樣靜靜地躺著,像睡著了一般壹将。 火紅的嫁衣襯著肌膚如雪嗤攻。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,190評(píng)論 1 299
  • 那天诽俯,我揣著相機(jī)與錄音妇菱,去河邊找鬼。 笑死暴区,一個(gè)胖子當(dāng)著我的面吹牛闯团,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播仙粱,決...
    沈念sama閱讀 40,078評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼房交,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼设哗!你這毒婦竟也來(lái)了队橙?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 38,923評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤洪灯,失蹤者是張志新(化名)和其女友劉穎隔心,沒(méi)想到半個(gè)月后白群,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,334評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡济炎,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,550評(píng)論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了辐真。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片须尚。...
    茶點(diǎn)故事閱讀 39,727評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡崖堤,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出耐床,到底是詐尸還是另有隱情密幔,我是刑警寧澤,帶...
    沈念sama閱讀 35,428評(píng)論 5 343
  • 正文 年R本政府宣布撩轰,位于F島的核電站胯甩,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏堪嫂。R本人自食惡果不足惜偎箫,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,022評(píng)論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望皆串。 院中可真熱鬧淹办,春花似錦、人聲如沸恶复。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,672評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)谤牡。三九已至副硅,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間翅萤,已是汗流浹背恐疲。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,826評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留断序,地道東北人流纹。 一個(gè)月前我還...
    沈念sama閱讀 47,734評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像违诗,于是被迫代替她去往敵國(guó)和親漱凝。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,619評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容