10 2014 档案
摘要：今天突然想玩玩装饰者模式。这个模式行为是，给对象加一个新方法，在不改变对象原因有方法的基础上。网上找到的示例代码如下：function ABicycle(){ }ABicycle.prototype = { wash : function(){ }, ride : function(){...
阅读全文
摘要：今天群里有人发问，进入百度翻译http://fanyi.baidu.com/#auto/zh/，输入word-wrap，发现页面错乱。寻找错乱原因。上图开始查找原因：1.从请求入手从chrome的network面板里，能很容易找到翻译请求v2transapi。js语句发起请求，在chrome里能看到...
阅读全文
摘要：1、今天写好了移动端的单页面交互的DEMO，在小米2上的UC，猎豹，QQ浏览器，甚至原生浏览器上效果不错。页面动画效果有，opacity的渐隐渐现，translate3D的位移，以及位移+渐变。但是，杀千刀的是，在公司产品的自带APP里的webview上，效果大减。于是把opacity的渐隐渐现这个...
阅读全文
摘要：几个属性：-webkit-perspective:0;景深（默认0），-webkit-perspective-origin:center center;景深基点（默认中间），-webkit-transform-style:preserve-3d;建立3D空间，-webkit-transform-or...
阅读全文
摘要：一.路由场景是，webview单页面，url不会变化。两个标识，页面自己的路由标识，当前路由状态。进入到某页面，当前路由状态更新为某页面标识。有一张路由表，监听回退事件。一旦回退，依据路由表和当前路由状态，找到页面，触发该页面的回退事件。路由标识名字建议，grandfather-father-son...
阅读全文
摘要：1.同行等高。2.宽度自动调节（table-layout:fixed;）。3.处理垂直居中又是神器参考链接：http://www.blueidea.com/tech/web/2008/6257.asphttp://www.cnblogs.com/StormSpirit/archive/2012/10...
阅读全文
摘要：1.父元素display:flex之后成为伸缩容器，子元素（除了position:absolute或fixed）无论是display:block或者display:inline，都成为了伸缩项目。2.可以固定一个伸缩项目的宽度，另一个伸缩项目自适应。3.伸缩项目之间的空白自适应。4.可以很方便进行水...
阅读全文
摘要：http://files.cnblogs.com/samwu/PC%E7%AB%AF%E5%89%8D%E7%AB%AF%E4%BA%A4%E4%BA%92%E7%BB%84%E4%BB%B6.rar
阅读全文
摘要：1.浏览器对script引用的js文件分两步，下载，下载完毕后马上执行；这两步都会阻塞浏览器继续解析。2.加入defer属性，，浏览器会异步加载js，待DOMContentLoaded后顺序执行js。3.预加载js，自定义执行时机。...Click to load alert.js ......4....
阅读全文
摘要：注：以下内容只适用于chrome页面宽高:document.body.clientWidth/Height（不包括margin）document.body.offsetWidth/Height（不包括margin）document.body.scrollWidth/Height（包括margin）t...
阅读全文
