春华秋实

摘要： http://www.cnblogs.com/StormSpirit/archive/2012/10/24/2736453.html上集《CSS深入研究:display的恐怖故事解密(1) - display-inline》已经把display的属性列表拉出来溜了，发现在这个属性恐怖面貌其实都是脆弱... 阅读全文

摘要： 布局1.定高定宽完全按照设计稿/2的比例，然后整体居中。当急着出页面，或者不适合变宽的时候，选择这个方式。参考网站http://m.tmall.com2.定高变宽有些内容要考虑手机浏览器的不同宽度。比如菜单，栏目列表等等。常用布局手段，display:-webkit-box;或者inline-blo... 阅读全文

摘要： s表达式 + 1 2 3普通表达式 1+2+3json表达式{ +:[1, 2, 3]}优点，一个运算符，无限个参数s表达式 * (+ 1 2) 3普通表达式 1+(2*3)json表达式{ *:[{+:[1,2]} , 3]}优点，阅读代码的时候，无需记住运算优先级。普通表达式则要记住运算优先级s... 阅读全文

摘要： 1.原型链function SuperType(){ this.property = true;}SuperType.prototype.getSuperValue = function(){ return this.property;};function SubType(){ this.subproperty = false;}//inherit from SuperTypeSubType.prototype = new SuperType();SubType.prototype.getSubValue = function (){ return this.subpr... 阅读全文

摘要： 1.最简单的创建对象方法var person = new Object();person.name = "sam wu";person.age = 25;person.job = "frontend engineer";person.sayName = function(){ alert(this.name);};person.sayName();2.工厂模式创建对象function createPerson(name, age, job){ var o = new Object(); o.name = name; o.age = age; o.job 阅读全文

摘要： 简易瀑布流（基于多栏列表流体布局实现） 封装成jQuery插件如下 封装成jQuery插件，简易瀑布流（基于多栏列表流体布局实现） 阅读全文

摘要： 移动轮播图我看到两款，一款是无线天猫的m.tmall.com，实现了无缝轮播。一款是蘑菇街的，没有实现无缝轮播。我自己重写一个，类似蘑菇街 基于jQuery的移动轮播图（支持触屏） 阅读全文

摘要： 首先要了解如下概念：viewport，窗口大小，containing block，block formatting context，inline formatting context，dirction和unicode-bidi，display和float以及postion的三者关系，盒子模型。一.viewportviewport是你所看到的窗口。它有两个重要属性，一个是css像素，另一个是设备像素。设备像素由分辨率决定，css像素由开发者决定。设备像素和css像素的关系有1.重叠，即1css像素等于1设备像素。2.缩小浏览器，一个设备像素覆盖多个css像素。3.放大浏览器，一个css像素覆盖多 阅读全文

摘要： 1.引用2.对于要懒加载的图片进行如下属性设置。其中src为未加载时的图片，dataimg为实际要加载的图片。3.执行lazyload.init();4.分tab的懒加载。判断tab把下面的图片有没加载过。根据loaded属性判断，还要对非当前tab所属的图片进行class lazy去掉。对已加载的... 阅读全文

摘要： 移动端网页自定义滚动条 我的开发经验是，横向滚动可以用overflow-x:scoll;然而竖向滚动，当滚到底时，会带动整张页面。原谅我这里忘了测试，好像iphone不会带动，android会带动。这时候你要自己写滚动。 1 2 3 4 5 6 写成zepto插件，注意这里是使用zepto1.2版本，fx要自己组装的。 uscroll插件 阅读全文