Web前端開(kāi)發(fā)工程師常用技術(shù)網(wǎng)站整理

1、常用工具相關(guān)

有道云筆記 http://note.youdao.com/signIn/index.html 36鎮(zhèn)-最好用的共享收藏夾 http://www.36zhen.com/ 瀏覽器同步測(cè)試工具 http://www.browsersync.cn/ https://www.browsersync.io/ 草料二維碼生成器 http://cli.im/ GitHub https://github.com/ StackOverFlow http://stackoverflow.com/ 圖片壓縮 https://tinypng.com/ 代碼對(duì)比/歸并 http://tool.oschina.net/diff json在線編輯器 http://www.qqe2.com/ px轉(zhuǎn)rem工具 http://520ued.com/tools/rem 在線代碼格式化 http://tool.oschina.net/codeformat/html Animate.css動(dòng)畫(huà)演示 http://www.dowebok.com/demo/2014/98/ CSS 3.0 Animation http://www.css3maker.com/index.html 在線二維碼解碼器 http://jiema.wwei.cn/ PDF轉(zhuǎn)換器 http://www.pdfdo.com/pdf-to-image.aspx 有道網(wǎng)頁(yè)翻譯 http://fanyi.youdao.com/ 前端開(kāi)發(fā)倉(cāng)庫(kù) http://code.ciaoca.com/ 百度靜態(tài)資源公共庫(kù) http://cdn.code.baidu.com/?qq-pf-to=pcqq.c2c 在線工具 http://tool.oschina.net/ 淘寶NPM鏡像 https://npm.taobao.org/ Animate.css 一款強(qiáng)大的預(yù)設(shè)css3動(dòng)畫(huà)庫(kù) http://www.jq22.com/jquery-info819 在線制作logo http://www.logomaker.com.cn/logo-maker.jsp Cheat Sheet http://docs.emmet.io/cheat-sheet/ 碼云 - 開(kāi)源中國(guó)代碼托管平臺(tái) 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 開(kāi)發(fā)者網(wǎng)絡(luò) https://developer.mozilla.org/zh-CN/# 兼容性檢測(cè) http://caniuse.com/ SOJSON.com http://www.sojson.com/ FQ軟件 http://b.ishadow.host/ 活躍在Github上的技術(shù)大牛排名 http://githubrank.com/ 20位活躍在Github上的國(guó)內(nèi)技術(shù)大牛 http://blog.csdn.net/yaoxtao/article/details/38518933 在線代碼著色 http://tool.oschina.net/highlight 在線電子書(shū) https://www.gitbook.com/ 谷歌在線文檔 https://docs.google.com/document/u/0/ 有道網(wǎng)頁(yè)翻譯 http://fanyi.youdao.com/WebpageTranslate >手冊(cè)網(wǎng) http://www.shouce.ren/ docute https://docute.js.org/#/zh-Hans/ 在線Word轉(zhuǎn)HTML http://www.docpe.com/word/word-to-html.aspx 代碼規(guī)范 https://standardjs.com/rules-zhcn.html 像素大廚 http://www.fancynode.com.cn/ 摳摳視頻秀 http://www.28video.com/ 美圖秀秀網(wǎng)頁(yè)版 http://xiuxiu.web.meitu.com/ 美圖秀秀批處理在線版 http://xiuxiu.web.meitu.com/plugin/batch/taobao.html?channel=resize 天眼查-人人都在用商業(yè)安全工具 https://www.tianyancha.com/ 企查查-企業(yè)信息查詢系統(tǒng) http://www.qichacha.com/ 啟信寶 https://www.qixin.com/ 正則表達(dá)式工具 http://www.regexlab.com/zh/mtracer/ 一個(gè)簡(jiǎn)單的JSON存儲(chǔ)和托管服務(wù) http://myjson.com/ 腳本之家在線工具 http://tools.jb51.net/ 百度網(wǎng)盤(pán)下載 http://pandownload.com/document.html PDF轉(zhuǎn)Word轉(zhuǎn)換器 https://smallpdf.com/cn/pdf-to-word 在線字?jǐn)?shù)統(tǒng)計(jì) http://www.eteste.com/ 博客園側(cè)邊欄插件庫(kù) http://abowman.com/ 圖片上傳 https://thyrsi.com/ IT教程網(wǎng) http://www.itjiaocheng.com/index.html

?

2、知識(shí)儲(chǔ)備相關(guān)

