[转] Web前端开发工程师常用技术网站整理

时间:2021-08-05 15:06:36

1、常用工具相关

36镇-最好用的共享收藏夹  http://www.36zhen.com/
草料二维码生成器   http://cli.im/
图片压缩  https://tinypng.com/
代码对比/归并  http://tool.oschina.net/diff
json在线编辑器  http://www.qqe2.com/
Animate.css动画演示  http://www.dowebok.com/demo/2014/98/
在线二维码解码器  http://jiema.wwei.cn/
有道网页翻译   http://fanyi.youdao.com/
前端开发仓库  http://code.ciaoca.com/
百度静态资源公共库   http://cdn.code.baidu.com/?qq-pf-to=pcqq.c2c
淘宝NPM镜像   https://npm.taobao.org/
Animate.css 一款强大的预设css3动画库  http://www.jq22.com/jquery-info819
码云 - 开源中国代码托管平台   http://git.oschina.net/
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/
活跃在Github上的技术大牛排名   http://githubrank.com/
20位活跃在Github上的国内技术大牛  http://blog.csdn.net/yaoxtao/article/details/38518933
在线电子书   https://www.gitbook.com/
抠抠视频秀  http://www.28video.com/
美图秀秀网页版  http://xiuxiu.web.meitu.com/
天眼查-人人都在用商业安全工具   https://www.tianyancha.com/
企查查-企业信息查询系统   http://www.qichacha.com/
正则表达式工具  http://www.regexlab.com/zh/mtracer/
一个简单的JSON存储和托管服务   http://myjson.com/
脚本之家在线工具   http://tools.jb51.net/

2、知识储备相关

前端开发相关的优秀网站、博客、以及活跃开发者   https://github.com/jikeytang/front-end-collect
前端网址导航  http://www.whycss.com/
各类移动端页面参考  http://k.swao.cn/js/web/mobileRefer.html
TGideas-腾讯游戏官方设计团队  http://tgideas.qq.com/
醉牛前端  http://f2er.club/
如何跟上前端开发的最新前沿   https://uptodate.frontendrescue.org/zh/
前端网(W3Cfuns)  http://www.w3cfuns.com/
中国领先的开发者服务平台   https://www.sdk.cn/companies
InfoQ - 促进软件开发领域知识与创新的传播  http://www.infoq.com/cn/
CSDN.NET - 全球最大中文IT社区  http://www.csdn.net/
WEB前端开发  http://www.css88.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/

3、移动Web相关

使用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/

4、切页面相关

sass入门-sass教程  http://www.w3cplus.com/sassguide/
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/

5、前端库/框架/插件相关

Swiper中文APi  http://www.swiper.com.cn/
多种动态效果的CSS3文字动画插件:textillate.js  http://www.holdcode.com/web/details/97
翻书特效  http://www.turnjs.com/
可视化库  http://c3js.org/
桌面应用程序  http://electron.atom.io/

6、部署流程相关

Gulp官网  http://gulpjs.com/
Gulp 中文网  http://www.gulpjs.com.cn/
browsersync官网   https://browsersync.io/
Gulp和webpack的区别,是一种工具吗?   http://blog.csdn.net/xllily_11/article/details/51782005

7、帖子相关

shakejs是一个摇一摇的工具  https://segmentfault.com/a/1190000002607249
手机移动端WEB资源整合  http://www.daqianduan.com/6281.html
移动HTML5前端性能优化指南  http://www.uisdc.com/html5-front-end-optimization
多屏互动——H5中级进阶  https://blog.maxleap.cn/archives/985
HTML5与移动端web学习笔记    https://segmentfault.com/a/1190000002712653
github上值得关注的前端项目   https://segmentfault.com/a/1190000002804472
浅析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
猴子都能懂的GIT入门   http://backlogtool.com/git-guide/cn/
手机移动端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

8、H5案例相关

9、Node.js相关

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 - Template Engine   http://jade-lang.com/
CNode:Node.js专业中文社区   https://cnodejs.org/
@i5ting 的个人主页 - CNode技术社区  https://cnodejs.org/user/i5ting
狼叔:如何正确的学习Node.js   https://github.com/i5ting/How-to-learn-node-correctly
基于vue2.0 +vuex+ element-ui后台管理系统  https://github.com/wdlhao/vue2-element-touzi-admin

10、AngularJS相关

AngularJS中文社区  http://www.angularjs.cn/
AngularJS中文网  http://www.apjs.net/
AngularJs篇:30分钟快速掌握AngularJs  http://www.cnblogs.com/zhili/p/AngularJSQuickStart.html

11、Angular2相关

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

12、Ionic相关

