HBuilder 的使用2

1、使用CSS选择器语法来快速开发HTML和CSS(支持Emmet)

1.1 输入div#page>div.logo+ul#navigation>li*2>a,按下tab生成代码如下图

这里写图片描述

HBuilder集成了Emmet功能,可以通过CSS选择器语法来快速开发HTML和CSS,如想深入了解Emmet请移步 http://www.emmet.io/

2、强大的JS解析引擎大大加快JS开发的速度

2.1 JS提示html的ID

这里写图片描述

2.2 JS提示html的tagname

这里写图片描述

2.3 JS提示css类名

这里写图片描述

注:JS通过ID、tagname、css类名不但可以获取HTML元素,还可以精确分析出其元素类型,准确提示其属性,如上图可以提示出list[0].type

2.4 JS中提示JSON

这里写图片描述

2.5 JS提示自定义系统方法

这里写图片描述

2.6 JS提示对象引用及其属性、方法

这里写图片描述

2.7 JS提示闭包对象

这里写图片描述

这里写图片描述

2.8 跳转到class、id、js方法定义处

    如果按下Alt + 鼠标左键点击引用的方法名、ID、CSS类、文件(链接、图片),均可跳转到引用的地方,也可以是跨文件的引用哦

2.8.1 跳转到JS方法定义处,如下图

这里写图片描述

2.8.2 跳转到CSS类定义处,如下图

这里写图片描述

2.8.3 跳转到ID定义处,如下图

这里写图片描述

2.8.4 跳转到文件,如下图

这里写图片描述

HBuilder 的使用说明就到这里,谢谢

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

leidl

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值