作为一名web前端开发工程师你的收藏夹存对了吗?下面是一份互联网上流传甚广的web前端开发收藏夹资源,包含学习网站、JS库、常用工具、常用插件、资讯书籍等资源。速速转存吧~

 

一、学习网站


 

W3Cschool:http://www.w3cschool.cn/

初学者必上的网站,也可以做为工具来用,笔记、词典、手册、教程、实例等等。

 

W3C:http://www.w3.org/

不必多所说,最权威的资料没几个不知道的。

 

MDN:https://developer.mozilla.org/zh-CN/

图文示例并茂,非常好的学习资料

 

UED导航  http://123.w3cschool.cn/navued

 

51CTO学院:http://edu.51cto.com/

IT技能学习平台|IT在线培训|IT在线教育|微职位|IT慕课MOOC课程

二、JS库


jQuery:http://jquery.com/

 

jQuery官网

Sizzler:http://sizzlejs.com/

 

jQuery的御用选择器,可独立使用

JSDeferred:http://cho45.stfuawsc.com/jsdeferred/

强大的JS异步库

mass-Framework:https://github.com/RubyLouvre/mass-Framework

国内JS牛人司徒正美开发的JS框架

Jscex:https://github.com/JeffreyZhao/jscex/

国内.NET领域牛人老赵开发的异步JS库

YUI:https://developer.yahoo.com/yui/

Yahoo的一个开放源代码的 JavaScript 函数库

三、常用工具


Git:非常好用的版本管理工具

EditPlus:我的编辑器,轻巧方便

IETest:IE浏览器兼容性调试工具

Fiddler:网络监测工具,对分析请求非常有用

JSFiddle:http://jsfiddle.net/

在线演示JS代码,只是速度很慢。有个朋友正在开发,准备弄个国内版的,以后再介绍。

JSLint:http://jslint.com/

JavaScript验证工具,想写出规范的JS代码就多用这个吧

Chinacxy:http://www.chinacxy.com

上面提到的那位朋友开发的一个前端工程师工具集,目前包括网页特效、在线正则测试、CSS/JS/HTML格式化、JSON格式在线验证、所见即所得代码在线编辑等

Codrops:http://tympanus.net/codrops/category/tutorials/

网页特效

Iconfinder:http://www.iconfinder.com/

非常强大的icon图标搜索引擎

yellowgreen:http://yellowgreen.de/image-to-base64-string-encoder

一个在线图片转为base64格式工具

四、常用浏览器插件


FireFox:

FireBug:这个不用介绍

YSlow:Yahoo开发的,基于Firebug的用于分析网页性能的工具,用于优化网页的速度和建立高性能的网页。

Cookies Manager+:cookie管理器

Linkchecker:检查页面是否有死链

Chrome:

jQuery API Browser:可查询jQuery API

Edit this cookie:cookie管理器

Resolution Test:快速调整浏览器尺寸工具

五、前端资讯


JavaScriptWeekly:http://javascriptweekly.com/

JS周刊

InfoQ:http://www.infoq.com/cn/javascript/

JS资讯及访谈

smashingmagazine:http://www.smashingmagazine.com/

专业的网页设计师和开发人员的在线杂志,主要介绍技术、实践和资源。

六、经典书籍


《JavaScript高级程序设计》——人民邮电出版社:

 

《高性能JavaScript》——电子工业出版社:

 

《精通正则表达式》——电子工业出版社:

 