前端開(kāi)發(fā)相關(guān)的優(yōu)秀網(wǎng)站、博客、以及活躍開(kāi)發(fā)者 https://github.com/jikeytang/front-end-collect 前端網(wǎng)址導(dǎo)航 http://www.whycss.com/ 各類(lèi)移動(dòng)端頁(yè)面參考 http://k.swao.cn/js/web/mobileRefer.html JS前端開(kāi)發(fā) http://www.kancloud.cn/jikeytang/qq/87646 大前端 http://www.daqianduan.com/ dowebok http://www.dowebok.com/ 科蟻網(wǎng) http://www.ke01.com/ jQuery之家 http://www.htmleaf.com/ Helloweba http://www.helloweba.com/ H5EDU http://h5edu.cn/index.php TGideas-騰訊游戲官方設(shè)計(jì)團(tuán)隊(duì) http://tgideas.qq.com/ StuQ http://www.stuq.org/ H5jun http://matrix.h5jun.com/ SegmentFault https://segmentfault.com/ 醉牛前端 http://f2er.club/ 如何跟上前端開(kāi)發(fā)的最新前沿 https://uptodate.frontendrescue.org/zh/ 前端網(wǎng)（W3Cfuns） http://www.w3cfuns.com/ 前端工程師手冊(cè) https://leohxj.gitbooks.io/front-end-database/content/html-and-css-basic/index.html 前端 TOP100 https://www.awesomes.cn/rank? 中國(guó)領(lǐng)先的開(kāi)發(fā)者服務(wù)平臺(tái) https://www.sdk.cn/companies TodoMVC http://todomvc.com/ MUI - DCloud http://www.dcloud.io/mui.html 開(kāi)源中國(guó) http://www.oschina.net/ InfoQ - 促進(jìn)軟件開(kāi)發(fā)領(lǐng)域知識(shí)與創(chuàng)新的傳播 http://www.infoq.com/cn/ CSDN.NET - 全球最大中文IT社區(qū) http://www.csdn.net/ 騰訊ISUX https://isux.tencent.com/ WEB前端開(kāi)發(fā) http://www.css88.com/ 稀土掘金 http://gold.xitu.io/welcome 百度FEX http://fex.baidu.com/ Taobao FED | 淘寶前端團(tuán)隊(duì) http://taobaofed.org/ SDC設(shè)計(jì)師網(wǎng)址導(dǎo)航 http://hao.uisdc.com/ 前端收錄 http://www.helloweba.com/nav.html JavaScript 資源大全中文版 https://github.com/jobbole/awesome-javascript-cn WEB前端開(kāi)發(fā) http://www.css88.com/ WeUI 微信移動(dòng) Web 應(yīng)用設(shè)計(jì)的 UI 庫(kù) http://demo.weui.org.cn/example/ FrozenUI - 專注于移動(dòng)web的UI框架 http://frozenui.github.io/ 前端開(kāi)發(fā)博客 http://caibaojian.com/ 碼農(nóng)網(wǎng) http://www.codeceo.com/ 程序員找工作黑名單 http://coder.shengxinjing.cn/

3、移動(dòng)Web相關(guān)

iphone分辨率終極指南 http://images.shejidaren.com/wp-content/uploads/2014/09/iphone-Resolutions-guide.png 使用Flexible實(shí)現(xiàn)手淘H5頁(yè)面的終端適配 https://github.com/amfe/article/issues/17 H5播放器功能演示 http://m.v.qq.com/tvp/ 微信頁(yè)面內(nèi)嵌視頻的一些心得 http://blog.toxicjohann.com/2016/01/09/sth-about-video/

4、切頁(yè)面相關(guān)

sass入門(mén)-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 中文網(wǎng) http://lesscss.cn/ 快速入門(mén) | Less.js 中文文檔 http://less.bootcss.com/ LESS 一種動(dòng)態(tài)樣式語(yǔ)言 http://www.bootcss.com/p/lesscss/ Less 學(xué)習(xí)手冊(cè) http://www.1024i.com/demo/less/ z.less api http://www.aibusy.com/zless/

?

5、前端庫(kù)/框架/插件相關(guān)

