通过文章目录提高前端代码效率——HTML缩写自动完成基于HTML标签名称的重复标签生成*子标签更高^分组()自扩展)基于id和class的div标签属性标签内文本生成
如何提高前端代码效率——HTML缩写的自动完成
我们学习前端的时候,你经常看视频讲师,快速生成HTML代码吗? 但是,自己不知道。 自己写前端的时候,在面对二维码的时候复制&; 只需粘贴,即可逐个修改class、id等特定属性。 这些都可以用技巧来实现。
在代码编辑器里输入以下代码后使用Tab(有提示可以使用Enter)键即可实现
HTML从标记名称中提取adiv a href=''/adiv/div重复标记* div *5div/div div/div div/div子标记ulliaulliahref='/a/div子标记要生成的divimg src='' alt=' '高级^ navdivpimg ^ spannavdivp/pimg src=' ' alt='/div span/span/nav组(() ulli )
ulli.item $ *5ulli class=' item1'/Lili class=' item2'/Lili class=' item3'/Lili class='/Lili class='
h $ [ title=item $ ] { header $ } *3h1 title=' item1' header1/h1 H2 title=' item2' H2 H3 title=' item3' head
ulli.item $ $ *5ulli class=' item 001 '/Lili class=' item 002 '/Lili class=' item 004 '/Lili class
ulli.item $ @3*5ulli class=' item3'/Lili class=' item4'/Lili class=' item5'/Lili class=' item6'/Lili class search.widep.class1. class2. class3divid=' header '/divdivclass=' title '/div form id=' sea der '/divdivclass div form id=' searm form pclass=' class1class2class3'/p标记属性TD [ rowspan=2colspan=3title ] TD rowspan='2' colspan='