web前端攻城狮整理的收藏夹的更多相关文章

  1. 强力推荐各位攻城狮查看,收藏IT职业技能图谱(全套13张)

    汇集整理泛 IT 技术领域(云计算,大数据,运维,安全,开发语言,智能硬件等)学习技能图谱,帮助程序员梳理知识框架结构,并尝试提供路径指导和精华资源,方便技术人学习成长. 运维工程师必备技能 程序开发 ...

  2. 【大前端攻城狮之路·二】Javascript&QA⼯程师

    今天给大家分享的主题的是Javascript&QA⼯程师.看到这个主题,可能有人问:前端开发完就OK了,剩下的丢给测试就行,哪里还需要关心这些?但事实上呢,测试是前端开发非常重要的环节,也是迈 ...

  3. 【大前端攻城狮之路】JavaScript函数式编程

    转眼之间已入五月,自己毕业也马上有三年了.大学计算机系的同学大多都在北京混迹,大家为了升职加薪,娶媳妇买房,熬夜加班跟上线,出差pk脑残客户.同学聚会时有不少兄弟已经体重飙升,开始关注13号地铁线上铺 ...

  4. 前端攻城狮学习笔记九:让你彻底弄清offset

    很多初学者对于JavaScript中的offset.scroll.client一直弄不明白,虽然网上到处都可以看一张图(图1),但这张图太多太杂,并且由于浏览器差异性,图示也不完全正确. 图一 不知道 ...

  5. 自己平时收集的css、html笔记(适合初级前端攻城狮)

    实习了一年时间,陆陆续续记录下来一堆笔记,不过也丢失了一些... 以后会持续更新.扩展,现在把碰到的知识点归纳于此,方便翻阅 一.html部分 1.取消iPhone自动识别数字为拨打号码 <me ...

  6. 2015Web前端攻城之路

    2015目标成为一名合格的前端攻城狮. 养成计划: 1.html / css 2.js 3.ajax 4.框架 5.项目实战

  7. Android优秀资源整理合集(论菜鸟到高级攻城狮)

    转载请注明转自:http://blog.csdn.net/u011176685/article/details/51434702 csdn文章:Android优秀资源整理合集(论菜鸟到高级攻城狮) 时 ...

  8. Fiddler无所不能——之测试开发攻城狮必备利器

    Fiddler无所不能——之测试开发攻城狮必备利器 1.模拟真实网络环境4g网.3g网络.2g网络.弱网.请求超时 开启弱网Rules——Performance——勾选Simulate Modem S ...

  9. 【Copy攻城狮日志】docker搭建jenkins拉取svn代码打包vue项目部署到nginx

    ↑开局一张图,故事全靠编↑ 前言 打开搜索引擎输入『Copy攻城狮』,发现最新的一条记录已经是去年的4月,意味着我又有一年时间没有再总结成长了.习惯了“温水煮青蛙”的日子,无论是经验水平还是薪资收入, ...

随机推荐

  1. jboss eap 6.4 部署 从weblogic迁移

    从weblogic10.3像jboss 6.4项目迁移,遇到的一些问题: 因为使用weblogic可以自定义公共的war包库,在使用jboss中,也采取项目依赖公共库的方式: 1.jboss中使用公共 ...

  2. WPF 附加事件

    在WPF中有许多控件有他们自己的特殊的事件.按钮就是一个例子——它添加了 Click 事件,而其他任何类都没有定义该事件. 这回导致两难的境地.假设在 StackPanel 面板中包装了一堆按钮,并且 ...

  3. Using XSLT and Open XML to Create a Word 2007 Document

    Summary: Learn how to transform XML data into a Word 2007 document by starting with an existing docu ...

  4. ionic 弹窗(alert, confirm)

    直接上代码吧,不解释了 控制器: angular.module('app.controllers', []) .controller('categoryCtrl', ['$scope', '$http ...

  5. 动态规划——最长公共上升子序列LCIS

    问题 给定两个序列A和B,序列的子序列是指按照索引逐渐增加的顺序,从原序列中取出若干个数形成的一个子集,若子序列的数值大小是逐渐递增的则为上升子序列,若A和B取出的两个子序列A1和B1是相同的,则A1 ...

  6. 《从零开始学Swift》学习笔记(Day 71)——Swift与C/C++混合编程之数据类型映射

    原创文章,欢迎转载.转载请注明:关东升的博客 如果引入必要的头文件,在Objective-C语言中可以使用C数据类型.而在Swift语言中是不能直接使用C数据类型,苹果公司为Swift语言提供与C语言 ...

  7. CodeForces 732B Cormen — The Best Friend Of a Man

    B. Cormen - The Best Friend Of a Man time limit per test 1 second memory limit per test 256 megabyte ...

  8. 学习LINQ必备条件

    转自:http://www.cnblogs.com/VolcanoCloud/p/4451302.html 学习LINQ必备条件:隐式类型局部变量:对象集合初始化器:委托:匿名函数:lambda表达式 ...

  9. Oracle Schema Objects——Tables——Oracle Data Types

    Oracle Schema Objects Oracle Data Types 数据类型 Data Type Description NUMBER(P,S) Number value having a ...

  10. PHP file_get_contents和curl区别

    一.file_get_contents 1.定义 file_get_contents() 函数将指定 URL 的文件读入一个字符串并返回. 2.语法 file_get_contents(path, i ...