月度归档:十一月 2012

VOILÀ网站改版完成

VOILÀ网站(www.vhr.com)是公司最重要的平台网站,由我全面负责网站的改版,需要进行前端的全部重构工作。由于每天都有大量日常的零碎工作,这个网站的改版总需要我另外“挤”时间去做,历时大半年才算完成。所幸的是可以完全根据自己的想法来设计构架,做起来也很过瘾。

这是一个酒店的查询和订房平台,www.vhr.com是它的域名。但我们还为这个网站绑定了几十个其他域名,需要根据不同的域名载入不同的CSS,实现“换肤”的功能,以便让网站能够根据不同的酒店品牌实现“本地化”。实现原理也很简单,把大部分样式写在一个主样式表中;把“换肤”用到的颜色,图片等设置分别写在每个域名对应要载入的样式表中即可。经过一番“样式表大作战”,使我对网站重构有了更加深入的认识,获益良多。 查看详细 »

两个IE6/7/8下的原生兼容问题

最近碰到的两个原生JS在IE6/7/8里的兼容问题。
1,indexOf和slice等字符串方法:
在用这两个方法进行数组内部元素操作的时候,在IE9+以上没有碰到问题,但在IE678中经常给我脸色看,报错类似“…is null or not an object”。及其笼统的报错。用toString方法把对象转换成字符串,这一行本身也会报错。
解决方法:直接在对象后面+”,强制转换成字符串就行了 查看详细 »

关于在PC上正常,在iPad浏览器中页面向左偏移的问题

一个很老的问题,一年前在做VHR项目的时候就碰到过,当时解决后没做记录。这次做Hilton网站的时候又碰到,一时记不起是如何解决的了,只好通过排差法从头来过。

如图页面,在PC各浏览器都完美,但一些板块在iPad上似乎无法居中对齐,底部文字又是撑满的。CSS设置宽度的时候顶部大图是100%,下面文字区域宽度1000px。检查了其他几个有同样问题的页面,宽度1000px的区域在iPad上都是撑满了浏览器宽度,而宽度是100%的区域反而都在右侧缩进去一截。这个问题在PC上不易被发现,但在iPad上很普遍。新做的网站一定要在iPad上检查一下哦!
关于在iPad浏览器中页面向左偏移的问题
查看详细 »