最近项目要做一个移动web页面项目，很多模版需要公用，由于每个页面都引用相同大量代码不美观而且修改起来非常不方便；不依赖后台有什么办法；
1 回答
千万里不及你
TA贡献1784条经验 获得超9个赞
可以用前端的模板语言
也可以自己去写点简单的 举个栗子 重点是思想
公共header headerTpl.js
<header>
{{title}}</header>html
<html>
<head>
<script src="./headerTpl.js" type="text/template" id="J_headerTpl"></script>
</head>
<body>
<div class="container J_container">
{{{header}}} </div>
<script src="zepto.js"></script>
<script>
var title = "哈哈"; var headerTpl = $('#headerTpl').html();
var container = $('.J_container').html();
headerTpl = headerTpl.replace('{{title}}', title);
container = container.replace('{{{header}}}', headerTpl); </script>
</body></html>感觉有点别扭, 如果是服务端渲染的话 用服务端的模板引擎也是可以把公共部分抽离的.
添加回答
举报
0/150
提交
取消