一、找素材網站
1、花瓣兒網；
2、站長素材；
3、模板王；
4、初頁
5、瑪咖
6、易企秀
7、虎嗅
8、http://www.sj520.cn/hao/#25(前端設計網)
二、壓縮轉碼工具
1、https://cli.im/ (草料二維碼)
2、https://icomoon.io/ (轉icon網站)
3、https://tinypng.com/ (壓縮圖片網址)
4、https://www.toptal.com/developers/css/sprite-generator(css sprite制作小圖標生成css)
5、https://www.npmjs.com/package/html-minifier（html、css、js壓縮網站）
6、http://tool.oschina.net/jscompress（壓縮轉碼）
7、http://fis.baidu.com/（fis官網）
8、https://www.iconfont.cn/（圖標字體）
9、http://www.lxweimin.com/p/56cb286a6c2e(inline image)
10、https://zhitu.isux.us/(轉webp)
11、http://www.spritecow.com/（雪碧圖）
12、http://www.w3school.com.cn/svg/svg_path.asp（svg）
13、https://ohmyz.sh/?（mac專用命令行）
14、https://123.w3cschool.cn/webtools
?15、https://zhuanlan.zhihu.com/p/102275640?（vscode開發工具）
三、教你使用Git
1、http://blog.jobbole.com/78960/
2、http://www.php100.com/html/webkaifa/Linux/2009/1106/3485.html（linuk）
3、http://www.cnblogs.com/cspku/articles/Git_cmds.html （git命令）
4、http://www.cnblogs.com/fanfan259/p/4810517.html
5、https://git-scm.com/book/zh/v2 (系統學習git)
6、http://www.cnblogs.com/eedc/p/6168430.html（如何用命令將本地項目上傳到git）
7、http://www.php100.com/html/webkaifa/Linux/2009/1106/3485.html（linuk）
8、https://cmder.net/（comdr工具 shell工具）
四、chorme調試
1、https://segmentfault.com/a/1190000005624728(調試)
2、http://developers.google.cn/speed/pagespeed/insights/（優化工具）
3、https://web.dev/（谷歌性能優化）
4、https://mp.weixin.qq.com/s/RtZZ5ypOZq6kabcnVeyAEQ
5、https://umaar.com/dev-tips/
五、框架插件
1、http://www.thinkphp.cn/document/index.html (thinkphp文檔)
2、http://www.thinkphp.cn/topic/35803.html (tp整體流程)
3、http://www.kancloud.cn/thinkphp/thinkphp_quickstart/2138（tp）
4、https://www.awesomes.cn/repos/Applications/frameworks (各種框架)
5、http://www.ruanyifeng.com/blog/2015/03/react.html (react文檔)
6、http://www.dowebok.com/77.html (fullpage文檔)
7、https://doc.webpack-china.org/configuration/ (webpack文檔)
8、https://router.vuejs.org/zh-cn/essentials/getting-started.html (vue router文檔)
9、http://mint-ui.github.io/#!/zh-cn (mint-ui)
10、http://element.eleme.io/#/zh-CN/component/installation (element-ui)
11、https://vuex.vuejs.org/zh-cn/getting-started.html （vuex）
12、https://cn.vuejs.org/v2/guide/instance.html (vue)
13、https://fengyuanchen.github.io/cropper/v0.7.9/(上傳頭像插件)? http://www.asheep.cn/skill/imagecropper.html
14、http://echarts.baidu.com/ (走勢圖插件)
15、http://www.zhangxinxu.com/wordpress/?p=1591(JS Range HTML文檔/文字內容選中、庫及應用介紹)
16、http://paginationjs.com/(分頁)
17、http://www.cnblogs.com/lhb25/archive/2012/10/16/jquery-calendar-timepicker-plugins.html(日歷)
18、http://www.layui.com/doc/modules/layer.html(前端插件)
19、http://amazeui.org/1.x/getting-started/（前端插件）
20、http://vuejs-templates.github.io/webpack/(webpack)
21、https://www.npmjs.com/package/axios（axios）
22、https://vux.li/#/zh-CN/vux-loader（vux）
23、https://didi.github.io/cube-ui/#/zh-CN/docs/introduction(cube-ui文檔)
24、https://www.iviewui.com/docs/guide/install（iView）
六、學習JS
1、https://www.zhihu.com/question/19651401(學習javascrpt網站)
2、http://es6.ruanyifeng.com/（es6）
3、http://javascript.ruanyifeng.com/#grammar(JS網站)
4、http://www.cnblogs.com/strick/p/5895969.html(設計模式)
5、https://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94).aspx
（js microsoft）
七、學習網站
1、http://www.muhu28.com/learnIndex(牧虎)
2、http://www.cnblogs.com/wangking/p/5881149.html(面試)
3、http://blog.csdn.net/qq_34348873/article/details/52572008(前端須知)
4、http://www.sj520.cn/hao/#25(前端設計網)
5、http://www.haorooms.com/post/jquery_dmgf_zjsj(前端網址）
6、https://segmentfault.com/a/1190000006672214?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly#articleHeader14（前端安全性能）
7、http://www.itwendao.com（學習網站）
8、http://www.w3cplus.com/（前端學習）
9、http://www.cnblogs.com/wangfupeng1988/p/4649709.html(前端總結)
10、http://video.mobiletrain.org/（教學視頻）
11、https://developer.mozilla.org/zh-CN/(學習網站)
八、小程序
1、https://mp.weixin.qq.com/debug/wxadoc/dev/index.html(小程序開發)
2、https://mp.weixin.qq.com/debug/wxadoc/design/index.html?t=201767
3、https://mp.weixin.qq.com/debug/wxadoc/product/index.html?t=2017118
4、https://ke.qq.com/user/index/index.html#cid=159189&tid=100206492&term_id=100206492(開發小程序視屏)
5、https://github.com/justjavac/awesome-wechat-weapp（微信小程序開發資源匯總）
6、?https://github.com/icindy/wxParse（處理富文本）
九、跨域問題代理
1、https://bird.ioliu.cn/（跨域請求）
十、php學習
1、http://php.net/manual/zh/（php）
2、http://www.php.cn/weixin-kaifa-356346.html（微信公眾號）
十一、社區
1、https://www.vue-js.com/(vue社區)
2、https://github.com/jikeytang/front-end-collect(學習論壇)
十二、typescript
https://ts.xcatliu.com/
十三、共享調試工具：
https://www.teamviewer.cn/cn/
十四、好用的插件：
https://mp.weixin.qq.com/s/9BeLnGk09N-fAALE-XSlpQ
EnjoyCSS
https://enjoycss.com/
Prettier
https://prettier.io/
Postman
https://www.postman.com/
StackBlitz
https://stackblitz.com/
Bit.dev
https://bit.dev/
CanIUse
https://caniuse.com/
redux-devtools-extension (redux調試工具)
https://github.com/zalmoxisus/redux-devtools-extension
https://sockboom.mobi/auth/register?affid=184363
