基于Hbuilder的快捷键使用

1.在body内输入div.box按下tab键

效果:

<div class="box"></div>

2.在body内输入div#box按下tab键

效果:

<div id="box"></div>

  


3.在body内输入ul>li{旺财}*3按下tab键

效果:

<ul>
    <li>旺财</li>	
    <li>旺财</li>
    <li>旺财</li>
 </ul>	

4.在body内输入div>a[href='#']{小强}*3按下tab键

效果:

<div>
      <a href="#">小强</a>
      <a href="#">小强</a>
      <a href="#">小强</a>
</div>

5.在body内输入table>tr*3>td{$}*5按下tab键

效果:

<table>
	<tr>
	    <td>1</td>
	    <td>2</td>
	    <td>3</td>
	    <td>4</td>
  	    <td>5</td>
    </tr>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
		<td>4</td>
		<td>5</td>
	</tr>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
		<td>4</td>
		<td>5</td>
	</tr>
</table>

 


6.在body内输入select>option{$}*5按下tab键

效果:

<select name="" id="">
     <option value="">1</option>
     <option value="">2</option>
     <option value="">3</option>
     <option value="">4</option>
     <option value="">5</option>
</select>   

  

 


7.在body内输入select>option[value=‘序号’]{$}*5>a[href=’#’]{编号}按下tab键

效果:

<select name="" id="">
      <option value="序号">1<a href="#">编号</a></option>
      <option value="序号">2<a href="#">编号</a></option>
      <option value="序号">3<a href="#">编号</a></option>
      <option value="序号">4<a href="#">编号</a></option>
      <option value="序号">5<a href="#">编号</a></option>
</select>

  

  • 属性值用[ ]填充,文本内容用{ }填充,*数字:代表生成的元素个数
上一篇:VUE打包APP的方法过程遇到的问题(HBuilder 打包方式)


下一篇:技术干货 | 六分钟学会使用 HBuilder 引入构建 mPaaS 小程序