vue
关注
分享
扫一扫
文章平均质量分 57
一只开心鸭！
这个作者很懒，什么都没留下…
展开
-
vue引入并使用物理引擎matter.js
Matter.js 提供了一系列强大的功能，使得模拟真实世界中的物理行为变得简单，例如碰撞检测、刚体动力学、约束条件等。⑤渲染独立：Matter.js 不直接处理渲染，而是提供了物体的位置和尺寸信息，开发者可以根据需要选择自己的渲染方式。③物理特性丰富：支持静态、动态、运动学等多种类型的物体，以及各种关节、碰撞检测、摩擦力、重力等物理属性的自定义。②模块化：Matter.js 是高度模块化的，你可以选择只使用需要的功能模块，减少最终应用的体积。// frictionAir: 0.1 // 设置空气阻力。原创 2024-06-27 14:31:41 · 1192 阅读 · 0 评论 -
vue引入aos.js实现滚动动画
AOS (Animate on Scroll) 是一个轻量级的JavaScript库，用于实现当页面元素随着用户滚动进入可视区域时触发动画效果。AOS提供了多种动画类型和可定制的设置，比如动画延迟、持续时间、动画类型（淡入、滑动、弹跳等）以及方向控制，使得网页在滚动时能够展现出平滑而吸引人的动态效果，提升用户体验。6.使用AOS，开发者只需要在HTML元素上添加特定的类名，并通过JavaScript初始化AOS，即可实现平滑的滚动动画效果。1.零依赖：不依赖其他库，直接使用原生JavaScript编写。原创 2024-06-18 18:06:03 · 1693 阅读 · 0 评论 -
uniapp+uview实现城市选择器
uniapp+uview实现城市选择器原创 2024-03-18 11:33:14 · 1274 阅读 · 0 评论 -
uniapp+uview2.0+vuex实现自定义tabbar组件
/ // console.log('更新', newVal, oldVal)1.在components文件夹中新建MyTabbar组件。// immediate: true, //立即执行。4.创建store目录，下面创建index.js文件。// deep: true, // 深度监听。//这里用到了vuex存储数据。原创 2023-11-07 15:56:22 · 2241 阅读 · 2 评论 -
uniapp使用uQRCode绘制二维码，下载到本地，调起微信扫一扫二维码核销
4.掉起微信扫一扫核销，将二维码扫出来的参数传个后端。2.在utils文件夹下创建uqrcode.js。3.在需要使用的页面引入js。原创 2023-10-17 11:42:24 · 3138 阅读 · 0 评论 -
利用node➕express插件搭建本地服务器，将vue2打包文件部署到本地服务器
9.打开浏览器输入地址http://localhost:5005 或者 http://localhost:5005/index.html 回车就可以啦~7.穿件static文件夹用于放静态资源及打包的文件,将前端npm run build后生成的dist文件里的内容全部复制在static文件夹下。5.然后生成了node_moduled依赖,package-lock.json和package.json文件。2.用vscode打开nodeExpress文件夹。8.最后在终端运行node server。原创 2023-09-25 11:36:25 · 508 阅读 · 0 评论 -
uniapp产品规格弹窗组件
1.效果2.创建一个Mypopup组件3.全局组件使用（打开main.js添加以下代码）4.子组件5.父组件原创 2023-09-20 18:04:49 · 546 阅读 · 1 评论 -
vue应用全局音乐（自动播放）
1.主要是jq写的，需要单独引入jq cdn2.打开index.html 将代码放到里面原创 2023-09-13 11:04:42 · 1844 阅读 · 2 评论 -
vue2学习笔记1
vue2学习笔记原创 2023-03-13 16:59:47 · 285 阅读 · 0 评论 -
解决若依后台管理系统打包线上偶发性elementUI的icon会出现乱码的问题
这时候我们发会发现在浏览器上看样式content:""乱码,百度了很多,也尝试了各种方法都没有用.最后看到这篇博文。1.问题图片(本地运行环境下是没有问题的,打包线上环境就会出现乱码情况)打开vue.config.js加上以下代码,重新打包线上就可以了。升级sass版本至1.39.0、配置vue.config.js。原创 2023-01-07 14:36:48 · 1047 阅读 · 0 评论 -
node版本控制工具(nvm)
1.传统的node控制版本,需要去官网手动下载并安装;使用nvm可以快速的切换node版本,提高摸鱼时间哦~2.下载nvm(地址)3.再d盘soft(这是我专门存放软件的文件夹,大家可以直接在d盘下建nvm哈)文件夹下新建nvm文件夹,将下载的压缩文件解压到该文件夹下解压后nvm文件夹下就只有nvm-setup.exe文件,点击安装创建nodejs文件放在D:\soft\nvm 下4.安装完成后打开nvm->nvm文件夹下的settings.txt文件加入这两行命令node_mir原创 2022-12-08 11:28:50 · 1602 阅读 · 0 评论 -
uview2.0自定义u-count-down倒计时
2.思路需要后端返回一个结束的时间戳(注意是毫秒时间戳,如果是秒需要在后面加3个0转为毫秒),获取当当前时间戳,当前时间戳减去商品结束的时间戳得出要倒计时的时间戳,然后再进行值得处理。原创 2022-11-17 10:48:04 · 3640 阅读 · 0 评论 -
uview2.0 u--input 解决键盘弹起时,输入框提示文字也被推上去的问题
1.问题图片 由于uview的u–input组件默认在键盘弹起时，自动上推页面,所以导致。2.解决方法 将adjustPosition设置为fakse。原创 2022-10-20 14:41:38 · 3643 阅读 · 4 评论 -
uview2.0 tabs组件在小屏幕上出现排版错乱的解决办法
2.解决办法(为了更好的维护,不需要一个页面一个页面加,所以直接在入口文件里加,全局适应)/* 解决uview2 tabs 在小屏幕上变形的问题 */原创 2022-10-20 14:21:59 · 1166 阅读 · 0 评论 -
uniapp防抖
1.创建index.js文件存放在utils文件夹下,封装方法debounce1,一下文件我把项目需要功能函数都封装了,各位按需取哈。2.页面引用,在需要防抖的页面引入该文件。原创 2022-10-09 16:44:55 · 1193 阅读 · 0 评论 -
uniapp swiper轮播图片+视频
【代码】uniapp swiper轮播图片+视频。原创 2022-08-29 15:55:48 · 1174 阅读 · 0 评论 -
u-navbar自定义标题背景随着页面滑动渐变
代码】u-navbar自定义标题背景随着页面滑动渐变。原创 2022-08-12 14:08:37 · 3400 阅读 · 4 评论 -
uniapp的button的getphonenumber后解析
uniapp的button的getphonenumber的方法解析原创 2022-07-05 16:36:02 · 1237 阅读 · 0 评论 -
wangeditor3.0上传本地图片和本地视频至服务器
1.效果2.注意:我下载的3.0版本3.组件(在components文件里创建一个wangEditoe.vue文件)<template lang="html"> <div class="editor"> <div ref="toolbar" class="toolbar"> </div> <div ref="editor" class="text" :style="{minHeight:h,width:w}">原创 2022-05-19 12:01:46 · 3251 阅读 · 0 评论 -
elementUI表格分页多选及回显
1. 效果2.实现<el-table ref="multipleTable2" :data='deviceData' :header-cell-style="{background:'#eef1f6',color:'#606266'}" style="width: 100%" @select="userHandleChange" @select-all='selcectAllChange'> <el-table-column原创 2021-11-30 14:23:31 · 2142 阅读 · 0 评论 -
高德地图实现marker标记,Text多点文本标记,标记信息窗体,手动选点功能
1.marker标记,Text多点文本标记,标记信息窗体效果:代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <!-- import CSS --> <!-- vue引入高德地图实现多点标记,点击标记点出现信息窗体 --> <link rel="stylesheet" href="https://cache.amap.com/lbs/原创 2021-11-06 14:26:51 · 4290 阅读 · 0 评论 -
小程序根据国外经纬度显示地图
小程序自带map地图,如果传入国外经纬度,地图会默认切换成国外的here地图效果展示:(最好是手机预览,微信开发者工具直接看的话,只会显示一个大概的区域)<view class="wanl-goods-content bg-white"> <map style="width:100%;height:40vh;" :latitude="latitude" :longitude="longitude" :markers="covers"></map>原创 2021-07-02 10:41:16 · 1045 阅读 · 1 评论 -
uniapp使用第三方高德地图获取当前用户详细定位
微信内置地图无法获取到具体定位信息，只能在app上获取效果：小程序获取当前详细定位解决方案：进入高德平台申请key https://lbs.amap.com/api/wx/download下载微信小程序SDK 放在common目录里（新建common目录）https://lbs.amap.com/api/wx/download3.uniapp页面引入 调试最好打开手机预览调试，微信开发者工具直接调试定位可能不准确<template> <view> &l原创 2021-04-08 16:07:00 · 5670 阅读 · 2 评论 -
vue项目跨域的问题（一个项目对接两个不同的域名、端口接口导致跨域,最好的办法是后端解决）
vue项目跨域的问题前端解决方法（一个项目对接两个不同的域名、端口接口导致跨域,最好的办法是后端解决）前端解决方法:①打开config文件---->index.js文件，找到proxyTable: {}添加以下代码: proxyTable: { '/api': { target: 'http://192.168.5.2:8089/',//设置你调用的接口域名和端口号 别忘了加http changeOrigin: t原创 2021-01-16 10:48:33 · 5810 阅读 · 2 评论