前端模块化设计思路
发布日期：2010年2月24日
模块化概念
模块化就是为了减少循环依赖，减少耦合，提高设计的效率。为了做到这一点，我们需要有一个设计规则，所有的模块都在这个规则下进 行设计。良好的设计规则，会把耦合密集的设计参数进行归类作为一个模块，并以此划分工作任务。而模块之间彼此通过一个固定的接口（所谓的可见参数）进行交互，除此之外的内部实现（所谓的隐参数）则由模块的开发团队进行自由发挥。
程序模块化的目的：
- 减 少循环依赖
- 减少耦合
- 提高设计效率
程序模块化的实施：
- 把耦合密集 的归为一个模块
- 模块间通过固定的接口交互
- 模块内部实现自由发挥
HTML CSS Images的模块化设计
页面模块化的实施，这里指的是针对除去JavaScript部分的页面代码进行模块化实施。通过html css 图片进行模块化。
页面模块化的实施思路是高度耦合的页面片段封装，模块布局作为公开接口，高度耦合的页面进行封装，使用独立的css文件，高度耦合的图片进行封装，给某类相关性强的图片建立文件夹。
页面模块化的目的是，实现多人协同开发页面，提高页面研发速度和降低维护难度。研发速度的提升体现在多人协同并行开发， 维护难度体现在减少版本的混乱，根据模块区分版本降低版本间代码冲突和文件错误覆盖。 more »
有啊网页诊断工具相关总结
发布日期：2010年2月04日
有啊网页诊断工具是一个轻量级的浏览器环境检测工具，基于Javascript以及Flash实现。它的主要功能包括问题检测以及针对某些问题给予提示性的建议，从而帮助用户自助的解决一些简单的问题。此外还能生成简单的检测报告，通过报告开发人员可是获得更为详细的环境信息，为解决问题提供有效的支持。
该工具具体的检测项包括以下几个：
1. Javascript版本信息
2. Cookie是否开启
3. 用户的屏幕分辨率
4. Flash版本号以及浏览器是否开启了Flash拦截功能
5. 浏览器字体大小是否正常（某些浏览器缩放后会导致页面布局混乱）
6. 浏览器的Ajax功能是否正常，包括Get方式和Post方式
7. 浏览器的图片浏览功能是否正常
8. 用户的网络速度
通过对以上几个问题的检测，开发人员能够比较全面的了解目标浏览器的整体环境。
雏凤清音——面向数据的前端编程方法
发布日期：2010年1月14日
1 名词解释
桐花万里丹山路，雏凤清于老凤声——唐·李商隐《韩冬郎既席为诗相送因成二绝》
作为一种有别传统的前端编程方法，雏风名之。
面向数据的编程方法，避开繁琐的ui代码，直接针对前端数据模型编程，你的程序就能更加清晰简单。清音名之。
2 从实例开始
避免过于枯燥的陈述，我们从实例开始，我们以百度 WebIM分组管理为例。
这里面，我们需要对用户分组列表执行：添加、删除、修改、保存、取消、排序等六种功能。
这算是一个比较常见的需求，那么，我们通常在前段实现这种功能，一般如何设计？多少代码？多长时间？
思考时间……………………….
动画效果在地图产品中的运用
发布日期：2010年1月06日
类别：JavaScript, 前端技术 | 评论(6)百度地图产品运用了大量的动画效果，比如：操作鱼骨或快捷键使地图移动、鹰眼控件的展开和收缩、滚动鼠标滚轮使地图进行缩放。PM对动画效果提出了平滑，流畅的要求，那么如何才能做到呢？
1 什么是动画
先来看看wiki上对动画一词的解释：动画是指由许多帧静止的画面，以一定的速度（如每秒16张）连续播放时，肉眼因视觉残象产生错觉，而误以为画面活动的作品。在网页中，可以将每一时刻的页面看做是一帧静止的画面，当每个时刻的画面产生差异时，就会产生动画效果了。网页中的动画形式很多，比如一副gif图像，一个flash或者是用脚本控制的页面元素的移动。这里，我们只关注js脚本控制的动画。这种动画的本质就是在每一时刻改变页面元素的属性。由此我们得到动画的两个关键组成部分： more »
