hbuilder手机版

hbuilder手机版是一款接近原生功能和性能的手机HTML5开发工具，旨在让用户在手机上轻松完成开发，即使是年轻用户也非常容易上手。慢慢的，小白也完全掌握了使用的技术，随时随地拿起手机直接编程。同时，软件拥有多种代码块，在操作过程中选择您需要的代码块，可以为您节省50次击键，快速高效地提高您的工作效率，内置emmets和tabs可以快速生成字符串代码。有需要的朋友可以下载体验，非常方便。

软件特色

1、HBuilder手机版是一款专业实用的手机HTML开发工具。

2. 用户可以随时使用软件编辑HTML。

3.通过完整的语法提示和代码输入方法、代码块等

4.大大提高HTML、js、css的开发效率。代码输入方式：1个数字键，减少10次击键

5、码块：一个码块可存储50次击键。

6.模糊匹配：您可以通过跳跃和输入字母来匹配单词。

7.内置emmet，点击生成代码串

8.智能补全：识别你的意图，自动补全你的输入

使用教程

手机APP开发使用HBuilder：ajax调用接口数据

与界面的交互是必不可少的，除非你想创建一个纯静态的APP，因为你想创建一个。所以，当html5+环境准备好后，首先要开始研究的就是如何与界面进行交互。

如果使用HBuilder新建一个示例教程，会有一个ajax（网络请求）的示例，文件目录为examples/ajax.html。看了这个文件中的代码，功能是点击“提交”按钮向界面提交参数，然后根据选择的返回数据格式打印一个字符串。我们把这段代码修改一下，在页面加载的时候调用列表接口，在APP中展示这个列表，毕竟这种情况应该是经常用到的。

1.在list.html中添加访问该列表的链接，ajax加载接口列表数据。

2. 在示例目录中创建一个新文件ajaxlist.html。

3. 在这个文件中，首先创建一个HTML 框架来显示列表。我是这样写的。

//显示接口列表的总记录数//显示列表数据

4.页面加载时ajax调用接口的一段JS代码if(mui.os.plus){

mui.plusReady(函数(){

如果（plus.networkinfo.getcurrentType（）==plus.networkinfo.CONNECTION_NONE）{

网络=假；

} 其他{

//调用接口数据的输入法

获取列表（）；

}

});

}

其中getList是调用接口数据的入口方法。让我们编写getList 方法。

变量ajax=函数（）{

//使用来自askh5的演示接口数据

变量url=

//发送数据，随便填。反正返回的数据是一样的。

变量数据={

name: 'askh5.com',

author:'gzdayyou',

description: '最好的HTML5 社区.'

};

respnoseEl.innerHTML='请求.';

$.post(url, data, success, 'json');

};

//加载时调用接口数据，加载列表

函数getList()

{

如果（网络）{

阿贾克斯（）；

}其他{

mui.toast('当前网络不强，请稍后再试。');

}

}

这里调用的接口可以看askh5上的angularjs入门教程，一个json数据的demo。

$.post(url, data, success, 'json');

在上面的代码片段中，success是post方法的回调方法，我们写一个success方法来处理返回的数据。

var respnoseEl=document.getElementById('records_count');

var list=document.getElementById('list');

//响应成功的回调函数

变种成功=功能（响应）{

var str=JSON.stringify(响应);

console.log(str);

//str=JSON.stringify(响应);

respnoseEl.innerHTML='总记录数：' + response.count;

list.innerHTML='字段1 字段2';

mui.each(response.records, function(key, elem) {

console.log('elem.name:' + elem.Name );

var li=document.createElement('tr');

//li.setAttribute('id', key);

var col1=document.createElement('td');

col1.className='col1'

col1.innerHTML=elem.Name;

li.appendChild(col1);

var col2=document.createElement('td');

col2.className='col2'

col2.innerHTML=elem.Club;

li.appendChild(col2);

list.appendChild(li);

});

console.log('list' + list.innerHTML );

};

功能介绍

1.代码块

一个代码块可以节省50 次击键。

2. 模糊匹配

跳跃并点击字母以匹配单词。

3.如何输入代码

用一个数字键节省10 次击键

4.本能顽皮

按Tab 键生成代码字符串。

5.智能补全

识别您的意图并自动完成您的输入

更新日志

v9.9.1版本

1.修复已知bug

2.画面优化

3.添加内容