摘要:
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插件 阅读全文