1.10.7 • Published 7 years ago
suiseed v1.10.7
##SUI起步项目
依赖说明:
jquery,sui, underscore文件已经部署在http://statics.servyou.com.cn/ 下 1. jquery: http://statics.servyou.com.cn/jquery/1.12.4/jquery.min.js 2. sui: http://statics.servyou.com.cn/sui-miniui/1.0.13/mini-all-min.js 3. undersocre: http://statics.servyou.com.cn/underscore/1.8.0/underscore-min.js
html文件中@@include
标记说明:
@@include('views/_footer.html')
:导入_footer.html到当前html文件中。
underscore中模板用法,用于渲染html。
*html*
<script id="tpl" type="text/template">
<div><%= name %></div>
<div>
<%if(sex == 'female'){%>
<span>女</span>
<%} else {%>
<span>男</span>
<%}%>
</div>
</script>
*js*
var tplFun = _.template($('#tpl').html());
var resultHtml = tplFun({
name: 'someone',
sex: 'female'
});
$(targetElement).html(resultHtml);
gulp任务说明:
若报出gulp不是可执行命令这类错误,检查是否gulp包是否安装npm install --save-dev
,检查gulp是否全局安装npm install -g gulp
root> gulp watch
// 监听文件修改,执行gulp默认任务
root> gulp
// 执行默认任务,添加文件hashcoderoot> gulp prod
// 执行用于发布生产的任务,对比上一个任务增加了文件压缩处理