08 2023 档案
移动端适配方案
摘要:### 前置知识 #### px 像素单位 px 全称为 pixel(像素),它是相对于 屏幕显示器分辨率(桌面设定的分辨率,不是显示器的物理分辨率) 而言的,在 相同/不同 的设备上 1px 表示多个 设备像素。 当 一个像素点越大 时, 呈现的图像就会 越模糊;当一个像素点越小时, 像素点就会
postcss px转vw
摘要:### 为什么要使用Postcss(px-to-viewport) 在移动端开发中,我们通常采用rem或者vw&vh这两种方式来适配不同设备的屏幕大小。rem的缺点是需要进行频繁的计算和换算,而vw&vh的缺点则是部分设备支持不尽如人意。而使用Postcss(px-to-viewport)可以自动将
在vite中使用postcss
摘要:### postcss是什么? 1,增强代码的可读性 利用从 Can I Use 网站获取的数据为 CSS 规则添加特定厂商的前缀。 Autoprefixer 自动获取浏览器的流行度和能够支持的属性,并根据这些数据帮你自动为 CSS 规则添加前缀。 2,将未来的 CSS 特性带到今天 PostCSS
在vite中使用sass
摘要:### 简介 sass提供了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,强化了css的功能,编写css更便捷,功能更强大 ### 使用 1. 安装sass 以前用vue-cli的时候,还要安装sass-
ts中的泛型
摘要:在 TypeScript 中我们会使用泛型来对函数的相关类型进行约束 这里的函数 同时包含 class 的构造函数 因此 一个类的声明部分 也可以使用泛型 那么 什么是泛型? 如果通俗的理解泛型呐? ### 什么是泛型 **泛型 (Generics) 是指在定义函数 接口或类的时候 不预先指定具体的
配置proxy代理
摘要:在vite.config.ts中进行如下配置 ``` server: { // http://localhost:5173/api/login -> http://www.test.com/login proxy: { //api是自行设置的请求前缀,任何请求路径以/api开头的请求将被代理到对应的