Ruby's Louvre

摘要： ====索引=====【Web缓存机制概述】1 – Web缓存的作用与类型【Web缓存机制概述】2 – Web浏览器的缓存机制【Web缓存机制概述】3 – 如何构建可缓存站点【Web缓存机制概述】4 – HTML5时代的Web缓存机制【Web缓存机制概述】5 – Web App时代的缓存机制新思路============Web App的概念逐渐被业界认可，各大互联网公司也纷纷推出Web App开发大赛，积极引入到他们的开放平台，比较著名类似facebook农场，qzone偷菜之类的。Web开发逐渐从Web Page的进入到Web App的时代，想详细了解的话，可以看下超叔在D2上分享的分享《开 阅读全文

摘要： ====索引=====【Web缓存机制概述】1 – Web缓存的作用与类型【Web缓存机制概述】2 – Web浏览器的缓存机制【Web缓存机制概述】3 – 如何构建可缓存站点【Web缓存机制概述】4 – HTML5时代的Web缓存机制【Web缓存机制概述】5 – Web App时代的缓存机制新思路============随着现代浏览器的推动，Flash放弃对移动端的支持，HTML5无疑成为当前Web前端炙手可热的话题。各大游戏开发商、App开发商纷纷投入人力进行研究和技术储备。相信不久的将来，HTML5会迎来一个快速发展和普及的春天。那么，HTML5这个新一代的标准，又给我们带来哪些缓存机制呢 阅读全文

摘要： ====索引=====【Web缓存机制概述】1 – Web缓存的作用与类型【Web缓存机制概述】2 – Web浏览器的缓存机制【Web缓存机制概述】3 – 如何构建可缓存站点【Web缓存机制概述】4 – HTML5时代的Web缓存机制【Web缓存机制概述】5 – Web App时代的缓存机制新思路============前面了解了Web缓存的运行机制极其重要性之后，我们可以从以下这些方面去努力改善我们的站点，保证缓存被最有效的利用，达到最佳的性能。同一个资源保证URL的稳定性URL是浏览器缓存机制的基础，所以如果一个资源需要在多个地方被引用，尽量保证URL是固定的。同时，比较推荐使用公共类库， 阅读全文

摘要： ====索引=====【Web缓存机制概述】1 – Web缓存的作用与类型【Web缓存机制概述】2 – Web浏览器的缓存机制【Web缓存机制概述】3 – 如何构建可缓存站点【Web缓存机制概述】4 – HTML5时代的Web缓存机制【Web缓存机制概述】5 – Web App时代的缓存机制新思路============Web缓存的工作原理所有的缓存都是基于一套规则来帮助他们决定什么时候使用缓存中的副本提供服务（假设有副本可用的情况下，未被销毁回收或者未被删除修改）。这些规则有的在协议中有定义（如HTTP协议1.0和1.1），有的则是由缓存的管理员设置（如DBA、浏览器的用户、代理服务器管理员 阅读全文

摘要： ====索引=====【Web缓存机制概述】1 – Web缓存的作用与类型【Web缓存机制概述】2 – Web浏览器的缓存机制【Web缓存机制概述】3 – 如何构建可缓存站点【Web缓存机制概述】4 – HTML5时代的Web缓存机制【Web缓存机制概述】5 – Web App时代的缓存机制新思路============前言&摘要这段时间的工作内容主要是为一个客户端类型的产品增加文档在线存储和文档在线预览相关特性。由于测试的同事比较细心和专业，发现了项目实现中一些效率低下的环节，比如在线预览图片没有经过压缩、重开打开同一张图片没有有效利用Web缓存等问题。而这些细节问题往往在做项目架构 阅读全文

摘要： 现在mass Framework存在两个处理事件的模块, event.js与event_fix.js。其中event_fix为IE678的补丁模块，专门用于模拟旧式IE下不能冒泡到顶端的表单事件（change,submit,reset），与模拟input事件。但随着IE10的逼近，我开始着手HTML5时代事件系统的构建了。那时候，事件监听器的API已经统一，而且事件对象的接口也完全一致，并且全部支持stopImmediatePropagation，由于matchesSelector与addEventListener第三个参数的存在，我们实现事件代理更为轻松，也不着自己维护事件列表（不过，为了“ 阅读全文

摘要： 决定把触角伸入canvas领域，但canvas还没有怎么熟，边学边构建，把重复烦锁的劳动部分统统转化API。 $1.require("ready,draw20120519",function(){ var $ = $1; //画一个黑色的矩形 var context = $("#canvas1").context2D(); context.fillRect(0, 0, 150, 100); //... 阅读全文

摘要： 留作备份，作为承诺，它已为框架实现对css3 transform2D的支持，尽管IE下对位移不那么完美。它完美地实现了jquery动画模块95%的功能，而且天然支持颜色渐变，支持动画回放。//=========================================// 动画模块v3//==========================================$.define("fx", "css",function(){ //$.log("已加载fx模块"); var types = { color:/color/ 阅读全文

摘要： 群里的题目:void function() {//abcd do break;while(typeof delete this); for(var a;;) if (true) with(null) try{}catch(a){}finally{} else throw new 1; switch(1 in 1 instanceof 1) { case false: default: } return;};谢谢@闹闹爷的提醒，搞了个改进版 new function() { do break;while(typeo... 阅读全文

摘要： “这个网站相当简单，所有你需要做的就是完成X，Y，Z。你看起来应该是技术很好，所以，我相信，你不需要花费太多时间就能把它搭建起来。”我时不时的就会收到这样的Email。写这些邮件的人几乎都是跟技术不沾边的人，或正在研究他们的第一个产品。起初，当听到人们这样的话，我总是十分的恼怒。他们在跟谁辩论软件开发所需要的时间？但后来我意识到，即使我自己对自己的项目预测要花去多少开发时间,我也是一筹莫展。如果连我自己都做不好，我何必对那些人恼怒呢？真正让我郁闷的不是他们预估的错误。问题在于他们竟然认为自己可以做出正确的估计。作为开发人员，我们经常会发现，在软件开发的问题上，一个外行人会很自然的把复杂的事情估 阅读全文