一直以来很青睐于steve.yen设计的模板引擎JST(JavaScript Templates),非常好用。
而最近开始使用mootools这个优秀的ajax框架,几天前遇到一个奇怪的问题,一直无解。
现象: 当使用JST的循环标签{for obj in list}时,集合的长度一点错误没有,而在实际输出的时候总是
多循环一次。
开始没有在意,以为是jst的模板没写好。两天以后来解决这个问题的时候,发现咋都要多循环一次。。。
调试N久,把数据来回测试,就是这个首页面有问题,最后把数据清掉,空的集合居然还会循环1次。。。
没辙用steve大侠的demo做测试,啥问题都没,一气之下把demo的代码直接粘贴到首页面里了(其实是不小心按错了)
执行以后惊奇的发现在最后输出的那行不再是错误,而是一个大写的"ARRAY",再看demo的模板,输出他的对象是
p.name ,层层抽丝后终于锁定,这个页面里所有的js array对象的最后一个元素在jst循环的时候都会多出一个array。
终于把目光锁定在了那个唯一存在的外部js文件 mootools.js ,仔细查看才发现好多重新定义的array函数,直接去掉
引用,马上一切OK了。。。。。。。。。。。
诶,真是让人抓狂的问题,临时在循环中加了个p.name=='array'就break的判断跳过这个问题。
要想彻底解决,还要阅读jst的源码,好头疼啊,放弃了,有时间再说。
分享到:
相关推荐
在给定的标题和描述中,我们聚焦于Mootools的一个重要应用:模板引擎插件,它主要用于实现代码的分离。 **模板引擎**是Web开发中的一个重要概念,它允许开发者将数据和展示逻辑相分离。通过模板,你可以预先定义好...
5. **Ajax通信**:MooTools提供了Ajax组件,用于与服务器进行异步数据交换,支持GET、POST等多种HTTP请求方式。 6. **工具函数**:MooTools包含一系列实用的工具函数,如数组、字符串、日期等常用操作的辅助方法,...
- **互操作性**:MooTools允许在项目中与其他库共存,通过NoConflict模式可以避免命名冲突。 5. **MooTools的应用场景** - **网页动态效果**:MooTools的Fx模块非常适合创建复杂的页面动画和交互效果。 - **Ajax...
对于Joomla爱好者而言,Mootools不仅是Joomla自带的JS库,而且是开发Joomla扩展和模板时不可或缺的一部分。 Mootools的核心理念是模块化设计,它将JavaScript的功能拆分成一系列可复用的模块,如核心、DOM、事件、...
**MooTools 详解** MooTools 是一个轻量级且功能强大的JavaScript库,它提供了一种优雅的方式来处理DOM操作、事件、动画效果以及Ajax交互。这个“mootools详细教程chm”包含了丰富的资源,旨在帮助开发者深入理解和...
6. **Mootools与现代前端框架** 虽然现代前端开发中,许多开发者转向了Angular、React或Vue.js等更先进的框架,但MooTools仍然在一些项目中被使用,特别是在维护旧代码库或者对性能有严格要求的情况下。 总结,...
在IT领域,JavaScript库MooTools是一个非常受欢迎的框架,用于增强网页的交互性和功能。MooTools提供了许多工具和组件,其中包括对于tree(树形结构)和table(表格)的处理,使得开发者能够轻松创建复杂的用户界面...
MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似。但它提供的...
- **类与对象**:MooTools支持基于原型的面向对象编程,通过`Class`和`Object`构造器创建类和实例,允许继承和混合(mixin)。 - **链式调用**:MooTools的API设计使得大部分方法返回当前对象,方便进行链式调用,...
1. **对象与类**:MooTools 使用原型继承来实现面向对象编程,提供了强大的类系统。开发者可以通过`extend`方法来扩展已有类,通过`implement`方法添加新方法或属性。此外,`Object`类是所有MooTools类的基础,提供...
8. **DOM遍历与选择**:MooTools的`Selectors`模块实现了CSS选择器,使得选取DOM元素更为方便。分析这部分源码,我们可以学习如何实现高效的选择器引擎。 9. **浏览器兼容性**:MooTools致力于跨浏览器兼容性,通过...
比prototypejs更丰富、更强大的mootools.js插件 1.4.5 core下载。mootools.js可以生成较为复杂的、动态的网页交互效果,和jquery一样强大。。Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似...
MooTools 是一个轻量级、模块化的JavaScript库,它为Web开发提供了强大的工具和功能。这个压缩包包含了MooTools的两个主要版本——v1.11和v1.2.1的相关文档,以及可能的HTML和JavaScript文件,帮助开发者理解和使用...
4. **MooTools与Ajax** 在Ajax开发中,MooTools的Element方法尤其有用,因为它们允许开发者轻松地更新DOM结构,添加、删除或修改内容,而无需关心浏览器兼容性问题。MooTools已经处理了这些问题,使得开发者可以...
**三、弹出框动画与交互** 为了增加用户体验,弹出框通常会有显示和隐藏的动画效果。MooTools的`Fx.Tween`类可以帮助我们实现这一点: ```javascript var popupFx = new Fx.Tween(popup, { property: 'opacity', ...
8. **插件扩展**:MooTools的生态系统还包括一系列插件,如`More`集合,提供了额外的功能,如拖放、滑块、提示框等,这些插件可以方便地与核心库集成。 通过"mootools-release-1.11.js"这个文件,开发者可以直接...
MooTools 帮助文档 api ajax
MooTools Dialog与jQuery UI的Dialog或Bootstrap的Modal类似,但每个库都有其独特之处。MooTools Dialog在性能和灵活性方面有良好表现,尤其适合那些已经使用MooTools的项目。然而,选择哪个库取决于项目的需求,如...
**Ajax与MooTools** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术的运用极大地提升了用户体验,因为它允许页面在后台与服务器进行数据交换,...
这些组件不仅在功能上模拟了桌面应用的交互,而且在视觉上也追求与Windows操作系统类似的风格,以提升用户的熟悉感和舒适度。 Mocha UI 的一个重要特点是其跨浏览器兼容性。这意味着开发人员可以利用这个框架来构建...