前端工程師必備資源

總結了一些經常使用的連接 你們能夠按照目錄 尋找本身有用的連接,但願能夠幫到你們。javascript

目錄

1.前端知識體系 
2.入門類工具類
3.綜合效果搜索平臺 
4.團隊Blog|週報類 
5.開發中心
6.Nodejs
7.綜合API 
8.Ecmascript  
9.Js template   
10.HTML5(HTML)    
11.CSS3(CSS)   
12.Angularjs  
13.React  
14.vue   
15.移動端API  
16.jQuery  
17.D3  
18.Requriejs  
19.Seajs  
20.less,sass  
21.Markdown  
22.兼容性  
23.UI相關  
24.其它API   
25.圖表類   
26.正則  
27.前端規範  
28.PHP  
29.各個公司庫  
30.H5動畫交互頁開發的工具介紹  
31.經常使用
32.算法
33.移動端  
34.JSON  
35.焦點圖  
36.Ext, EasyUI, J-UI 及其它各類UI方案  
37.頁面 社會化 分享功能  
38.富文本編輯器  
39.前端概述   
40.Gulp  
41.Grunt  
42.pc圖輪  
43.移動端圖輪  
44.文件上傳  
45.模擬select  
46.取色插件
47.城市聯動 
48.剪貼板  
49.簡繁轉換 
50.表格 Grid  
51.在線演示  
52.常規優化   
53.優化工具    
54.在線工具  
55.前端架構   
56.推薦做品  
57.簡歷模板  
58.面試題   
59.iconfont  
60.Fiddler   
61.Chrome   
62.Firebug  
63.移動,微信調試  
64.在線PPT製做  
65.前端導航網站  
66.經常使用CDN  
67.Git  
68.其它  
69.效果類  
70.彈出層  
71.優秀JavaScript項目
複製代碼

前端知識體系

前端知識體系php

前端知識結構css

Web前端開發大系概覽html

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

免費的編程中文書籍索引vue

前端書籍html5

前端免費書籍大全java

前端知識體系node

免費的編程中文書籍索引react

智能社 - 精通JavaScript開發

從新介紹 JavaScript

麻省理工學院公開課:計算機科學及編程導論

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

JS函數式編程指南

JavaScript Promise迷你書

騰訊移動Web前端知識庫

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

前端開發筆記本

大前端工具集 - 聶微東

前端開發者手冊

入門類

前端入門教程

瘳雪峯的Javascript教程

jQuery基礎教程

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

結合我的經歷總結的前端入門方法

工具類

前端人的俱樂部 如何優雅地使用Sublime Text

新編碼神器Atom使用紀要

css sprite 雪碧圖製做

版本控制入門 – 搬進 Github

[Grunt-beginner前端自動化工具

IntelliJ IDEA 簡體中文專題教程

Webstorm,InterllIdea,Phpstorm

SublimeText

Atom

visual studio code

綜合效果搜索平臺

JavaScript 資源大全中文版

100+ 超全的web開發工具和資源

zoommyapp.com 高質量圖庫

unsplash.com 高質量圖庫

www.pinterest.com 圖庫

New Old Stock 復古風圖庫

效果網

花瓣網

優美圖

codepen

攝圖網

經常使用的JavaScript代碼片斷

團隊Blog|週報類

奇舞週刊

碼農週刊

WEB前端開發

A JS tip per day!

騰訊全端 AlloyTeam

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

開發中心

mozilla js參考

chrome開發中心

safari開發中心

js祕密花園

js祕密花園

w3help

Nodejs

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的代碼調試和性能調優

綜合API

javascripting

各類流行庫搜索

runoob.com-包含各類API集合

開源中國在線API文檔合集

devdocs 英文綜合API網站

Ecmascript

Understanding ECMAScript 6 - Nicholas C. Zakas

exploring-es6

exploring-es6翻譯

exploring-es6翻譯後預

阮一峯 es6

阮一峯 Javascript

ECMA-262,第 5 版

es5

Js template

template-chooser

artTemplate

tomdjs)

淘寶模板juicer模板

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

laytpl

mozilla - nunjucks

Juicer

dustjs

etpl

HTML5(HTML)

深刻理解HTML5標籤

如何寫出高效率的HTML

HTML meta標籤總結與屬性使用介紹

戲說HTML5

CSS3(CSS)

CSS 語法參考

如何編寫可維護的CSS

CSS3動畫手冊

騰訊css3動畫製做工具

志爺css小工具集合

css3 js 移動大雜燴

bouncejs 觸摸庫)

css3 按鈕動畫

animate.css

全局CSS的終結(狗帶

browserhacks

Angularjs

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.js material UI

react.js TouchstoneJS UI

react.js amazeui UI

React 入門實例教程 - 阮一峯

React Native 中文版

Webpack 和 React 小書 - 前端亂燉

Webpack 和 React 小書 - gitbook

webpack

Webpack,101入門體驗

webpack入門教程

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

React原創實戰視頻教程

vue

Vue

Vue 論壇

Vue 入門指南

Vue 的一些資源索引

awesome-vue

移動端API

99移動端知識集合

移動端前端開發知識庫

移動前端的一些坑和解決方法(外觀表現)

【原】移動web資源整理

zepto 1.0 中文手冊

zepto 1.0 中文手冊

zepto 1.1.2

zepto 中文註釋 )

jqmobile 手冊

移動瀏覽器開發集合 )

移動開發大雜燴

jQuery

jQuery API 中文文檔

hemin 在線版

css88 jq api

css88 jqui api )

學習jquery

jquery 源碼查找

Web前端資源彙總(jQuery,Js,Css3等)

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 國外的在線markdown可編輯成書

mdeditor 一款國內的在線markdown編輯器

