[转] Web前端开发工程师常用技术网站整理
1、常用工具相关
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
2、知识储备相关
前端开发相关的优秀网站、博客、以及活跃开发者 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/
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/
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/
5、前端库/框架/插件相关
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/
6、部署流程相关
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
7、帖子相关
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
浅析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/
深入了解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
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模板引擎 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
10、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
11、Angular2相关
One framework. - Angular 2 https://angular.io/
12、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/
13、Ionic 2相关
Ionic 2 http://ionic.io/
14、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
15、TypeScript相关
TypeScript官网 https://www.typescriptlang.org/
TypeScript中文网 http://tslang.cn/index.html
16、GitHub相关
GitHub https://github.com/
GitHubPages https://pages.github.com/
Hexo https://hexo.io/
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/
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
18、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) https://segmentfault.com/a/1190000006747096
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/
19、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
21、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/
22、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/
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/
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/
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/
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项目 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 服务端渲染实践 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
微信小程序模板源码 http://www.getweapp.com/
35、微信公众号编辑工具相关
135编辑器 http://www.135editor.com/
36、源码解析相关
剖析 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/
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相关
Koa2学习笔记 https://github.com/chenshenhai
[转] Web前端开发工程师常用技术网站整理的更多相关文章
- Web前端开发工程师常用技术网站整理
1.常用工具相关 有道云笔记 http://note.youdao.com/signIn/index.html 36镇-最好用的共享收藏夹 http://www.36zhen.com/ 浏览器同步测试 ...
- 上海洋码头(www.ymatou.com)急招技术人才(职位:互联网软件开发工程师,.NET网站架构师,Web前端开发工程师,高级测试工程师,产品经理)
对公司招聘职位有兴趣的童鞋可以把简历发送到zhangzhiqiang@ymatou.com,我们HR会快速给你答复. 互联网软件开发工程师 岗位职责: 1.参与洋码头各个平台(www.ymatou.c ...
- 必知干货:Web前端应用十种常用技术你全都知道吗?
Web前端应用十种常用技术,随着JS与XHTML的应用普及,越来越多的web界面应用技术出现在网站上,比如我们常见的日历控件,搜索下拉框等,这些web界面应用技术大大的丰富了网站的表现形式,本文将为您 ...
- Web前端开发工程师养成计划【转载】
Web前端开发工程师养成计划(入门篇) 最原始的忠告:这个世界上有想法的人很多,但是有想法又能实现它的人太少! 首先要感谢伟大的Web2.0概念.产品概念.用户体验概念.jQuery插件,是它们在中国 ...
- Web前端开发工程师基本要求
一位好的Web前端开发工程师在知识体系上既要有广度,又要有深度,所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师.现在说的重点不在于讲解技术,而是更侧重于对技巧的讲解.技术非黑即白,只有对和错 ...
- Web前端开发工程师面试题
Web前端开发工程师面试题1.说说css的优先级?2.在移动端中,常常使用tap作为点击事件,好处是?会带来什么问题?3.原生JS的window,onload与Jquery的$(document).r ...
- web前端开发工程师
web前端开发工程师 百科名片 Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过5年.Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征.在互联网的演化进 ...
- web前端开发工程师工资多少
做web前端开发工程师工资高不高?下面千锋小编为大家分析一下:作为目前互联网行业中的主流技术,Web前端一直是占有重要的地位.尤其是近年来HTML5技术的突飞猛进,使Web前端技术有了更好的发展. ...
- 25个Web前端开发工程师必看的国外大牛和酷站
逛了一周国外大牛们的博客与酷站,真是满满的钦佩.震撼.羡慕.惊喜………… Web设计是一个不断变化的领域,因此掌握最新的发展趋势及技术动向对设计师来说非常重要.无论是学习新技术,还是寻找免费资源与工具 ...
随机推荐
- BIM开发引挈
BIM开发引挈: 0.three.js https://threejs.org/ 1. 陕西葛兰岱尔网络科技有限公司 www.glendale.com.cn 基于WebGL BIM轻 ...
- 使用Let's Encrypt为网站加入SSL证书
一直没有为网站配置过HTTPS,因为怕麻烦.不过这次工作要求,没有办法,只能硬着头皮上了. 老板提供了一个关键字,Let's Encrypt.其实最早看到这句话,我以为是一个动词,让我行动的意思.但是 ...
- Ubuntu14下nginx服务器链接PHP
报错:nginx下无法打开php,报错[error] 5040#0: *1 connect() failed (111: Connection ref ... server { listen ; #l ...
- javascript动态的改变checkbox的选中状态
<td> <div class="checkbox"> <label> <input type="checkbox" ...
- 几种 WebP 动态图制作方法
1.RealWorld Paint 目前唯一有图形用户界面的 动态 webp 编辑器, 利用最新版本 libwebp v1.0.0 生成的有损动态图是打不开.这个有两个版本, 推荐使用 2013.1, ...
- $Django Rest Framework-序列化组件
1 序列化组件 e=serializers.SerializerMethodField() # 方法名:叫get_字段名, 参数,返回字典 def get_e(self,obj): #obj为b ...
- SmartGit/HG
SmartGit/HG 是一款开放源代码的.跨平台的.支持 Git 和 Mercurial 的 SVN 图形客户端,可运行在Windows.Linux 和 MAC OS X 系统上.可用的最新版本 S ...
- MD5算法工具类
抽时间写了一个算法工具类,目前支持的算法有SHA1,SHA256,SHA384,SHA512,MD5,同时支持获取文件的MD5值. 使用方法如下: 获取字符串的MD5值 String str= Alg ...
- 微信小程序—获取用户网络状态和设备的信息
这个是一个简易教程,按照他的步骤下载好了,打开界面看到的效果是如下的:
- Oracle Package的全局变量与Session
Oracle Package的全局变量与Session2012-07-26 aaie_ 阅 3595 转 10简单讲,同一个session下pageckage中的全局变量时公共的,会导致冲突.以下是一 ...