Web前端開發工程師常用技術網站整理

有道雲筆記  http://note.youdao.com/signIn/index.html

36鎮-最好用的共享收藏夾  http://www.36zhen.com/

瀏覽器同步測試工具  http://www.browsersync.cn/        https://www.browsersync.io/

草料二維碼生成器   http://cli.im/

GitHub  https://github.com/

StackOverFlow  http://stackoverflow.com/

圖片壓縮  https://tinypng.com/

程式碼對比/歸併  http://tool.oschina.net/diff

json線上編輯器  http://www.qqe2.com/

px轉rem工具  http://520ued.com/tools/rem

線上程式碼格式化  http://tool.oschina.net/codeformat/html

Animate.css動畫演示  http://www.dowebok.com/demo/2014/98/

CSS 3.0 Animation  http://www.css3maker.com/index.html

線上二維碼解碼器  http://jiema.wwei.cn/

PDF轉換器   http://www.pdfdo.com/pdf-to-image.aspx

有道網頁翻譯   http://fanyi.youdao.com/

前端開發倉庫  http://code.ciaoca.com/

百度靜態資源公共庫   http://cdn.code.baidu.com/?qq-pf-to=pcqq.c2c

線上工具  http://tool.oschina.net/

淘寶NPM映象   https://npm.taobao.org/

Animate.css 一款強大的預設css3動畫庫  http://www.jq22.com/jquery-info819

線上製作logo  http://www.logomaker.com.cn/logo-maker.jsp

Cheat Sheet  http://docs.emmet.io/cheat-sheet/

碼雲 - 開源中國程式碼託管平臺   http://git.oschina.net/

瀏覽器HACKS  http://www.css88.com/tool/hack/

Support tables for HTML5, CSS3, etc  http://caniuse.com/

The best FOSS CDN for web   https://cdnjs.com/

下載YouTube視訊   http://en.savefrom.net/

下載YouTube字幕   http://keepvid.com/

Coding,git,程式碼託管  https://coding.net/

Git常用命令速查表  https://dn-coding-net-production-pp.qbox.me/e8dd7837-b39d-413e-9beb-ed51984719e0.png

CSS 選擇器演示  http://www.haorooms.com/tools/css_selecter/

Markdown 線上編輯器     http://c.runoob.com/front-end/712

Mozilla 開發者網路   https://developer.mozilla.org/zh-CN/#

相容性檢測  http://caniuse.com/

SOJSON.com     http://www.sojson.com/

FQ軟體   http://b.ishadow.host/

活躍在Github上的技術大牛排名   http://githubrank.com/

20位活躍在Github上的國內技術大牛  http://blog.csdn.net/yaoxtao/article/details/38518933

線上程式碼著色   http://tool.oschina.net/highlight

線上電子書   https://www.gitbook.com/

谷歌線上文件  https://docs.google.com/document/u/0/

有道網頁翻譯  http://fanyi.youdao.com/WebpageTranslate 

手冊網   http://www.shouce.ren/

docute   https://docute.js.org/#/zh-Hans/

線上Word轉HTML  http://www.docpe.com/word/word-to-html.aspx

程式碼規範  https://standardjs.com/rules-zhcn.html

前端開發相關的優秀網站、部落格、以及活躍開發者   https://github.com/jikeytang/front-end-collect

前端網址導航  http://www.whycss.com/

各類移動端頁面參考  http://k.swao.cn/js/web/mobileRefer.html

JS前端開發  http://www.kancloud.cn/jikeytang/qq/87646

大前端  http://www.daqianduan.com/

dowebok  http://www.dowebok.com/

科蟻網  http://www.ke01.com/

jQuery之家  http://www.htmleaf.com/

Helloweba  http://www.helloweba.com/

H5EDU  http://h5edu.cn/index.php

TGideas-騰訊遊戲官方設計團隊  http://tgideas.qq.com/

StuQ  http://www.stuq.org/

H5jun  http://matrix.h5jun.com/

SegmentFault    https://segmentfault.com/

醉牛前端  http://f2er.club/

如何跟上前端開發的最新前沿   https://uptodate.frontendrescue.org/zh/

前端網（W3Cfuns）  http://www.w3cfuns.com/

