随笔分类 -  前端优化

摘要：这篇并没有整理完. 提前放出,是因为有朋友关心这部分.我就尝试抛砖引玉吧. 暂时实在没精力把 这部分的标准翻译完整. 放在这里算是督促下自己,尽快写完吧.我建议您, 只要简单看看最后面的总结部分即可.. 因为前面只是我对草案的简单翻译 和个人理解.难免有错漏之处.如果您看的话,建议仅供参考,我无法保证期准确性.另外,此文再我的evernote中.大概是今年2月份左右. 现在可能草案有新的改动.也请留意.当前浏览器支持情况:IE10? (至少,似乎 IE10 pp2还不支持. 但是 caniuse上列出的是有支持的.也许是那个win8上的update会有吧？)Opera10.6+Safari4. 阅读全文

摘要：此篇,探讨的是一种可以让脚本自己更新自己缓存副本的能力. 因为上一版本,绝大多是朋友,给我的反馈是看不懂,所以我争取在这个重写的版本中.详细把每个细节都介绍一二. 如果大多数细节，都是您了解的,则跳跃性阅读即可. thx. 另:本文讨论的 方案,在国内的网络环境.很难实施. 仅仅是一种探讨 .此篇内容非常多. 感谢您的宝贵时间,希望能耐心看完. 关于缓存在开始之前,不得不提到 "web缓存".如果您对它有充分理解，请直接跳过. 我们可以简单的理解下什么是资源文件的缓存, 比如一个页面中引入了一个脚本 a.js ,这个文件的内容可能不会经常变化. 所以每次打开这个页面, 如果 阅读全文

摘要：说明:本帖主要针对各个环节的缓存代理,以及本地用户代理（浏览器）上的缓存策略.ps:应舍瓦大大要求,从我的evernote里翻找出这篇和cache相关的东西. 难免有错漏指出,欢迎指正.代理服务器简分类:(并不太全，仅当科普, 了解代理在web中的重要作用是有必要的.这里仅仅是简单介绍下.)缓存角度分类:(1) 缓存代理 : 根据某种约定,缓存曾经请求过的数据(2) 常规代理 : 只转发请求的那一种.并不缓存数据的代理控制方分类：(1) 反向代理：(对于原始服务器来说,反向代理即是一个客户端) a) 服务提供者主观使用,并控制. b) 相对其他客户端来说,离原始服务器最近(主观上) ... 阅读全文

摘要：var namespace = {};void function (window, document, ns, undefined){ ns = window[ns]; if(!window.performance || ns.Performance){ //performance api , (Date : 2011-11), ie9+(包括兼容模式), chrome11+, Firefox7+ . (Safari,Opera. 没有实现) return; } var mixin = function (oTa... 阅读全文

摘要：支持浏览器: IE9+,Chrome11+,Firefox7+.宿主对象window.performance. 参考资料:http://msdn.microsoft.com/zh-cn/office/ff975118参考w3c的标准草案:http://w3c-test.org/webperf/specs/NavigationTiming/目前,IE9+和 chrome11+,Firefox7+已经实现了该草案定义的接口.成员:.navigation(一个叫做performanceNavigation的对象.).timing(这玩意是一个被称作performanceTiming的包含了很多成员的 阅读全文

摘要：简述部分摘自某本关于P3P隐私策略的书籍.而部分详细的表格来自w3.org.而相关测试数据出自本人测试.如有遗漏或错误,欢迎指正.相关资源:1.http://www.w3.org/P3P/2.http://www.w3.org/TR/2002/REC-P3P-20020416/简述:从本质上来说，P3P 策略是由一系列多选项问题的答案组成的，因此，它并不总像一个人类可读的隐私策略那样包含许多信息细节（例如，用英语或者其他某种口语语言写成的策略是用来让人阅读的,而不是让计算机识别的）。P3P策略的标准格式使它便于自动处理。同 样 ，P3P规范也包含有用于请求和传输P3P策略的协议.P3P协议所基 阅读全文

摘要：在开始前我们先看一道题目, 如果你心中的答案是正确的,那么可能此文的内容大多你已经心里有数了.body.....1000行div 在这里......pfranky/pscript var t = new Date; while (new Date - t 5000);/script/body与bodyscript var t = new Date; while (new Date - t 5000);/scriptpfranky/p.....1000行div 在这里....../body其他环境假设都一致的情况下,且假设franky能 阅读全文