hbuilder

hbuilder软件支持各种代码线上编辑，也是一个非常不错的html开发工具，用户在线上使用的时候特别流畅，支持智能代码提示，呈现的语法高亮，可将各种信息折叠，在线上进行代码编辑的时候特别方便，支持代码线上调试，用户可将自己所需要的各种信息在线发送，新的消息也会及时提醒，更好的完成每天的调试工作，可开启普通通知和下载链接通知。

hbuilder怎么用?

使用HBuilder开发移动APP：ajax调用接口数据

既然要做APP，与接口 交互式少不了的，除非只是想做一个纯静态的APP。所以html5+的环境准备好后，我最先开始研究的就是如何与接口进行交互。

使用HBuilder新建示例教程后，里面会有一个ajax(网络请求)的列子，文件目录是examples/ajax.html。看了下这个文件的代码，它的功能就是点击“提交”按钮后提交参数给接口，然后根据选择的返回数据格式，将一段字符串打印出来。我准备改造下这段代码，改由页面加载时调用列表接口，并在APP里显示这段列表，毕竟这种情况应该经常会用到。

1、在list.html里增加一个访问这段列表的链接ajax加载接口列表数据

2、在examples目录新建文件ajaxlist.html

3、在这个文件里先写上展示列表的HTML框架。我是这么写的

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

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

mui.plusReady(function () {

if(plus.networkinfo.getcurrentType()==plus.networkinfo.CONNECTION_NONE){

network = false;

} else {

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

getList();

}

});

}

其中，getList就是调用接口数据的入口方法。下面来编写getList方法

var ajax = function() {

//利用askh5的演示接口数据

var url =

//发送数据，随便填，反正返回的数据都是那个样

var data = {

name: "askh5.com",

author: "gzdayou",

description: "最好的HTML5社区…"

};

respnoseEl.innerHTML = '正在请求中…';

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

};

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

function getList()

{

if(network){

ajax();

}else{

mui.toast("当前网络不给力，请稍后再试");

}

}

这里面调用的接口是在askh5的angularjs入门教程里看到的，是一段演示json数据。

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

hbuilder常见问题有哪些？

Q:什么叫滚动条信息点?

A:当代码中有重要的标记出现时，会生成滚动条信息点，在滚动条右侧出现颜色各异的点。点击这些点或使用跳转到下一个信息点功能，可以快速到达这些代码处。如下标记会生成信息点：书签、任务、错误提示。

Q:怎么实现代码追踪?

A:在编辑代码时经常会出现需要跳转到引用文件或者变量定义的地方，HBuilder提供了一个非常好用的代码追踪功能，只需要按住Ctrl+鼠标左键即可实现追踪。

Q:输入small不提示，语法库是不是不全?

A:代码块是否提示，取决于是否设置了这个代码块，代码块是可自定义的。默认没有预置small代码块，你也可以在代码块弹出界面点右下角的编辑图标，进行代码块的补充修改。另外可以使用emmet(ZenCoding)语法，这个没有提示，但敲完small，按tab，就会自动生成标签。emmet是一种前端公开技术，网上教程很多。

Q:为什么有时候我输入代码块的名称，却没有出现想要的代码块?

A:代码块的显示名称和激活字符是不同的，查看激活字符请在激活代码助手后选择代码块，看右边信息栏的详情

Q:编辑器怎么实现分栏?A:HBuilder编辑器分栏功能可以实现左右分栏和上下分栏以及组合分栏。

1、左右分栏实现：鼠标点着编辑器选项卡往最右边拖动即可实现左右分栏

2、上下分栏实现：鼠标点着编辑器选项卡往最下边拖动即可实现上下分栏

3、组合分栏实现：组合分栏就是即有的文件向下拖动，有的文件向右拖动。

《hbuilder》软件优势：

1.具体的操作方式特别简单，能够让每个用户快速上手。

2.直接需要将相应的消息通知线上开启，任何消息能够让你第一时间查看。

3.也是一个非常不错的代码编辑器工具，满足用户的使用。

《hbuilder》软件亮点：

1.用户可通过软件进行语言的编写，语法检索和代码补全。

2.所有的功能会持续优化，也提供了专业化的原生模拟器。

3.在多个不同的设备上都可快速下载，可直观的查看预览效果。

《hbuilder》软件测评：

提供有丰富多样的模板库，用户可在这里快速的找到自己所需要的代码编辑模板，这些功能在使用的时候特别方便，随时都可通过软件进行html编辑。