Ionic中文网   http://www.ionic.wang/
Ionichina:全球最大的 Ionic Framework 中文社区  http://ionichina.com/
Ionic中文站  http://cnionic.com/web/
Ionic仿照微信项目源码-边开发边学  http://www.phonegap100.com/themesinfo_47.html
AndroidDevTools Android SDK下载  http://www.androiddevtools.cn/
腾讯大师兄 - 移动开发者工具镜像站点   https://dsx.bugly.qq.com/

13、Ionic 2相关

14、React Native相关

React Native 中文网  http://reactnative.cn/
手把手教React Native实战开发视频教程  1-50集 https://yunpan.cn/cBiQAJQIkf67P 访问密码 a16f

15、TypeScript相关

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

16、GitHub相关

17、React.js相关

React 技术栈系列教程 - 阮一峰的网络日志   http://www.ruanyifeng.com/blog/2016/09/react-technology-stack.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 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/
react-tools如何使用   http://dagaiwan.com/230.html
React 组件之间如何交流   http://www.tuicool.com/articles/AzQzEbq
极客学院-React中文文档   http://wiki.jikexueyuan.com/list/react/
webpack2中文文档  http://www.css88.com/doc/webpack2/
Webpack 中文指南   http://webpackdoc.com/index.html
惊鸿三世的博客-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
请问 React 和 Angular 各有什么优缺点,各自又适合什么开发场景?   https://www.zhihu.com/question/23444167

18、Vue.js相关

Vue.js中文文档   https://vuefe.cn/v2/guide/
Vue.js官网  http://cn.vuejs.org/
vuejs入门基础  http://www.imooc.com/learn/694
使用Vue.js和Vuex实现购物车场景   https://segmentfault.com/a/1190000005780326
vue项目实践(vuex + vue-router + vue-resource)   https://segmentfault.com/a/1190000006747096
vonic (一个基于 vue.js 和 ionic 样式的 UI 框架)   https://wangdahoo.github.io/vonic-documents/#/
老马最新力作:最经典的Vue入门系列  http://aicoder.com/vue/preview/all.html
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/

19、Weex相关

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

20、代码组织相关

Sea.js官网    http://seajs.org/docs/
RequireJS官网   http://requirejs.org/
RequireJS中文网  http://www.requirejs.cn/

21、JavaScript相关

Javascript中的apply与call详解  http://www.cnblogs.com/huyong/p/4139875.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/

22、CSS相关

css的div垂直居中的方法,百分比div垂直居中   http://www.haorooms.com/post/css_div_juzhong
CSS参考手册  http://css.doyoe.com/

23、HTML5相关

html5自带表单验证体验优化及提示气泡修改     http://www.haorooms.com/post/html5_formvalid

24、工具相关

25、组件开发相关

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

26、在线学习相关

慕课网(IMOOC)   http://www.imooc.com/
腾讯课堂   https://ke.qq.com/
网易云课堂   http://study.163.com/
课工场   http://www.kgc.cn/

27、知名博主相关

阮一峰的网络日志  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/
惜缘的网络博客    https://xiyuan-code.github.io/blog/
极限前端 | ouvenzhang的博客   http://jixianqianduan.com/
大漠的博客    https://www.w3cplus.com/
惜缘的网络笔记   https://jiyi1990118.github.io/blog/
技术胖-胜洪宇   http://jspang.com/
张鑫旭-鑫空间-鑫生活  http://www.zhangxinxu.com/
Brian的个人博客  http://www.brianlee.cn/

28、活动相关

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

29、前端面试相关

30、PWA相关

基于 Vue 的 PWA 解决方案   https://lavas.baidu.com/

31、招聘相关

32、前端会议相关

33、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采坑指南  http://docs.brianlee.cn/nuxt/
基于 Nuxt 的 Vue.js 服务端渲染实践   https://juejin.im/post/59ee97a66fb9a044fc43e910
王者荣耀故事站小程序(nuxt + 小程序)  https://juejin.im/post/59f19d52f265da432002782c
nuxt框架中路由鉴权——Koa和Session  https://juejin.im/post/5aefc886f265da0b7e0c2e48
深入 NUXT,看看一条命令行的背后到底发生了什么   https://segmentfault.com/a/1190000008114613
基于nuxt和iview搭建后台管理系统实践(1)  https://juejin.im/post/5b439265f265da0f9e5881f5

34、微信小程序相关

微信小程序商城,微信小程序微店  https://github.com/EastWorld/wechat-app-mall
微信小程序开发资源汇总   https://github.com/justjavac/awesome-wechat-weapp
微信小程序模板源码   http://www.getweapp.com/

35、微信公众号编辑工具相关

36、源码解析相关

剖析 Vue.js 内部运行机制   https://juejin.im/book/5a36661851882538e2259c0f
Vue、Vuex源码分析   http://www.imooc.com/t/3017249

37、服务器相关

38、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

39、Koa2相关