前端工程師手冊  https://leohxj.gitbooks.io/front-end-database/content/html-and-css-basic/index.html

前端 TOP100  https://www.awesomes.cn/rank 

中國領先的開發者服務平臺   https://www.sdk.cn/companies

TodoMVC  http://todomvc.com/

MUI - DCloud  http://www.dcloud.io/mui.html

開源中國  http://www.oschina.net/

InfoQ - 促進軟體開發領域知識與創新的傳播  http://www.infoq.com/cn/

CSDN.NET - 全球最大中文IT社群  http://www.csdn.net/

騰訊ISUX   https://isux.tencent.com/

WEB前端開發  http://www.css88.com/

稀土掘金  http://gold.xitu.io/welcome

百度FEX   http://fex.baidu.com/

Taobao FED | 淘寶前端團隊    http://taobaofed.org/

SDC設計師網址導航  http://hao.uisdc.com/

前端收錄   http://www.helloweba.com/nav.html

JavaScript 資源大全中文版    https://github.com/jobbole/awesome-javascript-cn

WEB前端開發   http://www.css88.com/

WeUI 微信移動 Web 應用設計的 UI 庫   http://demo.weui.org.cn/example/

FrozenUI - 專注於移動web的UI框架    http://frozenui.github.io/

iphone解析度終極指南  http://images.shejidaren.com/wp-content/uploads/2014/09/iphone-Resolutions-guide.png

使用Flexible實現手淘H5頁面的終端適配  https://github.com/amfe/article/issues/17

H5播放器功能演示   http://m.v.qq.com/tvp/

微信頁面內嵌視訊的一些心得    http://blog.toxicjohann.com/2016/01/09/sth-about-video/

sass入門-sass教程  http://www.w3cplus.com/sassguide/

CanvasRenderingContext2D  https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D

Photoshop CC 與前端那些事  http://isux.tencent.com/ps-photoshop-cc-fd.html

Less 中文網   http://lesscss.cn/

快速入門 | Less.js 中文文件  http://less.bootcss.com/

LESS 一種動態樣式語言  http://www.bootcss.com/p/lesscss/

Less 學習手冊   http://www.1024i.com/demo/less/

z.less api  http://www.aibusy.com/zless/

Swiper中文APi  http://www.swiper.com.cn/

fullPage.js  http://www.jq22.com/jquery-info1124

多種動態效果的CSS3文字動畫外掛：textillate.js  http://www.holdcode.com/web/details/97

TweenMax動畫庫  http://greensock.com/timelinemax

翻書特效  http://www.turnjs.com/

css33D  https://github.com/shrekshrek

視覺化庫  http://c3js.org/

旋轉PPT  https://github.com/impress/impress.js

網頁版PPT   https://github.com/hakimel/reveal.js

桌面應用程式  http://electron.atom.io/

圖片裁剪Cropper   https://www.awesomes.cn/repo/fengyuanchen/cropper

Gulp官網  http://gulpjs.com/

Gulp 中文網  http://www.gulpjs.com.cn/

Yeoman  http://yeoman.io/

browsersync官網   https://browsersync.io/

Gulp和webpack的區別，是一種工具嗎？   http://blog.csdn.net/xllily_11/article/details/51782005

shakejs是一個搖一搖的工具  https://segmentfault.com/a/1190000002607249

手機移動端WEB資源整合  http://www.daqianduan.com/6281.html

H5拍照應用開發經歷的那些坑兒  http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201409/278736.shtml

移動HTML5前端效能優化指南  http://www.uisdc.com/html5-front-end-optimization

amfe的文章  https://github.com/amfe/article

重新介紹 JavaScript（JS 教程） https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript

多屏互動——H5中級進階  https://blog.maxleap.cn/archives/985

HTML5與移動端web學習筆記    https://segmentfault.com/a/1190000002712653

github上值得關注的前端專案   https://segmentfault.com/a/1190000002804472

詳解js跨域問題   https://segmentfault.com/a/1190000000718840

詳解js閉包  https://segmentfault.com/a/1190000000652891

淺析jQuery整體框架與實現（上）  https://segmentfault.com/a/1190000000754325

