前端工程与性能优化
摘要:1.0时代前期模块化已经做的不错了,至少不必花大量时间去重构代码。模块划分如下图,逻辑层次上还是比较清晰。前端模块化依赖的主流库也就数国内的Seajs和国外的requirejs,这里就不陈述。采用了Seajs作为模块管理器,zepto作为基础库文件,lib主要包含了项目中用到的主流第三方库文件。我们...
阅读全文
posted @
2015-10-20 13:59
稻草人.Net
阅读(369)
推荐(0) 编辑
前端异常监控 - BadJS
摘要:前端异常监控 - BadJS简介:BadJS 是 web 前端异常监控解决方案,提供一种 web 页面的脚本错误监控、上报、统计、查看等系统化的跟踪解决方案。目前BadJS覆盖了腾讯课堂、公众号、邮箱等公司40+业务,支持脚本错误捕获、上报、统计、告警、定时发送邮件报表等各项能力。BadJS 已在 ...
阅读全文
posted @
2015-10-20 10:46
稻草人.Net
阅读(4061)
推荐(0) 编辑
ANT配合FIS执行前端打包任务
摘要:前提是FIS安装并能正常使用。CMD:/>ant -f build.xml help
阅读全文
posted @
2014-12-12 16:41
稻草人.Net
阅读(227)
推荐(0) 编辑
almond进一步优化requirejs
摘要:这里只是调侃一下,“杏仁”其实指的是almond,requirejs作者的另一个开源项目,它的定位是作为requirejs的一个替代品。使用场景什么情况下需要使用almond呢?假设你手头有个基于requirejs的小项目,所有业务代码加起来就几十K(压缩后可能更小).出于性能优化的考虑,你可能在想...
阅读全文
posted @
2014-11-23 21:40
稻草人.Net
阅读(340)
推荐(0) 编辑
font-face 跨域解决
摘要:nginx 里设置@font-face 跨域server { ... # Fix @font-face cross-domain restriction in Firefox location ~* \.(ttf|ttc|otf|eot|woff)$ { add_header Access-Control-Allow-Origin *; } ...}原贴来自snipt.netapache里设置@font-face 跨域AddType application/vnd.ms-fontobject .eotAddType application/x-fon...
阅读全文
posted @
2014-03-13 17:09
稻草人.Net
阅读(3177)
推荐(0) 编辑
Yahoo团队经验:网站性能优化的34条黄金法则
摘要:Yahoo团队总结的关于网站性能优化的经验,非常有参考价值。英文原文:http://developer.yahoo.com/performance/rules.html1、尽量减少HTTP请求次数终端用户响应的时间中,有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少 HTTP请求的次数。这是提高网页速度的关键步骤。减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢?这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术。合并文件是通过把所有的脚本放到一个文件中来
阅读全文
posted @
2014-01-25 10:14
稻草人.Net
阅读(513)
推荐(0) 编辑