Swiper中文APi http://www.swiper.com.cn/ fullPage.js http://www.jq22.com/jquery-info1124 多種動(dòng)態(tài)效果的CSS3文字動(dòng)畫(huà)插件：textillate.js http://www.holdcode.com/web/details/97 TweenMax動(dòng)畫(huà)庫(kù) http://greensock.com/timelinemax 翻書(shū)特效 http://www.turnjs.com/ css33D https://github.com/shrekshrek 可視化庫(kù) http://c3js.org/ 旋轉(zhuǎn)PPT https://github.com/impress/impress.js 網(wǎng)頁(yè)版PPT https://github.com/hakimel/reveal.js 桌面應(yīng)用程序 http://electron.atom.io/ 圖片裁剪Cropper https://www.awesomes.cn/repo/fengyuanchen/cropper 散射的原子顆粒特效 https://www.cnblogs.com/zx-admin/p/7030978.html 免費(fèi)圖片上傳 http://www.chuantu.biz/>

?

6、部署流程相關(guān)

Gulp官網(wǎng) http://gulpjs.com/ Gulp 中文網(wǎng) http://www.gulpjs.com.cn/ Yeoman http://yeoman.io/ browsersync官網(wǎng) https://browsersync.io/ Gulp和webpack的區(qū)別，是一種工具嗎？ http://blog.csdn.net/xllily_11/article/details/51782005 從零開(kāi)始搭建腳手架 https://juejin.im/post/5af6f9bd6fb9a07ac90d49eb

?

7、帖子相關(guān)

shakejs是一個(gè)搖一搖的工具 https://segmentfault.com/a/1190000002607249 手機(jī)移動(dòng)端WEB資源整合 http://www.daqianduan.com/6281.html H5拍照應(yīng)用開(kāi)發(fā)經(jīng)歷的那些坑兒 http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201409/278736.shtml 移動(dòng)HTML5前端性能優(yōu)化指南 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 多屏互動(dòng)——H5中級(jí)進(jìn)階 https://blog.maxleap.cn/archives/985 HTML5與移動(dòng)端web學(xué)習(xí)筆記 https://segmentfault.com/a/1190000002712653 github上值得關(guān)注的前端項(xiàng)目 https://segmentfault.com/a/1190000002804472 詳解js跨域問(wèn)題 https://segmentfault.com/a/1190000000718840 詳解js閉包 https://segmentfault.com/a/1190000000652891 淺析jQuery整體框架與實(shí)現(xiàn)（上） https://segmentfault.com/a/1190000000754325 JavaScript繼承方式詳解 https://segmentfault.com/a/1190000002440502 關(guān)于原生js的一些研究 https://segmentfault.com/a/1190000002911253 從輸入 URL 到瀏覽器接收的過(guò)程中發(fā)生了什么事情？ https://segmentfault.com/a/1190000000697254 詳解JavaScript模塊化開(kāi)發(fā) https://segmentfault.com/a/1190000000733959 JavaScript 經(jīng)典實(shí)例收集整理 https://segmentfault.com/a/1190000002559158 Web安全知多少 http://wetest.qq.com/lab/view/136.html 前端MVC變形記 http://efe.baidu.com/blog/mvc-deformation/ 猴子都能懂的GIT入門(mén) http://backlogtool.com/git-guide/cn/ 前端學(xué)習(xí)路徑 https://zhuanlan.zhihu.com/p/21935921 深入了解viewport和px http://tgideas.qq.com/webplat/info/news_version3/804/7104/7106/m5723/201509/376281.shtml 手機(jī)移動(dòng)端WEB資源整合 http://www.daqianduan.com/6281.html web前端開(kāi)發(fā)-移動(dòng)端頁(yè)面開(kāi)發(fā)資源總結(jié) http://www.html5dw.com/post?id=1491 H5項(xiàng)目常見(jiàn)問(wèn)題及注意事項(xiàng) http://www.open-open.com/lib/view/open1449325854077.html

?

8、H5案例相關(guān)

全新BMW M2鋒芒上市 http://bmw2.thefront.com.cn/m2_2016/?from=iguoguo.net 萬(wàn)物皆有源 邀你共同見(jiàn)證 http://whoiam.digi-campaign.com/index.html?from=iguoguo.net H5說(shuō) http://www.h5shuo.com/pc

?

9、Node.js相關(guān)