JavaScript繼承方式詳解  https://segmentfault.com/a/1190000002440502

關於原生js的一些研究  https://segmentfault.com/a/1190000002911253

從輸入 URL 到瀏覽器接收的過程中發生了什麼事情？  https://segmentfault.com/a/1190000000697254

詳解JavaScript模組化開發  https://segmentfault.com/a/1190000000733959

JavaScript 經典例項收集整理  https://segmentfault.com/a/1190000002559158

Web安全知多少  http://wetest.qq.com/lab/view/136.html

前端MVC變形記   http://efe.baidu.com/blog/mvc-deformation/

猴子都能懂的GIT入門   http://backlogtool.com/git-guide/cn/

前端學習路徑  https://zhuanlan.zhihu.com/p/21935921

深入瞭解viewport和px  http://tgideas.qq.com/webplat/info/news_version3/804/7104/7106/m5723/201509/376281.shtml

手機移動端WEB資源整合   http://www.daqianduan.com/6281.html

web前端開發-移動端頁面開發資源總結    http://www.html5dw.com/post?id=1491

H5專案常見問題及注意事項   http://www.open-open.com/lib/view/open1449325854077.html

全新BMW M2鋒芒上市  http://bmw2.thefront.com.cn/m2_2016/?from=iguoguo.net

萬物皆有源 邀你共同見證  http://whoiam.digi-campaign.com/index.html?from=iguoguo.net

H5說 http://www.h5shuo.com/pc

移動前端資源整理  http://ionichina.com/topic/570b1f4ecd63e4247a7cfcf3

Node.js API 中文版  http://nodeapi.ucdok.com/#/api/

Node.js 中文網  http://nodejs.cn/

Node.js 英文網  https://nodejs.org/en/

NPM  https://www.npmjs.com/

Express中文網  http://www.expressjs.com.cn/

Express英文網  http://expressjs.com/

ejs模板引擎  https://www.npmjs.com/package/ejs

jade模板引擎  https://www.npmjs.com/package/jade

Jade - Template Engine   http://jade-lang.com/

CNode：Node.js專業中文社群   https://cnodejs.org/

Bower  https://bower.io/

bower是什麼   http://dagaiwan.com/207.html

AngularJS   https://angularjs.org/

AngularJS中文社群  http://www.angularjs.cn/

AngularJS中文網  http://www.apjs.net/

AngularJS 菜鳥教程  http://www.runoob.com/angularjs/angularjs-tutorial.html

AngularJS 參考手冊  http://www.runoob.com/angularjs/angularjs-reference.html

AngularJs篇：30分鐘快速掌握AngularJs  http://www.cnblogs.com/zhili/p/AngularJSQuickStart.html

AngularJs學習筆記--directive  http://www.cnblogs.com/lcllao/archive/2012/09/09/2677190.html

Angular範例程式    http://showcase.ngnice.com/#/home/home

One framework. - Angular 2   https://angular.io/

Ionic官網   http://ionicframework.com/

Ionic中文網   http://www.ionic.wang/

Cordova官網  http://cordova.apache.org/

Ionichina：全球最大的 Ionic Framework 中文社群  http://ionichina.com/

Ionic中文站  http://cnionic.com/web/

Ionic仿照微信專案原始碼-邊開發邊學  http://www.phonegap100.com/themesinfo_47.html

Ionic Lab  http://lab.ionic.io/

AndroidDevTools Android SDK下載  http://www.androiddevtools.cn/

騰訊大師兄 - 移動開發者工具映象站點   https://dsx.bugly.qq.com/

ionic 教程  http://www.runoob.com/ionic/ionic-tutorial.html

Ionic 2  http://ionic.io/

React Native 官網  http://facebook.github.io/react-native/

React Native 中文網  http://reactnative.cn/

手把手教React Native實戰開發視訊教程  1-50集 https://yunpan.cn/cBiQAJQIkf67P 訪問密碼 a16f

React-Native學習指南   https://github.com/reactnativecn/react-native-guide

TypeScript官網  https://www.typescriptlang.org/

TypeScript中文網  http://tslang.cn/index.html

GitHub  https://github.com/

GitHubPages   https://pages.github.com/

Hexo   https://hexo.io/

Gist  https://gist.github.com/

