随笔分类 -  前端开发

常用跨浏览器效果
摘要：1，将一张图片用CSS办法定在浏览器底部，不管怎样拖动滚动条，都保持位置。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" 阅读全文

posted @ 2012-06-05 19:17 沙加 阅读(551) 评论(0) 推荐(0)

Google Closure 的单元测试纪要
摘要：setup 和 tearDown 在每个测试方法的开始和结束都会被执行。对于有 dom 结构改变的场景有时候是不可逆的改变，目前只能按一定顺序执行测试方法，使 setup 逻辑只执行一次。框架代码会自动检测以 "test" 开头的测试用例，执行顺序为字母顺序，如果希望按顺序执行测试则需要对命名作一些调整。fireClickSequence 会引发完整的按钮动作过程，比如 mouseDown, click, couseUp, 而 fireClickEvent 仅引发 click 事件，引发事件是直接采用生成对象然后执行 callback 的方法，并非原生的浏览器事件。goog 阅读全文

posted @ 2011-10-10 14:45 沙加 阅读(308) 评论(0) 推荐(0)

双飞翼布局的选区问题
摘要：http://blog.html.it/layoutgala/LayoutGala09.html象这样的布局在用鼠标选取左边内容的时候很容易造成选取的面积太大，经仔细分析是因为选区跨越了 display:float 元素的边界，暂时也没有特别好的解决方案，不过可以稍微优化一下，只要选取的开始区距文字不是太远就可以。将外围的定宽 div 两边多留一些白，比如 width:1000px (>a + b + c ), 然后左边的那一列给一个 margin 就行 ，比如 总宽是 960 那么 margin = (1000 - 960) / 2 ， 如果还觉得效果不够好，外面的还可以设宽些，现在最 阅读全文

posted @ 2011-09-27 16:01 沙加 阅读(399) 评论(0) 推荐(0)

IE相关的一些BUG汇总
摘要：在进行网页布局的时候，经常会根据需要设置相对，绝对以及浮动定位；发现了一个奇妙的现象：查了相关资料，高人有这样的解释：1.当绝对定位层的邻近浮动层的宽度不等于父层宽度时，以及没有清除浮动时，IE6/7，FF中显示一致；2.当绝对定位层的邻近浮动层的宽度不等于父层宽度时，有清除浮动时，IE6/7不显示绝对定位层，FF显示；3.当绝对定位层的邻近浮动层的宽度等于父层宽度时，以及没有清除浮动时，IE6不显示绝对定位层，IE7/FF显示；4.当绝对定位层的邻近浮动层的宽度等于父层宽度时，有清除浮动时，IE6/7不显示绝对定位层，FF显示；要解决这个BUG的方法也很简单，让绝对定位层不挨着浮动层放置就好 阅读全文

posted @ 2011-01-10 17:15 沙加 阅读(748) 评论(0) 推荐(0)

JS 的应用开发初探
摘要：昨天在公司内部做了一个小小的技术分享，就 js 应用开发方面跟大家谈了一点自己的心得，最近因为工作关系花在这上面的时间较多也颇有些收获，写在这里备忘。做了三个小demo，本来想做一个类似Gmail的界面出来后来突然发现机器上没有Office，就干脆做了一个类PPT演示的小玩意。基于js的应用开发总结起来主要有如下几点：封装粒度常用功能封装为可重复使用的组件，需要合理选择组件封装粒度，粒度过大不便于... 阅读全文

posted @ 2009-12-18 19:29 沙加 阅读(898) 评论(1) 推荐(1)

行级元素的宽度问题
摘要：有时候需要一个空白的Anchor标签，然后给它一个背景图，常用于一些小的功能按钮，但是无任何内容的标签又默认没有宽度，做了一个简单测试，结果如下：FF3:IE6(使用IE Tester):IE7:Safari4:看来还是使用&-n-b-s-p-;的兼容性最好。mt-inline-block的内容:[代码]从结果中还能看出外层容器和行框之前的间距不同的浏览器是不同的，IE6:0, IE7: ... 阅读全文

posted @ 2009-12-17 12:34 沙加 阅读(475) 评论(0) 推荐(0)

IE下行框高度的问题
摘要：这个问题比较郁闷，虽然没有太明显的差别，但是在使用背景片的时候总感觉对不齐，心情很是不爽，单独写一个测试页面来看看，下面是在IE6/7下面的结果: 这里是测试代码:[代码]看来以后要慎重使用 Verdana的字体了，虽然很喜欢它。 阅读全文

posted @ 2009-12-14 19:13 沙加 阅读(427) 评论(1) 推荐(0)

导航