

🎉 Vite 4.4实验性地支持Lightning CSS,Lightning CSS更快的CSS处理利器
lightningcss中文文档Vite4.4实验性从Vite4.4开始,Vite实验性地支持LightningCSS。你可以通过在你的配置文件中添加css.transformer:'lightningcss'来选择它,并安装可选的lightningcss依赖:npmadd-Dlightningcs
标签 前端 的文章
关于 《前端》 的文章


lightningcss中文文档Vite4.4实验性从Vite4.4开始,Vite实验性地支持LightningCSS。你可以通过在你的配置文件中添加css.transformer:'lightningcss'来选择它,并安装可选的lightningcss依赖:npmadd-Dlightningcs


前言最近在使用Vite4.0构建一个中型前端项目的过程中,遇到了一些坑,也做了一些项目在构建生产环境时的优化,在这里做一个记录,以便后期查阅。(完整配置在后面)项目优化前上面是dist文件夹的截图,里面的内容已经有30mb了,是时候该做点什么了。分析想要实现优化,首先我得先知道,是什么占了这么大的空


前端优化大概可以有以下几个方向:网络优化页面渲染优化JS优化图片优化webpack打包优化React优化Vue优化网络优化DNS预解析link标签的rel属性设置dns-prefetch,提前获取域名对应的IP地址使用缓存减轻服务端压力,快速得到数据(强缓存和协商缓存)使用CDN(内容分发网络)用户
uni-app介绍及对其优缺点理解开发多端兼容应用的一种较好的方案:开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台,常见平台基本上都可以被兼容到;开发体验还是相对较好的,很多时候可以在h
在Vue.js中,依赖注入(DI)是一种非常常见的跨组件传递数据的方法,它可以帮助我们更好地管理组件之间的依赖关系。本文将介绍Vue3中的依赖注入机制,包括provide()和inject()函数的使用方法、使用注意以及优缺点和适用场景等方面的内容。✨快速上手Vue3中的依赖注入机制提供provid


通过这篇文章你将收获什么?明晰移动端三种视口存在的意义。对移动端适配的核心标签<metaname="viewport">中的width与initial-scale配置有一个清晰的认知,并且能够通过配置initial-scale解决实际问题对于flexible.js中设置initial-s


针对RxJS是不是前端开发的未来?这个问题,大家可以各抒己见!如果还不了解RxJS,可以跟着本文一起大概的去学习一下,再做出自己的判断。学习一项新的技术,我觉得首先应该是去先看官方文档,和github开源仓库等。先从本源上学习了解到设计者的思想和官方用法。自己学习完后,如有一些还不理解,可以找一些社
下面这个React组件代码,用到3个use关键词,你理解他们的作用吗?'useclient'functionApp(){usingdata=use(ctx);//...}真是几天不写React,语法都看不懂了。本文就来聊聊这几个use关键词各自的意义。useclient首先是位于代码顶部的'usec


写在前面一般我们在vue项目中发送请求,大多使用的是axios,axios有很多的优势,比如他的拦截器,取消请求,上传进度,而且是一个基于promise的网络请求库,可以用于浏览器和node.js等等…(要不然也不会有这么多项目都在用)我一直用的也是axios不过前几日看了vueuse,还有这种写法
最近在深入研究TanStackQuery在项目中的各种高阶用法,发现结合FetchAPI封装接口请求方法也还挺好用的,它不仅是原生的高性能API,还能避免引入一个库(通常是Axios)。而且好多主流的网站实际上都使用了FetchAPI:然后就想着深入学习一下前端中常见的一些网络资源请求相关API和工
Vue3如何监听localStorage的变化。?为什么要这样做?原生的localStorage只能监听同源地址下不同页面的localStorage变化,作为单页面应用,显然不实用。所以我打算自定义一个hook监听localStorage的变化。?思路首先我们需要重写localStorage下的所有
Proxy是ES6引入的一个新特性,它允许你创建一个代理对象,用于拦截对目标对象的访问。通过使用Proxy,你可以拦截目标对象上的各种操作,比如属性访问、属性赋值、函数调用等,并在这些操作发生时执行自定义的逻辑。在Vue3中,Proxy被用于劫持组件实例,以实现响应式数据的跟踪和更新。当你在Vue组