2013年7月23日
chrome developer tool 调试技巧
摘要： 这篇文章是根据目前chrome稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chromedeveloper tool, 所以chrome版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异.常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-expressions 等就不涉及了.1. BeautifyJavascriptjs 文件在上线前一般都会压缩下, 压缩的 javascript 几乎没有可读性, 几乎无法设定断点. 在 Scripts 面板下面有个 Pr 阅读全文
posted @ 2013-07-23 17:28 Fien 阅读(139) 评论(0) 推荐(0)
前端优化网页性能及速度
摘要： 1.MinimizeHTTPRequests减少HTTP请求 图片、css、script、flash等等这些都会增加http请求数，减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文件，页面里直接写入图片也是不好的做法，应该写进CSS里，利用CSSsprites将小图拼... 阅读全文
posted @ 2013-07-23 17:12 Fien 阅读(180) 评论(0) 推荐(0)