11 2015 档案
摘要:三栏自适应宽度布局貌似是一个老生常谈的问题,本文通过对几种办法的一步步分析,希望能够谈出一些新东西。这些办法包括最了原始的table布局,然后就是float布局、table-cell、margin负值法以及flex布局来实现自适应宽度的实现和原理,重点讨论了float的一些特性,最后再分析另外一个自需要根据其它元素宽度进行自适应的例子。
阅读全文
摘要:一个交互比较多的UI图里面可能会有很多小图标,一般可用sprites图将多个小图标弄成一张大图,或者其它的办法,各种方法的比较可参见另外一篇博客:使用css3新属性clip-path制作小图标,本文深入讨论使用icon-font的制作方法:在PS里面导出svg,制作字体图标。这种方法既有sprites图不需要浏览器发多次请求的优点,也有使用clip-path/svg矢量无损的优点,并且支持IE6及以上。
阅读全文
摘要:信息比较丰富的网站通常会以分页显示,在点“下一页”时,很多网站都采用了动态请求的方式,避免页面刷新。虽然大家都是ajax,但是从一些小的细节还是 可以区分优劣。一个小的细节是能否支持浏览器“后退”和“前进“键。本文讨论两种方法,让浏览器可以后退和前进,或者说让ajax就像重定向到新页面一样 拥有能够
阅读全文
摘要:JS虽然是一个面向对象的语言,但是不是典型的面向对象语言。Java/C++的面向对象是object - class的关系,而JS是object - object的关系,中间通过原型prototype连接,父类和子类形成一条原型链。本文先分析JS的对象的封装,再探讨正确实现继承的方式,最后对ES6新引入的类class关键字作一个简单的说明。
阅读全文