- 博客(82)
- 收藏
- 关注
RSS订阅原创 uniapp vue3 上传视频组件封装
下面是 vvideo组件的封装 也就是图片上传组件 只是我的命名是随便起的。首先创建一个 components 文件在里面进行组件的创建。
2024-07-20 17:41:43
851
原创 uniapp，vue3上传图片组件封装
下面是 vip组件的封装 也就是图片上传组件 只是我的命名是随便起的。首先创建一个 components 文件在里面进行组件的创建。
2024-07-20 17:39:15
963
原创 前端判断电脑是否断网 并且在重连的时候发请求给后端记录
我是写在public- index.html 文件中 这样他只要是在运行中都可以 判断是否断网。用electron 打包的电脑软件 加了一个断网提示和联网发请求给后端做记录。
2024-06-18 11:59:40
676
原创 在vscode 中使用npm的问题
当我装了 npm和nodejs后 跑项目在 文件中cmd的话可以直接运行但是在 vscode 中运行的时候就会报一下错误。解决方法就是在 vscode 中吧 power shell换成cmd 来运行就行了。
2024-05-30 10:45:33
781
4
原创 双击屏幕两下点赞
<template> <view class="container" @tap="handleTap"> <text class="like-text">双击屏幕点赞</text> <text class="like-count">点赞数：{{ likeCount }}</text> </view> </template> <script>
2024-03-07 16:35:39
626
原创 uniapp中使用WebSocket
实例和连接状态的检查，以确保在发送消息之前连接是打开的。方法用于建立 WebSocket 连接，但它并不提供。方法来确保在组件销毁时关闭 WebSocket 连接。这些全局事件来监听 WebSocket 的不同事件。来监听 WebSocket 的事件。这样的方法作为回调函数。生命周期钩子中，我调用了。在 uni-app 中，
2024-02-27 09:59:17
3855
2
原创 js数组 从大到小排序方法
在排序方法中，我们传递一个比较函数作为参数。比较函数接受两个参数( a 和 b )，并返回一个数值。如果这个数值为负数，表示 a 应该排在 b 之前；如果这个数值为正数，表示 b 应该排在 a 之前；如果这个数值为0，表示 a 和 b 的顺序不变。因此，当我们使用 (a, b) => b - a 作为比较函数时，数组将按照从大到小的顺序进行排序；而使用 (a, b) => a - b 作为比较函数时，数组将按照从小到大的顺序进行排序。
2024-02-18 15:45:38
615
原创 vue3 自动触发 点击事件 和router 传参数 取参数
因为服务器开了cdn 项目上线后 不能直接跳转到 注册页面 但是这边又需要根据 后端返回的 参数取跳转到注册页面 即可以直接使用 默认点击事件进行跳转。
2024-01-16 14:47:27
1085
原创 uni-app打包之如何生成自由证书
第二步 选 Android App Bund 然后Next。我是使用Android Studio来直接生成。第一步 打开 Android Studio 找到下面图片。第四步 填写对应的 信息 密码最好都是一样的。点击ok 即可创建成功。第三步 选择创建新的。
2023-10-30 16:17:58
576
原创 uniapp封装request请求
在基础文件里面创建一个api文件 在创建两个 js文件。http.js 里面封装 request 请求。在 service.js 封装要调用的接口。在页面 引入接口文件。
2023-08-03 17:25:40
1230
原创 手写防抖节流&防抖节流的理解
防抖和节流都是性能优化的一种手段，减少高频事件的触发。防抖就是持续触发（事件）不执行，不触发的一段时间后才执行；节流就是持续触发也执行，只不过执行的频率变低了
2022-07-31 15:35:06
294
原创 watch 和 watchEffect的区别
watchEffect是一种更加特殊的watch 1. 它不关心前后值2. 它会自己执行一次，并自动收集依赖3. 依赖项变化，就正常执行回调
2022-07-15 19:36:17
842
原创 组件数据懒加载
问题：电商类网站，尤其是首页，内容有好几屏，而如果一上来就加载所有屏的数据，并渲染所有屏的内容会导致首页加载很慢可以，通过useIntersectionObserver优化新鲜好物和人气推荐模块，实现数据懒加载数据懒加载：等组件正式进入到可视区中时，才把组件内部的ajax请求发起，否则不请求数据组件数据懒加载-封装封装组件数据懒加载可复用的逻辑首页中，很多地方都应该使用组件数据懒加载这个功能，不管是哪个模块使用，下面代码都会重复书写事实上，唯一可能会随着业务使用发生变化的是 ajax接口的调
2022-07-14 17:11:10
367
原创 图片懒加载封装自定义全局指令
背景电商类网站，图片会非常的多，而如果一上来就加载所有的图片，会导致网页加载很慢。图片懒加载：等图片正式进入到可视区中时，才加载对应的图片，否则不请求图片如何知道图片进入或者离开了可视区？通过vueuse封装的useIntersectionObserver写法：例子：带入图片：图片懒加载-封装自定义指令自己封装指令 v-lazy，实现图片懒加载......
2022-07-14 15:49:01
424
原创 v3的全局组件使用和使用app.use
修改tsconfig.json,增加如下配置配置路径别名-方便导入艾特使用核心步骤：在vite.config.ts中增加配置需要安装node的类型声明文件 npm i @types/node -D注意：修改完 vite.config.ts 文件需要重启例子：全局组件的使用-插件使用app.use...
2022-07-12 16:37:10
1042
原创 vue3中如果注册的是全局组件，props就没有类型提示了怎么办,三分钟教会你。
vue3中如果注册的是局部组件，那么props是有类型提示的,但是如果注册的是全局组件，props就没有类型提示了失去了类型校验的并缺少了类型提示。怎么办？同样是全局组件而在element-plus中的组件有提示呢？参考资料参考1：How to make VSCode recognize global component in Vue?参考2：element-plus/global.d.ts at dev · element-plus/element-plus · GitHub在src目录下新建一个文件
2022-07-12 16:22:06
2519
2
原创 TypeScript进阶使用方法结合
语法：在函数名称的后面添加 (尖括号)，尖括号中指定具体的类型泛型是啥？泛型简单来说是类型的变量 是不固定的 不写死为什么要用他？在指定函数或者类的时候，如果遇到类型不明确的话就可以使用泛型使用场景？泛型约束类，泛型约束接口，泛型定义数组在函数名称的后面写 (尖括号)，尖括号中添加类型变量类型变量相当于一个类型容器，能够捕获用户提供的类型(具体是什么类型由用户调用该函数时指定)类型变量 T，是一种特殊类型的变量，它处理类型而不是值因为 T是类型，因此可以将其作为函数参数和返回值的类型....
2022-07-10 01:36:46
1338
1
原创 Typescript基本使用
typescript是微软公司开发的开源编程语言，Type + JavaScript（type是类型 => 在 JS 基础之上，为 JS 添加了类型支持）简称：TS，是 JavaScript 的超集Node.js(或者是浏览器)，只认识 JS 代码，不认识 TS 代码。需要先将 TS 代码转化为 JS 代码，然后才能运行。● 安装命令：npm i -g typescript 或者 yarn global add typescript○ typescript 包：用来编译 TS 代码的包，提供了 t
2022-07-08 20:49:43
1526
原创 Pinia的使用方法
作用Pinia 是 Vue.js 的轻量级状态管理库，他可以在组件和页面间共享状态。使用它的原因创建store, 页面或组件中导入定义好的业务store，并调用userStore()。（1）在main.js（2）store/userStore.js(3) 在组件中使用actions的使用前置条件在pinia中没有mutations，只有actions，不管是同步还是异步的操作，都可以在actions中定义。步骤定义同步方法定义异步方法：同上（1）在userSotre的actions中提
2022-07-07 00:57:47
2863
原创 vue3-router集成，vuex4的集成
安装vue-router yarn add vue-router@4 | npm install vue-router@4;创建并配置路由2.1 创建文件router/index.js2.3 在index.js中创建并配置路由const mainRouter = createRouter({history:‘路由模式’,路由规则表})常见路由模式 createWebHashHistory() url带# ,createWebHistory（）url不带#，需要 服务器支持2.4 导出路由 ex
2022-07-07 00:38:56
357
空空如也
uniapp怎么用router 实现局部跳转
2023-08-29
app分享到朋友圈和微信
2023-04-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人