2023-07-29 3361 阅读 值得一看 🔍️ 🎉 Vite 4.4实验性地支持Lightning CSS,Lightning CSS更快的CSS处理利器 lightningcss中文文档Vite4.4实验性从Vite4.4开始,Vite实验性地支持LightningCSS。你可以通过在你的配置文件中添加css.transformer:'lightningcss'来选择它,并安装可选的lightningcss依赖:npmadd-Dlightningcs
2023-07-27 3263 阅读 实用干货 🌋 🥚 Vite打包性能优化以及填坑 前言最近在使用Vite4.0构建一个中型前端项目的过程中,遇到了一些坑,也做了一些项目在构建生产环境时的优化,在这里做一个记录,以便后期查阅。(完整配置在后面)项目优化前上面是dist文件夹的截图,里面的内容已经有30mb了,是时候该做点什么了。分析想要实现优化,首先我得先知道,是什么占了这么大的空
2023-07-24 1146 阅读 实用干货 🌋 💡 前端性能优化,我会从这几个角度去回答你!超级详细! 前端优化大概可以有以下几个方向:网络优化页面渲染优化JS优化图片优化webpack打包优化React优化Vue优化网络优化DNS预解析link标签的rel属性设置dns-prefetch,提前获取域名对应的IP地址使用缓存减轻服务端压力,快速得到数据(强缓存和协商缓存)使用CDN(内容分发网络)用户
2023-07-21 2148 阅读 实用干货 🌋 📦️ uni-app开发经验总结 uni-app介绍及对其优缺点理解开发多端兼容应用的一种较好的方案:开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台,常见平台基本上都可以被兼容到;开发体验还是相对较好的,很多时候可以在h
2023-07-20 1282 阅读 实用干货 🌋 📌 详细聊一聊 Vue3 依赖注入 在Vue.js中,依赖注入(DI)是一种非常常见的跨组件传递数据的方法,它可以帮助我们更好地管理组件之间的依赖关系。本文将介绍Vue3中的依赖注入机制,包括provide()和inject()函数的使用方法、使用注意以及优缺点和适用场景等方面的内容。✨快速上手Vue3中的依赖注入机制提供provid
2023-07-12 1096 阅读 实用干货 🌋 🥚 掌握移动端适配三种视口的价值所在 通过这篇文章你将收获什么?明晰移动端三种视口存在的意义。对移动端适配的核心标签<metaname="viewport">中的width与initial-scale配置有一个清晰的认知,并且能够通过配置initial-scale解决实际问题对于flexible.js中设置initial-s