前端页面压缩与格式化

前端页面压缩与格式化

vscode 压缩代码方式
压缩:(使用join lines 合并行)
选中想要合并的行,按Ctrl + Shift + P调出命令窗口,输入join lines,确认执行就可以合并多行了。
但试过在vsc上会报错

在这里插入图片描述

压缩js(主要用这个)
Minify把CSS和JS压缩和削减(Minify:去掉空格回车符等),以及把多个CSS,JS文件整合到一个文件里,使用minfy没有报错,页面可以正常运行,在chorme上对比没有压缩之后的页面,页面加载响应速度会快速很多,可以通过chorme中DOMContentLoaded、Load参数去查看页面加载速度
在这里插入图片描述
格式化:
在 vscode 中 格式化代码 下载beautify插件, F1 输入bea

##以上知识通过网上查询,整合,实践,如果有侵权或者有更好的技巧交流,请指出,谢谢,希望多多交流~~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值