
javaScript
文章平均质量分 72
js 学习笔记
A向前奔跑
这个作者很懒,什么都没留下…
展开
-
vue适配不同屏幕方案 - postcss-pxtorem,vw,rem,media
根据 html 的 font-size 来控制项目全部以rem为单位的元素大小,默认1rem = 16px,也可手动在html中更改默认rem值,在项目控制中,一般由js控制屏幕大小变化时的值。css单位,分别把屏幕宽度和高度分成100份,用这个单位做元素的宽高,也可以在屏幕大小变化的时候实现适配,根据不同屏幕大小去自己调整元素大小,不会超出屏幕范围。在开发项目中,一般是开发pc端的,但是屏幕放在其他的屏幕的时候会遇见兼容问题,要保证在不同屏幕下的布局效果相同,兼容不同屏幕就显得很重要了。原创 2025-01-13 16:07:22 · 843 阅读 · 0 评论 -
Tailwind CSS基础和vite vue3中的配置使用,一篇就能包含全
tailwind CSS 提供了很多原子类,直接应用于 HTML 元素,而无需为每个组件写重复的样式,并且在构建工具打包中会自动删除未引用的css样式,生成最精简的css文件。在最早流行的bootstrap框架中就有最早期使用组件化样式的案例,如想要在项目文件中使用bootstrap的样式,其使用方式就类似于tailwind css的组件化特点。可以参考官网实现的样式直接使用现成的封装样式,直接搬运即可,但不同项目需求肯定要有不同的样式实现,想要自定义就需要一条一条覆盖样式,就就非常麻烦,原创 2024-12-11 14:47:17 · 2230 阅读 · 0 评论 -
async await 在循环中对异步方法中的使用
在循环中请求异步方法,在常规使用中异步方法执行的顺序不可控制,再各个异步方法需要各自的返回参数时,当下一个异步方法执行需要上一个方法返回的参数,可能下一个异步方法会优先执行,造成报错。async await 异步方法请求成功后再执行下一次循环,使得异步顺序强制变为同步(同步大于异步,同步方法执行结束后再执行异步)原创 2024-10-12 13:29:01 · 214 阅读 · 0 评论 -
npx ,npm,cnpm,pnpm 工具的区别和使用
npm config set registry https://registry.npm.taobao.org // 设置npm的镜像地址。华为云 NPM 镜像:https://mirrors.huaweicloud.com/repository/npm/腾讯云 NPM 镜像:https://mirrors.cloud.tencent.com/npm/基于npm开发的包,效率和速度比npm更加高效,在本地占用的内存比npm更小,可用于替代npm。原创 2024-11-01 16:28:48 · 2074 阅读 · 0 评论