搭建Hexo   http://www.zipperary.com/categories/hexo/

React 技術棧系列教程 - 阮一峰的網路日誌   http://www.ruanyifeng.com/blog/2016/09/react-technology-stack.html   

React.js官網  https://facebook.github.io/react/index.html

React.js中文網  http://reactjs.cn/react/index.html

Why React? | React  https://facebook.github.io/react/docs/why-react.html

React中文網  http://react-china.org/

React入門視訊教程 - Page 1 - 霹靂漁  http://piliyu.com/tag/react-getting-started-video-tutorial/

React 入門例項教程 - 阮一峰的網路日誌   http://www.ruanyifeng.com/blog/2015/03/react.html

來自中國電信雲端計算的React入門視訊   http://leanote.com/blog/post/57858d9cab644133ed009dfb

React JSFiddle  https://jsfiddle.net/reactjs/69z2wepo/

React JSFiddle without JSX  https://jsfiddle.net/reactjs/5vjqabv3/

互動有趣的前端開發課程 - zexeo則修  http://zexeo.com/course

Ant Design - 一個 UI 設計語言   http://ant.design/

React 中文導航   http://nav.react-china.org/

React-ui   https://www.awesomes.cn/repo/Lobos/react-ui

Babel 官網   https://babeljs.io/

Babel 中文網  http://babeljs.cn/

Wos 課後班  http://dagaiwan.com/

Amaze UI   http://amazeui.org/

react-tools如何使用   http://dagaiwan.com/230.html

React學習資源彙總  https://github.com/tsrot/study-notes/blob/master/React%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%BA%90%E6%B1%87%E6%80%BB.md

React 元件之間如何交流   http://www.tuicool.com/articles/AzQzEbq

極客學院-React中文文件   http://wiki.jikexueyuan.com/list/react/

仿React中文網  http://www.css88.com/react/index.html

webpack2中文文件  http://www.css88.com/doc/webpack2/

Webpack 中文指南   http://webpackdoc.com/index.html

React 應用的效能優化之路   https://github.com/xitu/gold-miner/blob/master/TODO/performance-optimisations-for-react-applications.md

驚鴻三世的部落格-React   http://blog.codingplayboy.com/tag/react/

Vue 和 React 的使用場景和深度有何不同？  https://www.zhihu.com/question/31585377

AngularJs與ReactJS優缺點&適用場景    http://blog.csdn.net/u012125579/article/details/52744093

AngularJS 對比 React   http://www.oschina.net/translate/angularjs-vs-react

請問 React 和 Angular 各有什麼優缺點，各自又適合什麼開發場景？   https://www.zhihu.com/question/23444167

Vue.js中文文件   https://vuefe.cn/v2/guide/

Vue.js官網  http://cn.vuejs.org/

Vuejs 1.0 系列教程  https://laravist.com/series/vue-js-1-0-in-action-series

vuejs入門基礎  http://www.imooc.com/learn/694

Vue 開源專案庫彙總  https://github.com/opendigg/awesome-github-vue

使用Vue.js和Vuex實現購物車場景   https://segmentfault.com/a/1190000005780326

用VUE.JS學習ES   https://ke.qq.com/course/173710

vue專案實踐（vuex + vue-router + vue-resource）   https://segmentfault.com/a/1190000006747096

vonic （一個基於 vue.js 和 ionic 樣式的 UI 框架）   https://wangdahoo.github.io/vonic-documents/#/

Vue.js開發   http://www.cnblogs.com/keepfool/category/845804.html

Vue.js資源彙總   https://github.com/vuejs/awesome-vue

老馬最新力作：最經典的Vue入門系列  http://aicoder.com/vue/preview/all.html

Vue1.0常用語法   https://yq.aliyun.com/articles/64237

Vue.js專業中文社群   https://www.vue-js.com/

Vue.js 原始碼學習筆記   http://jiongks.name/blog/vue-code-review/

Vue.js高仿餓了麼外賣App   https://github.com/ustbhuangyi/vue-sell/tree/1.0

Vue.js 通用應用框架   https://zh.nuxtjs.org/

vue 常用ui元件   http://blog.csdn.net/zgrkaka/article/details/53897202