移動(dòng)前端資源整理 http://ionichina.com/topic/570b1f4ecd63e4247a7cfcf3 Node.js API 中文版 http://nodeapi.ucdok.com/#/api/ Node.js 中文網(wǎng) http://nodejs.cn/ Node.js 英文網(wǎng) https://nodejs.org/en/ NPM https://www.npmjs.com/ Express中文網(wǎng) http://www.expressjs.com.cn/ Express英文網(wǎng) 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專業(yè)中文社區(qū) https://cnodejs.org/ Bower https://bower.io/ bower是什么 http://dagaiwan.com/207.html @i5ting 的個(gè)人主頁(yè) - CNode技術(shù)社區(qū) https://cnodejs.org/user/i5ting 狼叔：如何正確的學(xué)習(xí)Node.js https://github.com/i5ting/How-to-learn-node-correctly 七天學(xué)會(huì)NodeJS http://nqdeng.github.io/7-days-nodejs/#1 基于vue2.0 +vuex+ element-ui后臺(tái)管理系統(tǒng) https://github.com/wdlhao/vue2-element-touzi-admin 基于 node.js + Mongodb 構(gòu)建的后臺(tái)系統(tǒng) https://github.com/bailicangdu/node-elm 基于 vue2 + vuex 構(gòu)建一個(gè)具有 45 個(gè)頁(yè)面的大型單頁(yè)面應(yīng)用 https://github.com/bailicangdu/vue2-elm

10、AngularJS相關(guān)

AngularJS https://angularjs.org/ AngularJS中文社區(qū) http://www.angularjs.cn/ AngularJS中文網(wǎng) http://www.apjs.net/ AngularJS 菜鳥(niǎo)教程 http://www.runoob.com/angularjs/angularjs-tutorial.html AngularJS 參考手冊(cè) http://www.runoob.com/angularjs/angularjs-reference.html AngularJs篇：30分鐘快速掌握AngularJs http://www.cnblogs.com/zhili/p/AngularJSQuickStart.html AngularJs學(xué)習(xí)筆記--directive http://www.cnblogs.com/lcllao/archive/2012/09/09/2677190.html Angular范例程序 http://showcase.ngnice.com/#/home/home

?

11、Angular2相關(guān)

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

?

12、Ionic相關(guān)

Ionic官網(wǎng) http://ionicframework.com/ Ionic中文網(wǎng) http://www.ionic.wang/ Cordova官網(wǎng) http://cordova.apache.org/ Ionichina：全球最大的 Ionic Framework 中文社區(qū) http://ionichina.com/ Ionic中文站 http://cnionic.com/web/ Ionic仿照微信項(xiàng)目源碼-邊開(kāi)發(fā)邊學(xué) http://www.phonegap100.com/themesinfo_47.html Ionic Lab http://lab.ionic.io/ AndroidDevTools Android SDK下載 http://www.androiddevtools.cn/ 騰訊大師兄 - 移動(dòng)開(kāi)發(fā)者工具鏡像站點(diǎn) https://dsx.bugly.qq.com/ ionic 教程 http://www.runoob.com/ionic/ionic-tutorial.html

?

13、Ionic 2相關(guān)

Ionic 2 http://ionic.io/

?

14、React Native相關(guān)

React Native 官網(wǎng) http://facebook.github.io/react-native/ React Native 中文網(wǎng) http://reactnative.cn/ 手把手教React Native實(shí)戰(zhàn)開(kāi)發(fā)視頻教程 1-50集 https://yunpan.cn/cBiQAJQIkf67P 訪問(wèn)密碼 a16f React-Native學(xué)習(xí)指南 https://github.com/reactnativecn/react-native-guide

?

15、TypeScript相關(guān)

TypeScript官網(wǎng) https://www.typescriptlang.org/ TypeScript中文網(wǎng) http://tslang.cn/index.html

?

16、GitHub相關(guān)

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/

?

17、React.js相關(guān)

