artTemplate 默认采用的是原生的 javascript 语法,类似微型模板引擎 tmpl。不同的是 artTemplate 的模板会采用沙箱机制限制全局对象的读写,这种机制很大程度上能够避免模板产生维护性的问题:若模板中若引用外部对象,随着项目复杂度增加,那时候谁都不能确定模板中的变量到底是数据还是全局对象,这种复杂的依赖关系将为会项目带来巨大的维护成本。在 artTemplage 的设计中,公用的方法与数据由 template.helper() 方法管理,既满足定义公用辅助方法的需求,也避免依赖外部对象产生维护问题。
众所周知 javascript 的语法非常自由,模板逻辑语句使用原生语法对于 javascript 开发人员来说几乎没有学习成本。但不可否认,模板的逻辑使用最多的也不过是条件表达式与循环表达式,而采用原生语法未免有大炮打蚊子的感觉,并且纯 javascript 语法对页面设计人员来说并不是那么容易掌握,因此设计一种简单易用的模板语法还是有必要的。
原文发表自:http://cdc.tencent.com/?p=5723
随着 web 发展,前端应用变得越来越复杂,基于后端的 javascript(Node.js) 也开始崭露头角,此时 javascript 被寄予了更大的期望,与此同时 javascript MVC 思想也开始流行起来。javascript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注,近一年来在开源社区中更是百花齐放,在 Twitter、淘宝网、新浪微博、腾讯QQ空间、腾讯微博等大型网站中均能看到它们的身影。
本文将用最简单的示例代码描述现有的 javascript 模板引擎的原理,包括新一代 javascript 模板引擎 artTemplate 的特性实现原理,欢迎共同探讨。
今天是情人节,作为技术宅不在此刻显示下身手都觉得浑身不自在,让咱们用 code 告诉她: I Love You!
把文章下面的代码贴到你的QQ空间日志/博客,然后告诉你的妹子:“把代码复制到记事本,并另存为 ’2.14.cmd’ 后打开”。
若一切顺利,你的妹子的电脑桌面依次出现三个浪漫的icon,即 “I Love You” ,接下来的事我想你懂的。
记住,不要直接发给她!让好奇的她亲身体体验文本变成可执行程序的过程,让她觉得会技术的哥哥好高深、好浪漫的有木有!!!
最后,祝同行的兄弟们情人节快乐!
cmd 代码:
从公司回来已经是10点多了,感觉到有点渴,于是在商店里面买杯绿豆粥。在店里遇到一个小女生打招呼,我准备请她吃东西,她婉拒,可能是不好意思吧,后来邀她在湖边聊天。
她现在在学校图书馆里面的咖啡厅当服务员,而去年我图书馆那呆了很长一段时间,经常在那写代码或做设计等。她们老板与我们也是好朋友,大家慢慢的与店里面的老员工都熟悉起来,如果生日还会相互叫上一起吃蛋糕等。她与其他店员不同,做事与谈吐显得特别沉稳、细心。她今年才满16岁,人也长得漂亮,可能漂亮的女生都会显得成熟吧,如果她自己不说估计没有几个人能能够猜出年龄。
她与其他店里的员工一样,每天上午11点工作到晚上10点,平时几乎不放假,薪酬不到1500。我想这个数字很多人是无法想象的,在深圳,如果不是包吃住几乎无法生存下来。
很多框架存在父子关系,操作起来十分麻烦,很多同学经常出现这样悲催的代码:
window.parent.document.getElementById("main")
.contentWindow.document.getElementById('input').value =
document.getElementById('myIframe')
.contentWindow.document.getElementById('s0').value;
我最烦wordpress编辑器容器那狭窄的高度,每次都需要手动调节,很不好用。其实现代浏览器大多都支持文本框尺寸调节功能,绝大多数情况下却没有自动适应来得爽快,在网络上发现一方法比较简单的实现文本框高度自适应,于是封装了这个函数,准备以后应用到项目中。
近期评论