VUE優秀UI元件庫合集   https://shimo.im/doc/LkpdnWxM1j40BDJj/

Weex官網     http://alibaba.github.io/weex/

Weex 中文官網   http://alibaba.github.io/weex/cn/

Weex中文社群    http://www.weex.help/

Sea.js官網    http://seajs.org/docs/

sea.js官方文件  https://github.com/seajs/seajs/issues/547

RequireJS官網   http://requirejs.org/

RequireJS中文網  http://www.requirejs.cn/

require.js的用法  http://www.ruanyifeng.com/blog/2012/11/require_js.html

JavaScript菜鳥教程   http://www.runoob.com/jsref/dom-obj-document.html

JavaScript書籍下載  http://fe.linqing07.com/fontend/read.php?tid=63&fid=8&page=1

林卿的書架  http://www.linqing07.com/book.html

廖雪峰JavaScript教程   http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000

Javascript中的apply與call詳解  http://www.cnblogs.com/huyong/p/4139875.html

ECMAScript 6入門   http://es6.ruanyifeng.com/#README

JavaScript物件導向   http://www.cnblogs.com/dolphinX/p/4385862.html

ECMAScript5 Object的新屬性方法  http://www.cnblogs.com/dolphinX/p/3348467.html

ES6新特性概覽   http://www.cnblogs.com/Wayou/p/es6_new_features.html

淺析JavaScript設計模式——釋出-訂閱/觀察者模式   http://blog.csdn.net/q1056843325/article/details/53353850

深入淺出ES6   http://www.infoq.com/cn/es6-in-depth/

es6線上轉es5   https://babeljs.io/repl/

css的div垂直居中的方法，百分比div垂直居中   http://www.haorooms.com/post/css_div_juzhong

css常用效果總結   http://www.haorooms.com/post/css_common

CSS參考手冊  http://css.doyoe.com/

css偽類和偽元素   http://tympanus.net/codrops/css_reference

css掃光效果總結   http://www.haorooms.com/post/css_saoguang

CSS3 Flexbox 演示    http://www.css88.com/demo/flexbox-playground/

html5自帶表單驗證體驗優化及提示氣泡修改     http://www.haorooms.com/post/html5_formvalid

百度地圖   http://developer.baidu.com/map/jsdemo.htm#a1_2

KISSY - A Powerful JavaScript Framework     http://docs.kissyui.com/

慕課網（IMOOC）   http://www.imooc.com/

極客學院   http://www.jikexueyuan.com/

騰訊課堂   https://ke.qq.com/

淘寶教育   https://xue.taobao.com/

百度傳課   http://www.chuanke.com/

網易雲課堂   http://study.163.com/

麥子學院   http://www.maiziedu.com/

嗶哩嗶哩   http://www.bilibili.com/index.html

阮一峰的網路日誌  http://www.ruanyifeng.com/blog/

囧克斯(勾三股四  阿里巴巴)  http://jiongks.name/

CSS探索之旅(杜瑤  去哪兒網)  http://blog.doyoe.com/

JerryQu 的小站  https://imququ.com/

小鬍子哥  http://www.barretlee.com/

林卿的個人簡歷網站  http://www.linqing07.com/index.html

永不言敗的部落格   http://blog.901web.com/

trigkit4  https://segmentfault.com/u/trigkit4/articles?sort=vote

廖雪峰的官方網站   http://www.liaoxuefeng.com/

惜緣Git服務    http://git.xiyuan.name/

Haorooms   http://www.haorooms.com/archives

極限前端 | ouvenzhang的部落格   http://jixianqianduan.com/

驚鴻三世的部落格   http://note.codingplayboy.com/categories/JavaScript/

大漠的部落格    https://www.w3cplus.com/

惜緣的網路筆記   https://jiyi1990118.github.io/blog/

SegmentFault 活動  https://segmentfault.com/events

活動行  http://www.huodongxing.com/

前端零基礎學習提綱    http://www.cnblogs.com/dolphinX/p/5181660.html

基於 Vue 的 PWA 解決方案   https://lavas.baidu.com/

看準網 http://www.kanzhun.com/

轉載來自：http://www.cnblogs.com/chenyablog/p/5551143.html