1、工作中常用的小功能

草料二維碼生成器 http://cli.im/
在線二維碼解碼器 http://jiema.wwei.cn/
圖片壓縮 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

2、JavaScript相關

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
JavaScript 資源大全中文版 https://github.com/jobbole/awesome-javascript-cn
JavaScript 日期處理類庫 http://momentjs.cn/

3、CSS相關

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/
CSS 選擇器演示 http://www.haorooms.com/tools/css_selecter/

4、CSS 3.0 動畫

Animate.css動畫演示 http://www.dowebok.com/demo/2014/98/
CSS 3.0 Animation http://www.css3maker.com/index.html
Animate.css 一款強大的預設css3動畫庫 http://www.jq22.com/jquery-info819

5、Vue.js相關

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-router 2 **中文文檔https://router.vuejs.org/zh-cn/
vue-resource github網址 https://github.com/pagekit/vue-resource
vue-resource全攻略 http://www.cnblogs.com/keepfool/p/5657065.html

6、靜態資源公共庫

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

7、jQuery

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

8、GitHub相關

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/

9、切頁面相關

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/

10、前端庫/框架/插件相關

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/

11、帖子相關

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

12、HTML5相關

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

13、前端常用 -- 知識儲備相關

前端開發倉庫 http://code.ciaoca.com/
前端開發相關的優秀網站、博客、以及活躍開發者 https://github.com/jikeytang/front-end-collect
前端網址導航 http://www.whycss.com/
JS前端開發 http://www.kancloud.cn/jikeytang/qq/87646
大前端 http://www.daqianduan.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
WEB前端開發 http://www.css88.com/
前端收錄 http://www.helloweba.com/nav.html
Taobao FED | 淘寶前端團隊 http://taobaofed.org/
WEB前端開發 http://www.css88.com/

14、命令行相關

淘寶NPM鏡像 https://npm.taobao.org/

15、分享功能

一鍵分享到微博、QQ空間、QQ好友、微信 http://overtrue.me/share.js/

16、微信樣式庫

微信原生視覺體驗一致的基礎樣式庫 https://weui.io/
Mint UI http://mint-ui.github.io/#!/zh-cn

17、代碼托管/開發者平臺/云存儲

碼云 - 開源中國代碼托管平臺 http://git.oschina.net/
Coding,git,代碼托管 https://coding.net/
七牛 https://portal.qiniu.com/
上傳到七牛工具 https://github.com/bimohxh/webon
leancloud https://leancloud.cn/

18、兼容性相關

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

19、開發工具相關/交互圖工具

Sublime Text Emmet Documentation http://docs.emmet.io/cheat-sheet/
Git常用命令速查表 https://dn-coding-net-production-pp.qbox.me/e8dd7837-b39d-413e-9beb-ed51984719e0.png
Markdown 在線編輯器 http://c.runoob.com/front-end/712
webSequenceDiagrams https://www.websequencediagrams.com/
Sublime Text3 最全快捷鍵 mac 版 http://www.lxweimin.com/p/248c53ed27dd

20、移動Web相關

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/

21、代碼組織相關

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

22、在線學習相關

慕課網（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/

23、知名博主相關

阮一峰的網絡日志 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/

24、活動相關

SegmentFault 活動 https://segmentfault.com/events
活動行 http://www.huodongxing.com/

** 25**、前端面試相關

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

26、其他網站

稀土掘金 http://gold.xitu.io/welcome https://juejin.im/welcome
博客園 http://www.cnblogs.com/
推酷 http://www.tuicool.com/a/
伯樂在線 http://www.jobbole.com/
Mozilla 開發者網絡 https://developer.mozilla.org/zh-CN/#
在線工具 http://tool.oschina.net/
各類移動端頁面參考 http://k.swao.cn/js/web/mobileRefer.html
dowebok http://www.dowebok.com/
科蟻網 http://www.ke01.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/
中國領先的開發者服務平臺 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/
百度FEX http://fex.baidu.com/
SDC設計師網址導航 http://hao.uisdc.com/
WeUI 微信移動 Web 應用設計的 UI 庫 http://demo.weui.org.cn/example/
FrozenUI - 專注于移動web的UI框架 http://frozenui.github.io/

27、技術大牛

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

28、Sketch

Sketch的導出(Export)研究報告 http://www.lxweimin.com/p/4070602cd98d

29、H5案例相關

全新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

30、Node.js相關

移動前端資源整理 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

31、AngularJS相關

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

32、Ionic相關

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/
圖標字體 https://icomoon.io/app/#/select

33、React Native相關
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

34、TypeScript相關

TypeScript官網 https://www.typescriptlang.org/
TypeScript中文網 http://tslang.cn/index.html

17、React.js相關

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

** 35**、工具相關

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

** 36**、生活常用

出入境管理網 http://www.bjgaj.gov.cn/idn/index.jsp