freemark 自定义常用函数

最新推荐文章于 2024-04-08 15:31:38 发布

weixin_34174422

最新推荐文章于 2024-04-08 15:31:38 发布

阅读量373

点赞数

文章标签： ui javascript ViewUI

原文链接：https://my.oschina.net/wjgood/blog/3034269

版权

本文介绍了一种前端资源加载优化的方法，通过使用特定的宏指令来动态加载CSS和JS文件，确保页面快速响应并减少资源浪费。重点介绍了如何根据不同场景选择加载特定的库，如zTree和jQuery UI，以及如何利用条件语句实现智能加载。

摘要由CSDN通过智能技术生成

<#--
		css 依赖
		use: <@cssDeps ["ztree"] />
-->
<#macro cssDeps fileNames=[]>
	<#if fileNames?size != 0 >
		<#list fileNames as file>
			<#if "jqueryUI" == file>
				<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
				<#elseif "ztree" == file>
				<link media="all" rel="stylesheet" type="text/css" href="${staticFileUrl}/jui/plugins/ui/zTree/css/zTreeStyle/zTreeStyle.css" />
			</#if>
		</#list>
	</#if>
</#macro>

<#macro jsDeps fileNames=[] remove={}>
<#if fileNames?size != 0 >
	<#list fileNames as file>
		<#if "jqueryUI" == file>
		<#elseif "jqueryForm" == file>
		<#elseif "template" == file>
		<script type="text/javascript" src="${pathJs}/artTemplate/template.min.js"></script>
		<#elseif "autocomplete" == file>
		<script type='text/javascript' src='${pathJs}/jquery.autocomplete/jquery.autocomplete.js'></script>
		<#elseif "ztree" == file>
		<script type="text/javascript" src="${staticPath}/jui/plugins/ui/zTree/js/jquery.ztree.all.min.js"></script>
		</#if>
	</#list>
</#if>
</#macro>

<#function eq s1="" s2="" el="">
	<#if s1 == s2>
		<#return el>
	</#if>
	<#return "">
</#function>
<#function map map={} key="" isBoolean=false isObject=true>
	<#if map[key]?? && map?keys?size != 0>
		<#return map[key]>
	<#else>
		<#if isBoolean>
			<#return false>
		<#elseif isObject>
			<#return {}>
		</#if>
	</#if>
</#function>

<#function substr text="" len=20>
	<#if text?length lt len>
		<#return text />
	<#else>
		<#return text[0..len] />
	</#if>
</#function>

转载于:https://my.oschina.net/wjgood/blog/3034269