上一页 1 2 3 4 5 6 7 8 9 10 ··· 24 下一页

2025年2月27日

swiper

摘要: <template> <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" indicator-color="#007aff" indicator-active-color="#fff" c 阅读全文

posted @ 2025-02-27 16:42 ChoZ 阅读(18) 评论(0) 推荐(0)

scrollView

摘要: <template> <scroll-view scroll-y class="scrollView scrollViewY"> <view>相当于一个y轴滚动条的盒子</view> <view>相当于一个y轴滚动条的盒子</view> <view>相当于一个y轴滚动条的盒子</view> <vie 阅读全文

posted @ 2025-02-27 15:28 ChoZ 阅读(21) 评论(0) 推荐(0)

内置组件view & text、路由创建

摘要: 1.创建页面和路由配置 如创建后访问不到该路径,尝试重新启动 2.uniapp组件开发和PC端开发的不同 div等html标签在H5开发中可以使用,小程序不能使用,需要使用uniapp提供的组件 3.view组件:类似div标签,不过有自己的一些属性 4.text组件:类型span标签 <templ 阅读全文

posted @ 2025-02-27 14:50 ChoZ 阅读(25) 评论(0) 推荐(0)

2025年2月26日

base

摘要: 1.创建 2.运行配置exe文件地址(小程序或者浏览器都需要配置),需开启服务端口 阅读全文

posted @ 2025-02-26 23:49 ChoZ 阅读(11) 评论(0) 推荐(0)

2025年2月23日

vue模板编译过程

摘要: Vue 模板的编译过程是 Vue 中非常核心的一部分,它将你在模板中写的 HTML 代码转换成 JavaScript 代码,使得 Vue 能够高效地在页面上渲染和更新数据。Vue 的模板编译过程可以分为几个重要步骤,具体的过程是: Vue 模板编译的过程: 模板解析(Parsing) 抽象语法树生成 阅读全文

posted @ 2025-02-23 21:24 ChoZ 阅读(124) 评论(0) 推荐(0)

webpack构建过程

摘要: 在 Webpack 的打包流程中,模块构建阶段和编译阶段的确是两个不同的概念,它们有各自的独立任务和作用。让我重新整理并澄清每个阶段的职责,特别是它们与 loader 和模块依赖图的关系。 Webpack 打包流程的澄清: 初始化阶段(Initialization) 编译阶段(Compilation 阅读全文

posted @ 2025-02-23 16:09 ChoZ 阅读(131) 评论(0) 推荐(0)

浏览器lighthouse、性能优化

摘要: 1.lighthouse监测项目性能 FCP:首次内容绘制时间,浏览器第一次绘制DOM相关的内容,用户第一次看到页面内容的时间(首次加载白屏时间) Speed Indxe:页面各个可见部分的显示平均时间,页面有轮播图或需要从后端获取内容加载时,这个数据会被影响到 LCP:页面中最大的内容需要绘制的时 阅读全文

posted @ 2025-02-23 16:08 ChoZ 阅读(95) 评论(0) 推荐(0)

环境变量env

摘要: 1.查看环境变量 <template> <div></div> </template> <script setup lang='ts'> // 获取环境变量 console.log(import.meta.env); // 不可直接修改值,因为线上环境是硬编码,是写死的,动态修改无效 const B 阅读全文

posted @ 2025-02-23 01:10 ChoZ 阅读(44) 评论(0) 推荐(0)

2025年2月22日

编译宏 definedProps、definedEmits、definedOptions、definedSlot

摘要: <template> <div>{{prop.dataProp}}</div> {{ a }}{{ b }} <div v-for="item in prop.dataProp" :key="String(item)"> {{ item }} <slot :item="item"></slot> < 阅读全文

posted @ 2025-02-22 22:23 ChoZ 阅读(109) 评论(0) 推荐(0)

pinia 持久化插件

摘要: import { createApp } from 'vue' import './style.css' import App from './App.vue' // import SelfComponent from './study/selfComponent/component.vue' // 阅读全文

posted @ 2025-02-22 19:05 ChoZ 阅读(64) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 7 8 9 10 ··· 24 下一页

导航