目录前言什么是跨域问题常用解决方案vite proxy实现原理Vite中配置proxy代理vite.config.ts配置在配置中使用环境变量结语 什么是跨域问题跨域问题：浏览器从一个网页去请求另一个资源时，域名、端口、协议任一不同，都是跨域。常用解决方案常用的解决跨域问题的方式有如下几种：jsonp：利用script标签可跨域的特点，在跨域脚本中可以直接回调当前脚本的函数。cors：服务器设置
目录序论：vite架子分析1、 打包构建：2、环境变量3、模式4、兼容老浏览器 5、typescript相关6、基本配置核心配置全集推荐两个插件插件Volar 、 Vue 3 Snippets序论：开发环境：ESM+HMR:来实现模块的热更新;类似于webpack-server 生产环境：Rollup: 打包工具rollup的产生就是针对开发js库的,生成代码只是把
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0
转载
2024-10-09 15:25:40
313阅读
vite版vue项目从0到1实现postcss-pxtorem安装搭配
功能作用：将px像素自动转化为rem。 首先安装postcss-pxtorem。 npm install postcss-pxtorem -D 新建一个postcss.config.js文件配置。 module.exports = { plugins: { // 兼容浏览器，添加前缀 autopre ...
转载
2021-09-18 16:16:00
2303阅读
2评论
? 个人主页：不爱吃糖的程序媛 ?♂️ 作者简介：前端领域新星创作者、专注于前端各领域技术，成长的路上共同学习共同进步，一起加油呀！ ✨系列专栏：前端面试宝典、JavaScript进阶、vue实战 最近做项目要求将webpack打包方式换成vite，下面将详细讲解一下配置vite需要修改哪些文件，以及过程中踩到的奇葩坑。vite官网文档网址：https://vitejs.cn1.新建vitecon
转载
2024-04-01 18:56:57
1470阅读
vite 简介vite 是 vue 作者尤雨溪基于 esm 实现本地脚手架工具，最大的特点是速度快，但是不兼容 IE 11。兼容性查询地址vite 脚手架常用设置vite 的设置文件名为 vite.config.js，如果需要类型提示的话也可以使用 vite.config.ts。vite 更改完设置之后无需重启服务即可生效，这个可比 webpack 舒服太多了。配置路径别名import path
转载
2023-10-17 21:50:49
298阅读
什么是Virtio？Virtio 是一种 I/O半虚拟化解决方案，是一套通用 I/O 设备虚拟化的程序，是对半虚拟化 Hypervisor 中的一组通用 I/O 设备的抽象。其实现了一套guest VM中的上层应用与各Hypervisor (KVM，QEMU，Xen，VMware等)提供的虚拟化设备之间的通信框架和编程
转载
2024-09-29 17:54:32
100阅读
像素 PX其实很多会 Photoshop 的人都有一个误区：认为像素是一个宽高相等的小方块，并且的像素都是“那么大”，但是不知道这个宽高的具体数字。然而其实 pixel（像素）是图像的基本采样单位。它不是一个确定的物理量，也不是一个具体的点或者小方块（尽管可以用点和小方块来呈现），而是一个抽象概念。详细解释见维基 像素 条目。那么 px 都会受哪些因素的影响而变化？每英寸点数(Dots Per I
在项目或产品的迭代过程中，通常会有多套环境，常见的有：dev：开发环境sit：集成测试环境uat：用户接收测试环境pre：预生产环境prod：生产环境环境之间配置可能存在差异，如接口地址、全局参数等。在基于 vue-cli （webpack） 的项目中只需要添加 .env.xxx 文件，然后在 package.json 的 scripts 启动或打包命令中指定 mode 参数即可，获取环境变量时使
转载
2024-01-08 21:44:10
1531阅读
想要统一配置系统名称 或者其他的，需要在vue3中使用 vite 的环境变量vite 的环境变量 需要创建两个文件（和 vite.config.js 文件同一目录）
.env.development 这个文件在开发模式中使用
.env.production 这个文件在生产模式中使用在 .env.development 文件中 添加系统标题 (以开发模式为例)#.env.development
VI
转载
2023-05-23 16:04:39
487阅读
点赞
px转rem单位。 可配合媒体查询自适应屏幕。 ...
转载
2021-09-08 14:50:00
156阅读
2评论
pxpx是css像素，是一个虚拟像素，是一个相对单位 例如在两个不同的设备上，1px对应的物理、设备像素是不一样的ptpt是物理像素，它是一个绝对单位，设备出厂就固定的，不会改变 通常我们说的显示器分辨率，并不是真正的物理分辨率，而是桌面设置的显示分辨率px与ptcss像素px是相对的，而物理像素pt是设备的分辨率，我们以iphone6来举例iphone6的实际设备像素是750x1334，而它的逻
转载
2024-03-19 19:54:49
131阅读
报错信息： Syntax Error: Error: PostCSS plugin postcss-pxtorem requires PostCSS 8. 解决： 据说是postcss-pxtorem版本太高？？ 然后就先 npm uninstall postcss-pxtorem 卸载之后再安装低 ...
转载
2021-08-20 16:12:00
1132阅读
2评论
## Vite与jQuery的配置
### 概述
Vite是一款面向现代浏览器的轻量级前端构建工具，它以极快的冷启动速度和实时模块热更新而闻名。而jQuery是一款流行的JavaScript库，用于简化HTML文档的遍历、事件处理、动画操作和AJAX等操作。本文将介绍如何在Vite项目中配置和使用jQuery，并提供相应的代码示例。
### 步骤一：创建Vite项目
首先，我们需要创建一个
原创
2023-12-31 07:18:06
284阅读
在现代前端开发中，使用 `Vite` 配合 `Axios` 进行 API 数据请求已经成为许多开发者的首选方案。本文将逐步介绍如何在 Vite 项目中配置 Axios，包括环境准备、具体的配置步骤、详细的参数说明、测试验证和优化技巧。
## 环境准备
### 软硬件要求
- **操作系统**：Windows 10 / macOS / Linux
- **Node.js**：版本 >= 14.
# 如何在Vite中配置jQuery
## 一、流程概述
在Vite项目中使用jQuery需要进行以下步骤：
| 步骤 | 操作 |
| --- | --- |
| 1 | 创建一个新的Vite项目 |
| 2 | 安装jQuery依赖 |
| 3 | 配置Vite以支持jQuery |
| 4 | 在代码中使用jQuery |
下面将逐步详细介绍每个步骤需要做什么以及相关的代码。
##
原创
2023-07-23 08:29:36
2929阅读
# 如何配置 Vite + TypeScript
## 引言
在前端开发中，使用 TypeScript 能够提高代码的可维护性和可读性。Vite 是一个现代化的前端构建工具，它具有快速的冷启动和热模块替换等特性。本文将向刚入行的开发者介绍如何配置 Vite 以支持 TypeScript，帮助他们快速上手并进行开发。
## 配置流程
下图为配置 Vite + TypeScript 的流程图：
原创
2024-01-05 04:01:59
134阅读
kvm 创建虚拟机 virsh console 57 连接 虚拟机 virt-install 命令说明基本参数
--name必须的虚拟机名，唯一的。
--memory必须的内存容量，单位MB。
--vcpus可选的虚拟机cpu数量。更进一步可以通过该参数设置cpu热拔插和其他更复杂的拓扑结构。
--os-variant可选项，指定guest操
介绍vite vue官方提供的前端构建工具。由两个部分组成 开发服务器：基于ES模块提供丰富的内建功能 构建指令：使用 Rollup 打包代码，提供预设配置Rollup： &nbs
