缩写：html:5 或者 ！
生成：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>Last updated
缩写：w100
生成：width:100px;
缩写：h100p
生成：width:100%;
缩写：p100e
生成：padding: 100em;
缩写：m100x
生成：margin: 100ex; 缩写：div.className (创建类名为className的div)
生成：<div class="className"></div>
缩写：div#id (创建指定id的div)
生成：<div class="id"></div>
缩写：div[style="width:200px"] （创建一个style="width:200px"的div）
生成：<div style="width:200px"></div> 缩写：div>ul
生成：<div>
<ul></ul>
</div> 缩写：a+img
生成：<a href=""></a><img src="" alt=""> 缩写：ul>li*3^ol
生成：
<ul>
<li></li>
<li></li>
<li></li>
</ul> 缩写：(div.foo>h1>p)+(div.bar>h3>p)
生成：
<div class="foo">
<h1>
<p></p>
</h1>
</div>
<div class="bar">
<h3>
<p></p>
</h3>
</div> 缩写：ul>li*5
生成：
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul> a.在table中可以表示tr:
缩写：table>tr.item*3
生成：
<table>
<tr class="item"></tr>
<tr class="item"></tr>
<tr class="item"></tr>
</table>
b.在ul或者ol中表示li:
缩写：ol>li.item*3
生成：
<ol>
<li class="item"></li>
<li class="item"></li>
<li class="item"></li>
</ol>
c.在select中表示option:
缩写：select>option.item*3
生成：
<select name="" id="">
<option value="" class="item"></option>
<option value="" class="item"></option>
<option value="" class="item"></option>
</select> 缩写：ul>li{我是第$$个item}*3 (注意一个$表示一个占位，多个占位前面用0替换)
生成：
<ul>
<li>我是第01个item</li>
<li>我是第02个item</li>
<li>我是第03个item</li>
</ul>缩写：itar
生成：
for (var i = 0; i < array.length; i++) {
var obj = array[i];
} 例如：lorem1000----->可以随机生成1000个单词的随机乱文缩写：-w ;-m ;-s ;-o
w 表示 -webkit-
m 表示 -moz-
s 表示 -ms-
o 表示 -o- 缩写：meta:vp
生成：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 缩写：bd+
生成：border: 1px solid #000;
缩写：bgc
生成：background-color: #fff;
缩写：fz
生成：font-size:
缩写：fs
生成：font-style: italic;
缩写：lg
生成：background-image: linear-gradient();
缩写：xxx.log
生成：console.log(xxx);