stackedit 國外的在線markdown編輯器,功能強大,同步雲盤

mditor 一款輕量級的markdown編輯器

lepture-editor

markdown-editor

做業部落

兼容性

esma 兼容列表

W3C CSS驗證服務

caniuse )

csscreator

在線測兼容-移動端

emulators

UI相關

bootcss

MetroUICSS

semantic

Buttons

kitecss

pintuer

amazeui

worldhello

linuxtoy

gitmagic

rogerdudler

gitref

book

gogojimmy

其它API

HTTP API 設計指南

javascript流行庫彙總

underscore 中文手冊

underscore源碼分析

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

underscrejs en api

lodash - underscore的代替品

ext4api

backbone 中文手冊

qwrap手冊

緩動函數

svg 中文參考

svg mdn參考

svg 導出 canvas

svg 導出 png

ai-to-svg

localStorage 庫

圖表類

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 H5動畫交互頁開發的工具

maka

值得訂閱的weekly

騰訊html5

奇舞團開源項目

Qunar UED

Scrat

經常使用

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

模擬鍵盤

拼音

中國我的身份證號驗證

算法

數據結構與算法 JavaScript 描述. 章節練習

常見排序算法(JS版)

經典排序

常見排序算法-js版本

JavaScript 算法與數據結構 精華集

面試常考算法題精講

移動端

fastclick

no-click-delay

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

Android 開發規範與應用

ionic

JSON

模擬生成JSON數據

返回跨域JSONAPI

焦點圖

myfocus

myfocus-官方演示站

SuperSlidev2.1 -- 大話主席

soChange

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

extjs )

ext4英文api

ext4中文api

jquery easyui 未壓縮源代碼

J-UI

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

淘寶 HTML5 前端框架

KISSY - 阿里前端JavaScript庫

網易Nej - Nice Easy Javascript

Kendo UI MVVM Demo

Bootstrap

Smart UI

雅虎UI - CSS UI

頁面 社會化 分享功能

百度分享 pc端

JiaThis pc端

社會化分享組件移動端

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

友盟分享 移動端

富文本編輯器

功能齊全 tinymce

百度 ueditor

經典的ckeditor

經典的kindeditor

wysiwyg

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

tower用的編輯器

summernote 編輯器

html5編輯器

Quilljs編輯器

XEditor

wangEditor

前端概述

前端工具大全

什麼是前端工程化

前端攻略-從路人甲到英雄無敵

###Gulp

[Gulp官網 ]( ]( gulpjs.com)

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圖輪

單屏輪播sochange

左右按鈕多圖切換

fullpage全屏輪播

移動端圖輪

無縫切換

滑屏效果

全屏fullpage

單個圖片切換

[單個全屏切換

百度的切換庫

單個全屏切換

滑屏效果

旋轉拖動設置

相似於swipe切換

支持多種形式的觸摸滑動

滑屏效果

大話主席pc移動圖片輪換

滑屏效果

基於zepto的fullpage

定寬網頁設計下,固定寬度佈局開發WebApp並實現多終端下WebApp佈局自適應

判斷微信客戶端的那些坑

能夠經過javascript直接調用原生分享的工具

JiaThis 分享到微信代碼

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

前端自動化測試

多種輪換圖片

滑動側邊欄

文件上傳

百度上傳組件

上傳

flash 頭像上傳

圖片上傳預覽

圖片裁剪

圖片裁剪-shearphoto

jQuery圖片處理

模擬select

[糖餅 select ]( ]( aui.github.io/popupjs/doc…)

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 性能分析和優化建議

前端性能監控總結

前端技術:網站性能優化之CSS無圖片技術

瀏覽器的加載與頁面性能優化

頁面加載中的圖片性能優化

Yslow——性能優化

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代碼片斷須要FQ

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最新前端面試題

百度面試

面試題

前端工做面試問題

前端開發面試題

)

最全前端面試問題及答案總結

如何面試一名前端開發工程師?

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

前端實習生面試總結

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

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 profiles2 )

chrome profiles3 )

chrome移動版調試

chrome調試

chrome的調試

chrome console 命令詳解

查看事件綁定1

查看事件綁定2

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

奇趣百科性能優化(Chrome DevTools 中的 Timeline Profils 等工具使用介紹

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

Chrome開發者工具不徹底指南

Chrome 開發者工具使用技巧

Firebug

[firebug視頻教程 ]( ]( www.imooc.com/learn/137)

firefox 模擬器

console.log 命令詳解

Firebug入門指南

Firebug控制檯詳解

移動,微信調試

瀏覽器端調試安卓

移動端前端開發調試

使用 Chrome 遠程調試 Android 設備

mac移動端調試

mac移動端調試

無線調試攻略

無線調試攻略

屌爆了,完美調試 微信webview(x5

遠程console

微信調試工具

各類真機遠程調試方法彙總

在線PPT製做

Cleaver快速製做網頁PPT

impress.js

PPT

reveal

bespoke-fx

slippy

前端導航網站

界面清爽的前端導航

前端導航

前端網址導航

前端名錄

前端導航

前端開發資源

網址導航

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

前端資源導航

F2E 前端導航

經常使用CDN

新浪CDN

百度靜態資源公共庫

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

Bootstrap中文網開源項目免費 CDN 服務

開放靜態文件 CDN - 七牛

CDN加速 - jq22

jQuery CDN

Google jQuery CDN

微軟CDN

Git

git-scm

廖雪峯-Git教程

GitHub 添加 SSH keys

gogithub

git常規命令練習

git的資料整理

我所記錄的git命令(很是實用)

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

GitHub 漫遊指南

GitHub祕籍

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

動畫方式練習git

其它

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

相關文章
相關標籤/搜索