• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 前端开发大众手册(包括工具、网址、经验等)

前端开发大众手册(包括工具、网址、经验等)

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含前端开发,大众手册等相关知识,佚名 希望在学习及工作中可以帮助到您

今天闲来无事,把一些工具(online和client的)、常用网址、以及经验总结等罗列出来和大家分享下。这个标题起地大了点,肯定会有很多地方没列到,包括类目的分法也可能考虑不周,所以还请大家积极补充指正,可以直接留言,也可以发邮件给我(sorrycc#gmail.com)。之所以加上“大众”两字,因为以下资源对于高手来说可能早就很熟悉了。

另外想提一句,工具是死的,好不好用得看你会不会用。比如Firefox、Fiddler等,除了显而易见的功能以外,都有一些小的技巧,掌握了可以让你事半功倍。

更新记录:

  • [20081025] 第一版

快捷导航:

  • 在线工具集
  • 常用Firefox插件
  • IE下的调试工具
  • 参考手册
  • 批处理工具
  • IDE及其他工具
  • Bookmarklet
  • 前端开发者社区及权威网站
  • 推荐订阅的博客和网站

另外还搞了个Firefox插件《前端开发工具集》,把资源整合到一个菜单下,方便查询。数据放在线上(Google AppEngine),速度应该会有保证,更新也会比较方便哈。 

在线工具集

  • 书籍类:
    • Book Shelf 2.0 beta —— 荐,分类很清晰,下载很方便
    • Book Go!
    • 原版图书免费下载链接收集站
    • 51CNNET.NET
  • JavaScript类:
    • Beautify JavaScript —— JavaScript格式化工具,效果很理想
    • AJAX Libraries API
    • Regex Tester
    • Compressor Packer —— 以前一直用这个压JS,自从有了TBCompressor,就放弃他了
  • CSS类:
    • CSS选择器性能测试
    • CSSTidy —— CSS格式化工具
    • CSS Compressor  —— CSS压缩
  • 其他:
    • GUID 生成器 —— 做某些东西(Firefox插件)时需要唯一资源标志符时用
    • W3Counter
    • WebWait - Benchmark Your Website

常用Firefox插件

  • 支付宝安全控件 和 旺旺协议 —— 网购专用,Firefox+浦发网银,无敌了
  • Firebug —— 这个不用介绍了吧,附空帏的外部编辑器乱码修正版
    • Firecooike —— 支持Cookie的查看和编辑
    • Jiffy —— 调试性能的,用起来比较麻烦,没试过
    • YSlow —— Why Slow? YUI出品
    • Pixel Perfect —— 把设计稿直接拖到Firefox里进行对比
    • Rainbow for Firebug —— JS高亮,性能不是很理想
  • Fiddler 开关 —— 简化在Firefox里切换Fiddler的操作,感谢Taobao UED的空帏同学
  • Web Developer
  • DevBoi —— 把Html, Dom, JavaScript等手册放在侧栏里,可以自定义增加,快捷键Ctrl+F9。可以在这里找到更多的Package。
  • RefControl —— 针对每个站点发送想要的HTTP Referer
  • GreaseMonkey —— 看某个网站不爽,写个小脚本来优化下还是不错的
  • HttpFox —— 查看当前Http链接状态,类似IE下的HttpWatch
  • User Agent Switcher —— 切换User-Agent,同时开发iphone和web版本的时候很方便
  • FoxyProxy —— 穿墙工具,配合专业代理公布器使用很和谐

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满天飞的时代,我还是推荐这种方案,因为只有神奇的原装IE 6,才能抵挡运营神奇的问题。另外如果还有其他机器可供支配的话,建议再装个IE 8 + IE Tester,因为IE 8下的Developer Toolbar还是有很大改进的,调试起来会方便一些。
  • 以下三个软件相对不重要些:

您可能想查找下面的文章:

  • 浅谈前端网络、JavaScript优化以及开发小技巧
  • Web前端开发工程师需要掌握的核心技能
  • 前端开发必备常用工具函数小结
  • 前端开发必备:12款浏览器兼容性测试工具推荐
  • web前端网页开发一般过程简单认识
  • 网页前端开发小细节
  • 前端开发中一些常用技巧总结
  • Web 前端开发经验小结
  • 前端开发大众手册(包括工具、网址、经验等)
  • 前端开发者的工具、库和资源

相关文章

  • 2018-08-23如何让搜索框的体验更好?我总结了这些设计套路!
  • 2017-08-06网站的视觉设计路径应顺应用户习惯
  • 2017-08-06网页设计人员应该注意的43个Web设计错误
  • 2018-08-23最常见的Tab该怎么设计?来看这篇超全的总结
  • 2017-08-06前端开发必备:12款浏览器兼容性测试工具推荐
  • 2018-08-23这些悬浮动效的常见玩法你都知道吗?
  • 2017-08-06黑白灰低调大气范的网页设计欣赏
  • 2018-08-23UI配色这件事情,可以指望这6个实用技巧
  • 2018-08-23超全面!正确使用字体的10个黄金规则
  • 2017-08-06网页设计必备工具 firefox Web Developer插件 CSS工具组教程

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 超详细的2018年设计师进阶升级指南
    • 不是中国才有的特色:文化差异下的网页开发
    • 为了拖尾款,甲方竟然要当我的男朋友…
    • 未来就在这里! 一组AR 和VR 相关的图标合集免费打包下载
    • 禁用IE10的密码明文显示和快速清除功能的方法
    • PM要多加底部导航时,设计师如何说服他打消念头?
    • 快速做出好Banner!保险类产品主图的通用设计方法总结
    • 可能是你见过第一篇分析电梯交互设计的文章
    • css样式优先级及层叠的顺序排序探讨
    • Facebook 官方出品! iOS 11模板文件,含 PSD/SKETCH 和壁纸

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有