[轉] Web前端開發工程師經常使用技術網站整理
一、經常使用工具相關javascript
36鎮-最好用的共享收藏夾 http://www.36zhen.com/
草料二維碼生成器 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
Animate.css動畫演示 http://www.dowebok.com/demo/2014/98/
CSS 3.0 Animation http://www.css3maker.com/index.html
在線二維碼解碼器 http://jiema.wwei.cn/
有道網頁翻譯 http://fanyi.youdao.com/
前端開發倉庫 http://code.ciaoca.com/
淘寶NPM鏡像 https://npm.taobao.org/
Animate.css 一款強大的預設css3動畫庫 http://www.jq22.com/jquery-info819
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/
Markdown 在線編輯器 http://c.runoob.com/front-end/712
Mozilla 開發者網絡 https://developer.mozilla.org/zh-CN/#
兼容性檢測 http://caniuse.com/
SOJSON.com http://www.sojson.com/
活躍在Github上的技術大牛排名 http://githubrank.com/
20位活躍在Github上的國內技術大牛 http://blog.csdn.net/yaoxtao/article/details/38518933
在線電子書 https://www.gitbook.com/
在線Word轉HTML http://www.docpe.com/word/word-to-html.aspx
摳摳視頻秀 http://www.28video.com/
美圖秀秀網頁版 http://xiuxiu.web.meitu.com/
天眼查-人人都在用商業安全工具 https://www.tianyancha.com/
企查查-企業信息查詢系統 http://www.qichacha.com/
一個簡單的JSON存儲和託管服務 http://myjson.com/
腳本之家在線工具 http://tools.jb51.net/
PDF轉Word轉換器 https://smallpdf.com/cn/pdf-to-word
二、知識儲備相關php
前端開發相關的優秀網站、博客、以及活躍開發者 https://github.com/jikeytang/front-end-collect
前端網址導航 http://www.whycss.com/
各種移動端頁面參考 http://k.swao.cn/js/web/mobileRefer.html
dowebok http://www.dowebok.com/
jQuery之家 http://www.htmleaf.com/
Helloweba http://www.helloweba.com/
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/
前端 TOP100 https://www.awesomes.cn/rank
中國領先的開發者服務平臺 https://www.sdk.cn/companies
TodoMVC http://todomvc.com/
MUI - DCloud http://www.dcloud.io/mui.html
InfoQ - 促進軟件開發領域知識與創新的傳播 http://www.infoq.com/cn/
CSDN.NET - 全球最大中文IT社區 http://www.csdn.net/
騰訊ISUX https://isux.tencent.com/
WEB前端開發 http://www.css88.com/
百度FEX http://fex.baidu.com/
Taobao FED | 淘寶前端團隊 http://taobaofed.org/
SDC設計師網址導航 http://hao.uisdc.com/
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/
前端開發博客 http://caibaojian.com/
三、移動Web相關css
使用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/
四、切頁面相關html
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://c3js.org/
桌面應用程序 http://electron.atom.io/
六、部署流程相關vue
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
七、帖子相關html5
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學習筆記 http://www.javashuo.com/article/p-dlndjkcq-db.html
github上值得關注的前端項目 http://www.javashuo.com/article/p-chxceqml-ey.html
淺析jQuery總體框架與實現（上） https://segmentfault.com/a/1190000000754325
JavaScript繼承方式詳解 http://www.javashuo.com/article/p-ueosnihj-ew.html
從輸入 URL 到瀏覽器接收的過程當中發生了什麼事情？ http://www.javashuo.com/article/p-qjstakng-r.html
詳解JavaScript模塊化開發 http://www.javashuo.com/article/p-tvzesnwv-ku.html
JavaScript 經典實例收集整理 http://www.javashuo.com/article/p-tinufdjc-ho.html
猴子都能懂的GIT入門 http://backlogtool.com/git-guide/cn/
深刻了解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
八、H5案例相關java
九、Node.js相關node
Node.js API 中文版 http://nodeapi.ucdok.com/#/api/
Node.js 中文網 http://nodejs.cn/
Node.js 英文網 https://nodejs.org/en/
Express中文網 http://www.expressjs.com.cn/
Express英文網 http://expressjs.com/
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
@i5ting 的我的主頁 - CNode技術社區 https://cnodejs.org/user/i5ting
狼叔：如何正確的學習Node.js https://github.com/i5ting/How-to-learn-node-correctly
七天學會NodeJS http://nqdeng.github.io/7-days-nodejs/#1
基於vue2.0 +vuex+ element-ui後臺管理系統 https://github.com/wdlhao/vue2-element-touzi-admin
十、AngularJS相關react
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
十一、Angular2相關
One framework. - Angular 2 https://angular.io/
十二、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/
1三、Ionic 2相關
Ionic 2 http://ionic.io/
1四、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
1五、TypeScript相關
TypeScript官網 https://www.typescriptlang.org/
TypeScript中文網 http://tslang.cn/index.html
1六、GitHub相關
GitHub https://github.com/
GitHubPages https://pages.github.com/
Hexo https://hexo.io/
1七、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/
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 組件之間如何交流 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
1八、Vue.js相關
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） http://www.javashuo.com/article/p-uqdrbojn-gm.html
vonic （一個基於 vue.js 和 ionic 樣式的 UI 框架） https://wangdahoo.github.io/vonic-documents/#/
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組件庫合集 https://shimo.im/doc/LkpdnWxM1j40BDJj/
1九、Weex相關
Weex 中文官網 http://alibaba.github.io/weex/cn/
Weex中文社區 http://www.weex.help/
20、代碼組織相關
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
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
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
淺析JavaScript設計模式——發佈-訂閱/觀察者模式 http://blog.csdn.net/q1056843325/article/details/53353850
es6在線轉es5 https://babeljs.io/repl/
2二、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/
CSS3 Flexbox 演示 http://www.css88.com/demo/flexbox-playground/
2三、HTML5相關
html5自帶表單驗證體驗優化及提示氣泡修改 http://www.haorooms.com/post/html5_formvalid
2四、工具相關
2五、組件開發相關
KISSY - A Powerful JavaScript Framework http://docs.kissyui.com/
2六、在線學習相關
慕課網（IMOOC） http://www.imooc.com/
騰訊課堂 https://ke.qq.com/
網易雲課堂 http://study.163.com/
2七、知名博主相關
阮一峯的網絡日誌 http://www.ruanyifeng.com/blog/
囧克斯(勾三股四 阿里巴巴) http://jiongks.name/
CSS探索之旅(杜瑤 去哪兒網) http://blog.doyoe.com/
JerryQu 的小站 https://imququ.com/
林卿的我的簡歷網站 http://www.linqing07.com/index.html
永不言敗的博客 http://blog.901web.com/
廖雪峯的官方網站 http://www.liaoxuefeng.com/
Haorooms http://www.haorooms.com/archives
極限前端 | ouvenzhang的博客 http://jixianqianduan.com/
大漠的博客 https://www.w3cplus.com/
技術胖-勝洪宇 http://jspang.com/
張鑫旭-鑫空間-鑫生活 http://www.zhangxinxu.com/
Brian的我的博客 http://www.brianlee.cn/
2八、活動相關
SegmentFault 活動 https://segmentfault.com/events
2九、前端面試相關
30、PWA相關
基於 Vue 的 PWA 解決方案 https://lavas.baidu.com/
31、招聘相關
3二、前端會議相關
3三、Nuxt.js相關
Nuxt.js - Vue.js 通用應用框架 https://zh.nuxtjs.org/
Vue.js 服務器端渲染指南 https://ssr.vuejs.org/zh/
vue+nuxt+scss+node+express+MongoDB 實現的文章發佈系統 https://www.itcnz.top/20180320/mynuxt.html
阿里雲部署nuxt.js項目 https://www.itcnz.top/20180425/%E9%98%BF%E9%87%8C%E4%BA%91%E6%9C%8D%E5%8A%A1%E5%99%A8%E7%9B%B8%E5%85%B3.html
Nuxt.js採坑指南 http://docs.brianlee.cn/nuxt/
nuxt-blog https://github.com/Hzy0913/my-blog
vue-blog https://github.com/jkchao/vue-blog
基於 Nuxt 的 Vue.js 服務端渲染實踐 http://www.javashuo.com/article/p-vnzulynq-dy.html
王者榮耀故事站小程序（nuxt + 小程序） http://www.javashuo.com/article/p-vrqelcnb-mm.html
nuxt框架中路由鑑權——Koa和Session http://www.javashuo.com/article/p-mefhijgz-ca.html
深刻 NUXT，看看一條命令行的背後到底發生了什麼 http://www.javashuo.com/article/p-xuhtgwua-mw.html
基於nuxt和iview搭建後臺管理系統實踐(1) http://www.javashuo.com/article/p-kbeubwrs-cy.html
3四、微信小程序相關
微信小程序商城，微信小程序微店 https://github.com/EastWorld/wechat-app-mall
微信小程序模板源碼 http://www.getweapp.com/
3五、微信公衆號編輯工具相關
135編輯器 http://www.135editor.com/
3六、源碼解析相關
剖析 Vue.js 內部運行機制 https://juejin.im/book/5a36661851882538e2259c0f
Vue、Vuex源碼分析 http://www.imooc.com/t/3017249
vue-js-源碼揭祕 https://ustbhuangyi.github.io/vue-analysis/
Vue技術內幕 http://hcysun.me/vue-design/
3七、服務器相關
3八、Egg.js相關
egg - 爲企業級框架和應用而生 https://eggjs.org/zh-cn/intro/quickstart.html
搭建基於Egg.js的基本網站 https://github.com/accforgit/douban-by-Egg
CNode 社區 Egg 版本 https://github.com/cnodejs/egg-cnode
3九、Koa2相關
Koa2學習筆記 https://github.com/chenshenhai
相關文章
- 1. Web前端開發工程師經常使用技術網站整理
- 2. Web前端工程師常去的15個技術網站
- 3. 前端開發經常使用的網站整理
- 4. web前端經常使用meta整理
- 5. 前端開發經常使用的在線工具網站
- 6. 『總結』web前端開發經常使用代碼整理
- 7. 前端經常使用技巧整理
- 8. 經常使用工具網站整理
- 9. 前端經常使用工具整理
- 10. web開發中經常使用技術
- 更多相關文章...
- • 網站主機 技術 - 網站主機教程
- • ASP.NET Web Pages - 發佈網站 - ASP.NET 教程
- • PHP開發工具
- • 使用阿里雲OSS+CDN部署前端頁面與加速靜態資源
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. Web前端開發工程師經常使用技術網站整理
- 2. Web前端工程師常去的15個技術網站
- 3. 前端開發經常使用的網站整理
- 4. web前端經常使用meta整理
- 5. 前端開發經常使用的在線工具網站
- 6. 『總結』web前端開發經常使用代碼整理
- 7. 前端經常使用技巧整理
- 8. 經常使用工具網站整理
- 9. 前端經常使用工具整理
- 10. web開發中經常使用技術