【原始地址】:http://www.chencheng.org/blog/2008/10/25/f2e-manual/
一
直觉得前端开发缺个手册,这是个体力活。不过总得有人来干。
今天闲来无事,把一些工具(online和client的)、常用网址、以及经验总结等罗列出来和大家分享下。这个标题起地大了点,肯定会有很多地
方没列到,包括类目的分法也可能考虑不周,所以还请大家积极补充指正,可以直接留言,也可以发邮件给我(sorrycc#gmail.com)。之所以加
上“大众”两字,因为以下资源对于高手来说可能早就很熟悉了。
另外想提一句,工具是死的,好不好用得看你会不会用。比如Firefox、Fiddler等,除了显而易见的功能以外,都有一些小的技巧,掌握了可
以让你事半功倍。
更新记录:
快捷导航:
另外还搞了个Firefox插件《前端开发工具集
》,
把资源整合到一个菜单下,方便查询。数据放在线上(Google AppEngine),速度应该会有保证,更新也会比较方便哈,见图。
在线工具集
- 书籍类:
- JavaScript类:
- CSS类:
- 其他:
常用Firefox插件
IE下的调试工具
-
Fiddle2
——
非常强悍的一款http流查看工具,默认支持IE,其他浏览器可以设置将{Document}\Scripts\BrowserPAC.js设为代理进行
使用。Firefox下可用上述"Fiddler 开关"进行快速切换。支持插
件
。
-
IE Developer Toolbar
——
查看元素、禁用缓存、禁用CSS\JS、Outline元素、查看生成的源码等功能,IE8自带了一个加强版的。
-
Microsoft Script Debugger
+ Companion.JS
——
调试JS用,虽然报错还是有误差,但是我已经满足了。安装顺序是:Microsoft Script
Debugger,Companion.JS,在"IE选项-高级"里取消
禁用脚本调试
。
- 多版本IE共存两种方案:
- IE7/8 + IE Tester
—— 大众型配置,可以基本满足日常需要。
- IE6 + Internet Explorer Collection
—— 在IE 6用户占绝对优势以及IE
6神奇bug满天飞的时代,我还是推荐这种方案,因为只有神奇的原装IE6,才能抵挡运营神奇的问题。另外如果还有其他机器可供支配的话,建议再装个IE
8 + IE Tester,因为IE 8下的DeveloperToolbar还是有很大改进的,调试起来会方便一些。
- 以下三个软件相对不重要些:
参考手册
批处理工具
IDE及其他工具
Bookmarklet(右键另存)
开发者社区及权威网站
推荐订阅的博客和网站(排名不分先后)
分享到:
相关推荐
Web前端开发规范手册
阿里web前端开发手册.pdf
前端开发规范手册合集,包含前端开发基本规范、vue项目开发规范、css开发规范、js开发规范、IDE工具规范手册,技术开发全面的规范手册,集团内部规范手册,不是网络上的普通规范手册,物有所值!!!!
Web前端开发规范手册 提高团队协作效率 便于前端开发以及后期优化维护 方便新进的成员快速上手 输出高质量的代码
前端开发离线手册
前端开发手册,可以方便快速查询css的属性。前端开发手册,可以方便快速查询css的属性。前端开发手册,可以方便快速查询css的属性
Web前端开发规范手册
前端开发规范手册.pdf
CSS,Ajax,Bootstrap,DOM文档对象,easyUI,EXT,HTML ,ionic,JavaScript,jQuery ,Node.js,Sass ,Underscore,Vue.js ,Webpack ,XML 等等全套开发手册
前端开发 手册 前端开发 手册 前端开发 手册 前端开发 手册 前端开发 手册
# 前端开发规范手册 此手册主要实现的目标:**代码一致性**和**最佳实践**。通过代码风格的一致性,降低维护代码的成本以及改善多人协作的效率。同时遵守最佳实践,确保页面性能得到最佳优化和高效的代码。 此...
Web前端开发规范手册参考.pdf
这是学习Web前端开发学习的一些方法和心得!!
此手册主要实现的目标:代码一致性和最佳实践。通过代码风格的一致性,降低维护代码的成本以及改善多人协作的效率。同时遵守最佳实践,确保页面性能得到最佳优化和高效的代码。
web前端开发参考手册系列之 CSS3.0参考手册 2012.12.27更新 为无障碍网络贡献一份微薄之力.
web前端开发参考手册系列之CSS参考手册 版本:v1.2.2 最后更新时间:2011.5.21 编著:飘零雾雨 什么是层叠样式表: CSS是Cascading Style Sheet(层叠样式表)的缩写。是用于(增强)控制网页样式并允许将样式信息...