摘要: 概述我们在使用JS渲染DOM时,一般使用字符串创建DOM然后附加到父元素上,如果附加的DOM是动态易变的,那需要在函数中写大量逻辑。如果在控件实现过程中,这带来的问题更为严重。解决这个问题的常见解决方案是是使用模板,作为配置项传入控件,实现数据和渲染的分离。具体的实现方法有以下方法:字符串替换,使用正则匹配将数据替换进字符串中。渲染函数,函数返回字符串。模板引擎,可以将执行字符串中的函数(内置或者自定义的)替换(Substitute)字符串替换是最简单的实现模板的方式,看一下具体的实现:1. 定义替换函数/** * 替换字符串中的字段. * @param {String} str 模版字符串 阅读全文
posted @ 2013-04-02 20:51 zaohe 阅读(10756) 评论(3) 推荐(3) 编辑
摘要: 简介:在很久以前,自己还是开发的时候,最头疼的就是做前端的页面,往往被繁琐兼容性问题,不统一的交互和样式,难用的控件库所困扰。所有的解决方案,都是临时的,都是没有文档的。在前端领域混了几年,沉淀了很多东西,但是以前遇到的问题,让我决定哪一天做出一套打包好的东西,方便没有视觉、交互、前端的项目。今天我带来了这个前端UI库以及一个后台系统的解决方案,这里仅仅是开始,接下来的开源、维护、改进会持续进行。DPL(html和css)Twiter 的 bootstrap 出来后确实是提供了很好地的一个处理前端基本元素的思路,我在bootstrap基础上处理了:1. ie6的兼容性问题(大部分)2.增强了表 阅读全文
posted @ 2013-04-02 19:26 zaohe 阅读(5822) 评论(12) 推荐(6) 编辑