velocity模板使用建议
复杂页面前端模块化的方式:
方式一:iframe
方式二:velocity模板(#parse)
方式一,优点很多,也有缺点,例如页面之间传递参数等;
方式二,页面之间的调用,传参更容易,页面性能更好;但是也有一些缺点,如样式互相影响,js之间调用混乱等;
就方式二的建议如下:
1、css样式,少用或者不用全局样式;
2、模块之间尽量不要进行调用,除非一个模块完全属于另外一个模块;
3、模块之间的方法调用,或者模块调用主窗口的js函数,通过主窗口的全局事件(window)处理;
举例如下:
场景:
a页面 引用 b模块
a页面 引用 c模块
b模块 调用 a页面的方法、c模块的方法
方法:
c模块通过reture返回方法,a页面封装全局c模块方法
b中直接使用全局方法即可。
详情可参考:agentview.vm
如有问题,或者更好的方式,请及时沟通。
velocity模板使用建议的更多相关文章
- 《Velocity 模板使用指南》中文版[转]
		
转自:http://blog.csdn.net/javafound/archive/2007/05/14/1607931.aspx <Velocity 模板使用指南>中文版 源文见 htt ...
 - Spring中使用Velocity模板
		
使用Velocity模板 Velocity是一种针对Java应用的易用的模板语言.Velocity模板中没有任何 Java代码,这使得它能够同时被非开发人员和开发人员轻松地理解.Velocity的用户 ...
 - Apache Solr Velocity模板远程代码执行复现
		
0x01漏洞描述 2019年10月31日,国外安全研究员s00py在Github公开了一个Apache Solr Velocity模板注入远程命令执行的poc. 经过研究,发现该0day漏洞真实有效并 ...
 - 威胁预警|Solr velocity模板注入远程命令执行已加入watchbog武器库,漏洞修补时间窗口越来越短
		
概述 近日,阿里云安全团队监测到挖矿团伙watchbog更新了其使用的武器库,增加了最新Solr Velocity 模板注入远程命令执行漏洞的攻击方式,攻击成功后会下载门罗币挖矿程序进行牟利.建议用户 ...
 - velocity模板引擎学习(4)-在standalone的java application中使用velocity及velocity-tools
		
通常velocity是配合spring mvc之类的框架在web中使用,但velocity本身其实对运行环境没有过多的限制,在单独的java application中也可以独立使用,下面演示了利用ve ...
 - velocity模板引擎学习(3)-异常处理
		
按上回继续,前面写过一篇Spring MVC下的异常处理.及Spring MVC下的ajax异常处理,今天看下换成velocity模板引擎后,如何处理异常页面: 一.404错误.500错误 <e ...
 - Velocity模板引擎语法
		
Velocity 模板引擎介绍 Velocity是一个基于java的模板引擎(template engine).它允许任何人仅仅简单的使用模板语言(template language)来引用由java ...
 - java 利用spring JavaMailSenderImpl发送邮件,支持普通文本、附件、html、velocity模板
		
java 利用spring JavaMailSenderImpl发送邮件,支持普通文本.附件.html.velocity模板 博客分类: Java Spring 本文主要介绍利用JavaMailS ...
 - Velocity模板引擎入门
		
类似于PHP中的Smarty,Velocity是一个基于Java的模板引擎(template engine).它允许任何人仅仅简单的使用模板语言(template language)来引用由java代 ...
 
随机推荐
- js从后台无法取值问题
			
前台代码 <script type="text/javascript"> $(function () { var chart; $(document).ready(fu ...
 - HDU 5358 尺取法+枚举
			
题意:给一个数列,按如下公式求和. 分析:场上做的时候,傻傻以为是线段树,也没想出题者为啥出log2,就是S(i,j) 的二进制表示的位数.只能说我做题依旧太死板,让求和就按规矩求和,多考虑一下就能发 ...
 - HDU 2276
			
http://acm.hdu.edu.cn/showproblem.php?pid=2276 矩阵乘法可以解决的一类灯泡开关问题 /* 转移关系为 now left now* 1 0 1 1 1 0 ...
 - 使用Object.observe 实现数据绑定
			
Object.observe API概述 最近,JavaScript的MVC框架在Web开发届非常盛行.在实现MVC框架的时候,一个非常重要的技术就是数据绑定技术.如果要实现模型与视图的分离,就必须要 ...
 - PAT (Basic Level) Practise:1038. 统计同成绩学生
			
[题目链接] 本题要求读入N名学生的成绩,将获得某一给定分数的学生人数输出. 输入格式: 输入在第1行给出不超过105的正整数N,即学生总人数.随后1行给出N名学生的百分制整数成绩,中间以空格分隔.最 ...
 - P,NP,NPC,NPC-HARD
			
P: 能在多项式时间内解决的问题 NP: 不能在多项式时间内解决或不确定能不能在多项式时间内解决,但能在多项式时间验证的问题 NPC: NP完全问题,所有NP问题在多项式时间内都能约化(Reducib ...
 - ✡   leetcode  167. Two Sum II - Input array is sorted  求两数相加等于一个数的位置 --------- java
			
Given an array of integers that is already sorted in ascending order, find two numbers such that the ...
 - 億万笑者 - Radwimps
			
億万笑者 作曲:野田洋次郎 作词:野田洋次郎 明日に希望を持った者だけに 絶望があるんだ何かを信じた者だけに 裏切りはあるんだ勇者だけに与えられた 名誉の負傷とでも言うのかそれにしてはずいぶんと 割に ...
 - (转) 坚持完成这套学习手册,你就可以去 Google 面试了
			
坚持完成这套学习手册,你就可以去 Google 面试了 系统 指针 value Google 面试 阅读6138 本文为掘金投稿,译文出自:掘金翻译计划 原文地址:Google Interv ...
 - Android学习四:数据库操作
			
1前言 android中使用SQLite作为数据库,在进行相关的开发的时候不需要导入包.SQLite起符合SQL标准,也有自己的一些特性,是一个轻量级的数据库. 2代码 简单的数据库类封装 packa ...