爱米*阅

不是日志,不是剪切板

满大街的架构 - [技术 | Tech]

发布时间   2010-12-01 @ 19:33:00 标签    钩子 行为 样式 架构 css html javascript 编辑 | 分享 0

版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://www.blogbus.com/amixyue-logs/86328125.html

作者按:

架构神马都是浮云

最平凡的架构就是写“好代码”,好代码的衡量标准:robust(如兼容万恶的某环境),可维护性好,可扩展性强。

前端的“好代码“

html 只是为了承载文档流,如文档流中的替代元素 Img 等,同时担任样式钩子 和 行为钩子,但需注意,如果你不是在build 组件,那么最好 样式 和 行为 与 dom 结构分离。

整站代码中

组合:

当变动非常频繁的,利用组合的思想吧!前期先打散而已。

问题

可悲的是 html 中带了很多样式钩子 和 行为钩子,组合后私有样式、行为是否和页面相互干扰。

于是思考,组合是从页面发起的主动行为的片段积累,可以考虑页面被动继承、主动只关心自己的内容。

抽象、继承、多态:

提取共用部分,利用 html 、css、js 的继承而多态:

html 的继承、多态可以通过 php/smarty 或你自己的模板引擎协助;

css 的多态可以通过层叠(或者重载,即挂载多个样式钩子相互覆盖)协助;

js 的多态可以通过 options 这个json 对象参数协助;

原则

变动在小范围内的,尽量抽象、继承、多态。

变动很大时,还是打散、组合来得快。

整站下,变动很大,还真不常见。

分享到: