投稿

前端设计人员如何提高写前端的效率？

Vedu • • 程序开发 • 阅读 1098

我们在写前端的时候，面对重复代码的时候，很多时候就会复制粘贴，实际上可以通过技巧来提高写前端的效率。接下来将介绍几个常用的提高效率的技巧
注释

输入以下代码

Ctrl /

另外，取消注释也是Ctrl /

乘法

*
输入以下代码

(div>ul>li)*5
前端新人，想要提高写前端的效率？干货！快进

学习web前端的小伙伴，你是否缺少学习路线、学习资料、视频呢？是否出现问题无人指导，不知道怎么解决呢？给你们推荐一个前端爱好者聚集地，私信我【前端】，即可获取地址，群里超多资料，还有行业大佬在线解答问题呢~都是一群志同道合的朋友，来我们一起互相监督学习吧

后代

>
输入以下代码

nav>ul>li
前端新人，想要提高写前端的效率？干货！快进

兄弟

输入以下代码

div p bq
前端新人，想要提高写前端的效率？干货！快进

上级

^
输入以下代码

div div>p>span em^bq
前端新人，想要提高写前端的效率？干货！快进

输入以下代码

div div>p>span em^^bq
前端新人，想要提高写前端的效率？干货！快进

分组

()
输入以下代码

(div>dl>(dt dd)*3) footer>p
前端新人，想要提高写前端的效率？干货！快进

自增

$
输入以下代码

ul>li.item$*5
前端新人，想要提高写前端的效率？干货！快进

倒序的

ul>li.item$@-*5
前端新人，想要提高写前端的效率？干货！快进

编号为3位数字

ul>li.item$$$*10
前端新人，想要提高写前端的效率？干货！快进

自增从5开始，输出10条

ul>li.item$@5*10
前端新人，想要提高写前端的效率？干货！快进

ID和类

#和.

#header
前端新人，想要提高写前端的效率？干货！快进
.title
前端新人，想要提高写前端的效率？干货！快进
form#search.wide
前端新人，想要提高写前端的效率？干货！快进

自定义属性

[]

p[title="Hello world"]
前端新人，想要提高写前端的效率？干货！快进

多个属性的情况

td[rowspan=2 colspan=3 title]
前端新人，想要提高写前端的效率？干货！快进

文本

{}

p{段落内容}
前端新人，想要提高写前端的效率？干货！快进
[]p{段落内容}

再按 Tab键(下同)
例如：

前端新人，想要提高写前端的效率？干货！快进

隐式标签

.class
前端新人，想要提高写前端的效率？干货！快进
em>.class
前端新人，想要提高写前端的效率？干货！快进
ul>.class
前端新人，想要提高写前端的效率？干货！快进
table>.row>.col
前端新人，想要提高写前端的效率？干货！快进

还有很多，所有未知的缩写都会转换成标签————》

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/procedure/13872.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
VeduVedu
0 0
上一篇 2020-11-07 14:44
下一篇 2020-11-08 16:09

相关推荐

发表评论

登录后才能评论