React 技術(shù)棧系列教程 - 阮一峰的網(wǎng)絡(luò)日志 http://www.ruanyifeng.com/blog/2016/09/react-technology-stack.html React.js官網(wǎng) https://facebook.github.io/react/index.html React.js中文網(wǎng) http://reactjs.cn/react/index.html Why React? | React https://facebook.github.io/react/docs/why-react.html React中文網(wǎng) http://react-china.org/ React入門(mén)視頻教程 - Page 1 - 霹靂漁 http://piliyu.com/tag/react-getting-started-video-tutorial/ React 入門(mén)實(shí)例教程 - 阮一峰的網(wǎng)絡(luò)日志 http://www.ruanyifeng.com/blog/2015/03/react.html 來(lái)自中國(guó)電信云計(jì)算的React入門(mén)視頻 http://leanote.com/blog/post/57858d9cab644133ed009dfb React JSFiddle https://jsfiddle.net/reactjs/69z2wepo/ React JSFiddle without JSX https://jsfiddle.net/reactjs/5vjqabv3/ 交互有趣的前端開(kāi)發(fā)課程 - zexeo則修 http://zexeo.com/course Ant Design - 一個(gè) UI 設(shè)計(jì)語(yǔ)言 http://ant.design/ React 中文導(dǎo)航 http://nav.react-china.org/ React-ui https://www.awesomes.cn/repo/Lobos/react-ui Babel 官網(wǎng) https://babeljs.io/ Babel 中文網(wǎng) http://babeljs.cn/ Wos 課后班 http://dagaiwan.com/ Amaze UI http://amazeui.org/ react-tools如何使用 http://dagaiwan.com/230.html React學(xué)習(xí)資源匯總 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 極客學(xué)院-React中文文檔 http://wiki.jikexueyuan.com/list/react/ 仿React中文網(wǎng) http://www.css88.com/react/index.html webpack2中文文檔 http://www.css88.com/doc/webpack2/ Webpack 中文指南 http://webpackdoc.com/index.html React 應(yīng)用的性能優(yōu)化之路 https://github.com/xitu/gold-miner/blob/master/TODO/performance-optimisations-for-react-applications.md 驚鴻三世的博客-React http://blog.codingplayboy.com/tag/react/ Vue 和 React 的使用場(chǎng)景和深度有何不同？ https://www.zhihu.com/question/31585377 AngularJs與ReactJS優(yōu)缺點(diǎn)&適用場(chǎng)景 http://blog.csdn.net/u012125579/article/details/52744093 AngularJS 對(duì)比 React http://www.oschina.net/translate/angularjs-vs-react 請(qǐng)問(wèn) React 和 Angular 各有什么優(yōu)缺點(diǎn)，各自又適合什么開(kāi)發(fā)場(chǎng)景？ https://www.zhihu.com/question/23444167

?

?18、Vue.js相關(guān)

Vue.js中文文檔 https://vuefe.cn/v2/guide/ Vue.js官網(wǎng) http://cn.vuejs.org/ Vuejs 1.0 系列教程 https://laravist.com/series/vue-js-1-0-in-action-series vuejs入門(mén)基礎(chǔ) http://www.imooc.com/learn/694 Vue 開(kāi)源項(xiàng)目庫(kù)匯總 https://github.com/opendigg/awesome-github-vue 使用Vue.js和Vuex實(shí)現(xiàn)購(gòu)物車(chē)場(chǎng)景 https://segmentfault.com/a/1190000005780326 用VUE.JS學(xué)習(xí)ES https://ke.qq.com/course/173710 vue項(xiàng)目實(shí)踐（vuex + vue-router + vue-resource） https://segmentfault.com/a/1190000006747096 vonic （一個(gè)基于 vue.js 和 ionic 樣式的 UI 框架） https://wangdahoo.github.io/vonic-documents/#/ Vue.js開(kāi)發(fā) http://www.cnblogs.com/keepfool/category/845804.html Vue.js資源匯總 https://github.com/vuejs/awesome-vue 老馬最新力作：最經(jīng)典的Vue入門(mén)系列 http://aicoder.com/vue/preview/all.html Vue1.0常用語(yǔ)法 https://yq.aliyun.com/articles/64237 Vue.js專業(yè)中文社區(qū) https://www.vue-js.com/ Vue.js 源碼學(xué)習(xí)筆記 http://jiongks.name/blog/vue-code-review/ Vue.js高仿餓了么外賣(mài)App https://github.com/ustbhuangyi/vue-sell/tree/1.0 Vue.js 通用應(yīng)用框架 https://zh.nuxtjs.org/ vue 常用ui組件 http://blog.csdn.net/zgrkaka/article/details/53897202 VUE優(yōu)秀UI組件庫(kù)合集 https://shimo.im/doc/LkpdnWxM1j40BDJj/ Vue.js 移動(dòng)端 UI 組件庫(kù) https://vux.li/ vue-element-admin https://panjiachen.github.io/vue-element-admin-site/zh/ VuePress Vue 驅(qū)動(dòng)的靜態(tài)網(wǎng)站生成器 https://vuepress.vuejs.org/zh/ Vuetify https://vuetifyjs.com/zh-Hans/ iview https://www.iviewui.com/

?

19、Weex相關(guān)

Weex官網(wǎng) http://alibaba.github.io/weex/ Weex 中文官網(wǎng) http://alibaba.github.io/weex/cn/

總結(jié)

以上是生活随笔為你收集整理的前端相关网站合集的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。