摘要：
借用Effective之名，开始写Effective系列，总结一些前端的心得。 为什么说能使用html/css解决的问题就不要使用JS呢？两个字，因为简单。简单就意味着更快的开发速度，更小的维护成本，同时往往具有更好的体验，下面介绍几个实例。 1. 导航高亮 导航高亮是一种很常见的问题，包括当前页面 阅读全文
摘要：
JS虽然是一个面向对象的语言，但是不是典型的面向对象语言。Java/C++的面向对象是object - class的关系，而JS是object - object的关系，中间通过原型prototype连接，父类和子类形成一条原型链。本文通过分析JS的对象的封装，再探讨正确实现继承的方式，然后讨论几个问 阅读全文
摘要：
借用Effective之名，开始写Effective系列，总结一些前端的心得。 有些人写页面会走向一个极端，几乎页面所有的标签都用div，究其原因，用div有很多好处，一个是div没有默认样式，不会有margin、background等初始化设置，另外可能会觉得不用div还能用啥。所以看他的页面，一 阅读全文
摘要：
信息比较丰富的网站通常会以分页显示，在点“下一页”时，很多网站都采用了动态请求的方式，避免页面刷新。虽然大家都是ajax，但是从一些小的细节还是 可以区分优劣。一个小的细节是能否支持浏览器“后退”和“前进“键。本文讨论两种方法，让浏览器可以后退和前进，或者说让ajax就像重定向到新页面一样 拥有能够 阅读全文
摘要：
一个交互比较多的UI图里面可能会有很多小图标，一般可用sprites图将多个小图标弄成一张大图，或者其它的办法，各种方法的比较可参见博主的另外一篇博客使用css3新属性clip-path制作小图标，本文深入讨论使用icon-font的的制作方法：在PS里面导出svg，制作字体图标。这种方法既有spr 阅读全文
摘要：
如何实现一个三栏自适应布局，左右各100px，中间随着浏览器宽度自适应？ 第一个想到的是使用table布局，设置table的宽度为100%，三个td，第1个和第3个固定宽度为100px，那么中间那个就会自适应了，下面是一个实时的demo： 但是table布局是不推荐的，table布局是css流行之前 阅读全文
摘要：
视觉格式化模型 1. 简介 在视觉格式化模型中，文档树中的每个元素都将会根据盒模型产生零到多个盒子。这些盒子的布局由如下因素决定： 盒子的尺寸和类型 定位策略（正常文档流，浮动或者绝对定位） 和文档树中其他元素的关系 额外的信息（比如视口的大小，图片的原始尺寸等） 1.1 视口（viewport） 阅读全文
摘要：
JQuery中的回调对象 回调对象（Callbacks object）模块是JQuery中的一个很基础的模块，很多其他的模块（比如Deferred、Ajax等）都依赖于Callbacks模块的实现。本文主要描述回调对象的基本功能、具体实现，以及使用到的设计思想。 1. 基本功能 从jquery的AP 阅读全文
摘要：
需求背景 我所在的项目组主要负责公司的A产品A1模块的界面开发。经过上半年紧锣密鼓、加班加点地开发之后，终于在7月份在国内的L局点成功上线。当时那个激动啊，苦逼的生活终于过去了，大家都跟我high起来！可是到了下半年，由于公司市场人员的给力表现，又在海外开拓了D局点和T局点，真是喜(yu)大(ku) 阅读全文
摘要：
CSS的盒模型描述了一些长方形盒子，这些长方形盒子被用来表示文档树中的元素，并根据视觉格式化模型进行定位。 1. 盒子的尺寸 每个盒子都有一个content区域（比如文本、图片等）和可选的包围content区域的padding、borde、margin区域。这些区域的大小由下面定义的属性决定。下图这 阅读全文