HBuilder对我来说是一个完全新的开发工具,一开始刚接触的时候还有点担心,可是使用久了就会发现
HBuilder跟其他的开发工具区别不大,并且它的开发速度比其他的开发工具更快,而且HBuilder对于开发APP更加的方便。
在开发中,接触到了mui框架,mui是一款可以方便开发出高性能App的框架,也是目前最接近原声App效果
的框架。 mui框架把App中的一些常用的窗体都封装了起来,使得开发更加简单。
期间,App与后台数据间的交互用到的ajax请求
<span style="font-size:18px;">mui.ajax(url,{
data:{
},
dataType:'json',//服务器返回json格式数据
type:'post',//HTTP请求类型
success:function(data){
//服务器返回响应
...
},
error:function(xhr,type,errorThrown){
//异常处理;
console.log(type);
}
});
</span>
虽然期间出了不少问题,但是在徐哥的帮助下,都一一解决了。
还知道了一个JS模板引擎 artTemplate
使用一个type="text/html"的script标签存放模板:
<script id="test" type="text/html">
<h1>{{title}}</h1>
<ul>
{{each list as value i}}
<li>索引 {{i + 1}} :{{value}}</li>
{{/each}}
</ul>
</script>
渲染模板:
var data = {
title: '标签',
list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
};
var html = template('test', data);
document.getElementById('content').innerHTML = html;
这里面数据的格式需要注意一下:
Inspect 一个需要越狱的调试工具,可以在谷歌浏览器上进行调试项目,并且可以看到报错的地方data = { title: '标签', list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他'] };