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相关

[转] Web前端开发工程师常用技术网站整理的更多相关文章

  1. Web前端开发工程师常用技术网站整理

    1.常用工具相关 有道云笔记 http://note.youdao.com/signIn/index.html 36镇-最好用的共享收藏夹 http://www.36zhen.com/ 浏览器同步测试 ...

  2. 上海洋码头(www.ymatou.com)急招技术人才(职位:互联网软件开发工程师,.NET网站架构师,Web前端开发工程师,高级测试工程师,产品经理)

    对公司招聘职位有兴趣的童鞋可以把简历发送到zhangzhiqiang@ymatou.com,我们HR会快速给你答复. 互联网软件开发工程师 岗位职责: 1.参与洋码头各个平台(www.ymatou.c ...

  3. 必知干货:Web前端应用十种常用技术你全都知道吗?

    Web前端应用十种常用技术,随着JS与XHTML的应用普及,越来越多的web界面应用技术出现在网站上,比如我们常见的日历控件,搜索下拉框等,这些web界面应用技术大大的丰富了网站的表现形式,本文将为您 ...

  4. Web前端开发工程师养成计划【转载】

    Web前端开发工程师养成计划(入门篇) 最原始的忠告:这个世界上有想法的人很多,但是有想法又能实现它的人太少! 首先要感谢伟大的Web2.0概念.产品概念.用户体验概念.jQuery插件,是它们在中国 ...

  5. Web前端开发工程师基本要求

    一位好的Web前端开发工程师在知识体系上既要有广度,又要有深度,所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师.现在说的重点不在于讲解技术,而是更侧重于对技巧的讲解.技术非黑即白,只有对和错 ...

  6. Web前端开发工程师面试题

    Web前端开发工程师面试题1.说说css的优先级?2.在移动端中,常常使用tap作为点击事件,好处是?会带来什么问题?3.原生JS的window,onload与Jquery的$(document).r ...

  7. web前端开发工程师

    web前端开发工程师 百科名片 Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过5年.Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征.在互联网的演化进 ...

  8. web前端开发工程师工资多少

      做web前端开发工程师工资高不高?下面千锋小编为大家分析一下:作为目前互联网行业中的主流技术,Web前端一直是占有重要的地位.尤其是近年来HTML5技术的突飞猛进,使Web前端技术有了更好的发展. ...

  9. 25个Web前端开发工程师必看的国外大牛和酷站

    逛了一周国外大牛们的博客与酷站,真是满满的钦佩.震撼.羡慕.惊喜………… Web设计是一个不断变化的领域,因此掌握最新的发展趋势及技术动向对设计师来说非常重要.无论是学习新技术,还是寻找免费资源与工具 ...

随机推荐

  1. Linux中OCI开发库的配置

    Oracle调用接口(Oracle Call Interface,简称OCI)提供了一组可对Oracle数据库进行存取的接口子例程(函数),通过在第三代程序设计语言(如C语言)中进行调用可达到存取Or ...

  2. git与eclipse集成之导入组件到Eclipse工程

    从工作目录中选择要导入的组件,右键选择:Import Projects,弹出窗口如下图所示,选择Import as general project 点击next,修改或使用默认的组件名称 点击fini ...

  3. Codeforces Educational Round 37

    Solved   CodeForces 920A Water The Garden   Solved   CodeForces 920B Tea Queue   Solved   CodeForces ...

  4. Unity3D ParticleSystem粒子系统

    粒子系统检视面板 点击粒子系统检视面板的右上角的"+"来增加新的模块.(Show All Modules:显示全部) 初始化模块: 持续时间(Duration):粒子系统发射粒子的 ...

  5. Day7--------------虚拟机网络服务

    1.桥接 连接到本地的网卡,把本机的网卡看作是虚拟交换机 ping ip地址 arping -i eth0 192.168.11.11 返回物理MAC地址             #可以检查是否有重复 ...

  6. Tornado学习笔记(三) 请求方式/状态码

    本章我们来学习 Tornado 支持的请求方式 请求方式 Tornado支持任何合法的HTTP请求(GET.POST.PUT.DELETE.HEAD.OPTIONS).你可以非常容易地定义上述任一种方 ...

  7. 16)django-ajax使用

    通过ajax可以悄悄的把数据传输给服务器,实现页面无刷新. 一:ajax使用语法 1)普通方式 ajax使用语法: $.ajax({ url:"/host", //提交到那里 ty ...

  8. Android录制音频的三种方式

    对于录制音频,Android系统就都自带了一个小小的应用,可是使用起来可能不是特别的灵活.所以有提供了另外的俩种. 下边来介绍下这三种录制的方式; 1.通过Intent调用系统的录音器功能,然后在录制 ...

  9. Oracle PGA作用&work_mode

    专有模式下ORACLE会给每个连接分配一个服务进程(Server Process),这个服务进程将为这个连接服务.为这个服务进程分配的内存叫做PGA.PGA不需要Latch也不需要Lock,永远不会发 ...

  10. 【JDK】JDK模块化(1)-为什么要模块化

    Java9发布已经有一年了,跟Java8相比,从目录对比就看得出来差别相当大. 实际上Java9最大的变化就是JDK模块化(Modular). 那么,模块化的目的是什么呢? 官方的说法是: 之前版本的 ...