weixin_45561965的博客

原创 uniapp使用谷歌地图获取位置

最近在使用uniapp开发的时候，由于客户是国外的，要求使用谷歌地图获取位置，所以找了一下实现的方法。首先在需要在需要使用地图的页面引入。看到这如果对你有帮助的话。

原创 uniapp开发微信小程序使用wx.chooseMessageFile上传文件，苹果手机打开微信聊天框看不到里面的 PDF 文件

最近在使用uniapp开发小程序的时候，需求需要打开微信上传pdf文件，在使用wx.chooseMessageFile上传的时候发现，在安卓手机上面可以正常使用，但是在苹果手机上面看不到聊天框中的文件。当type为file时候，extension不用设置，不然没办法读取。

原创 vue3+Electron，在系统页面点击事件调用硬件快捷键

最近在做项目中，需要在桌面应用中点击按钮，触发钱箱驱动设置的快捷键打开钱箱，找了两天，终于在AI那找到了解决方法，只想说一句AI NB下面是解决方案:预加载脚本（preload.js）Vue 组件中调用以上就是全部代码了，遇到此种问题的小伙伴可以试试，希望可以帮到你~如果对你有用的话，不如点赞加个关注叭~~~~

原创 vue element ui 表格切换分页保留上一页勾选

首先在加上:row-key="getRowKeys"和:reserve-selection=“true”在写项目中有些时候在导出的时候需要选择不同分页上面的数据，这个时候就需要保留上一页的勾选。好了，到这就可以实现这个功能啦~下面就是具体的实现代码。

原创 谷歌浏览器开启禁用同源策略

win+r 输入cmd打开窗口。

原创 uniapp开发小程序vendor.js 过大

有遇到这个问题的伙伴可以试一下~到这就可以解决这个问题了。

原创 uniapp 实现图片和pdf文件上传

最近在使用uniapp做小程序的时候，遇到一个这样的需求，需要上传的时候同时支持图片和pdf上传。在网上也查了一些资料，最后实现了这样一个功能。可以进到我的主页看看~话不多说，直接上代码。

原创 vue3前端实现导出Excel功能

1.首先我们需要在vue3的项目中安装xlsx库。可以使用npm 或者 pnpm来进行安装。2.在vue组件中引入xlsx库。加个关注不迷路~~~~我使用的是xlsx库。3.定义导出实例方法。

原创 vue 实现table上下拖拽行功能

/------------------css样式-----------------------------//---------------js代码------------------------------font-family: ‘微软雅黑 Bold’, ‘微软雅黑 Regular’, ‘微软雅黑’;在项目中要实现表格可以上下拖拽行，这样一个功能。看到这如果对你有用的话不如留下你的足迹。

原创 网页中一直点击出现蓝色背景问题

在做vue项目中，发现了一个问题，在网页中一直点击会出现蓝色背景问题，找了各种办法终于解决！可以使用css进行解决。

原创 el-input按回车 界面自动刷新

el-input 按回车键页面自动刷新

原创 vxe table 清空勾选和默认选中

/ 或者使用行的唯一标识（rowId）来设置。// 假设你已经有一个表格实例 table。最近在开发过程中用到了vex table。// 设置第一行的复选框为选中状态。点个关注不迷路~~~~在网上找到了相关方法。

原创 vue elementUI更改Checkbox 多选框禁用状态下文本颜色

最近在做vue项目中，根据需求要改变CheckBox禁用状态下的文本颜色，原因是默认的文本颜色太浅，要自定义颜色。

原创 element-ui table 点击分页table滚到顶部

使用table表格的时候，切换分页之后不会回到顶部，还是停留在之前滚动的位置。//切换分页的方法加上下面这句，table就能自动滚到顶部。设置table的 ref=‘multipleTable’在开发项目过程中遇到这样一个问题。看到这如果帮到你了留个小心心吧。

原创 vue开发过程中，修改了数据，但是页面不渲染，没变化！怎么办？

定义一个update:false,每次修改数据的时候在后面加一句this.update=!就这么写 this.items=JSON.parse(JSON.stringify(this.items));方法1（推荐）：用JSON.parse(JSON.stringify(objectOrArray))方法6（不推荐）：用location.replace(“”);通常是某个渲染的数组改变了层级较深的数据导致页面没有实时渲染。this.$set(this.d,“a”,“新的值”);

原创 vue手动点击按钮实现内容滚动

vue点击按钮实现内容左右滚动

原创 element-plus日期选择器英文改成中文

将上面这段代码加入main.ts或者main.js中就可以实现了。使用element plus的时候时间选择器默认显示的是英文。根据业务需要需要改成中文显示。最近在做项目时遇到一个问题。在网上找了很多方法终于好了。

原创 uniapp 输入框如何禁止输入表情

输入框要禁止输入手机输入法自带的表情符号。在网上找了相关的解决方案。在做项目中遇到一个问题。点个关注，不迷路~~~话不多说，直接上代码。

原创 循环调用接口顺序错乱

就是在循环中调用接口，本来应该按照顺序进行调用。在做项目过程中遇到一个问题。在网上找了一下解决方法。废话不多说，直接上代码。点个关注，不迷路~~~但是结果是，顺序错乱。

原创 git clone 报错 Could not resolve host:的解决方案

使用git clone 项目时。将地址换成ip，就可以解决了。

原创 vue3+vite自定义虚拟键盘，支持中英文切换功能，实现了拼音功能

源码链接：https://gitee.com/zihaoyu/virtual-keyboard。{params: blurHide}：布尔值，ture为输入框失去焦点时自动隐藏键盘。源码下载后使用pnpm安装依赖。

原创 uniapp 怎么判断某一经纬度是否在当前位置一公里范围内

calculateDistance()方法用于计算两点之间的直线距离，其中R表示地球的半径（单位：米），默认值为6378137；checkDistance()方法会调用uni.getLocation()函数获取当前位置信息，因此需要确保已开启相关权限；targetLatitude和targetLongitude分别表示目标位置的纬度和经度，需要根据实际情况传入正确的值；最后根据返回结果判断目标位置与当前位置的距离是否小于等于1000米（即一公里）。// 获取当前位置信息。

原创 vue 动态绑定class

:class=“[ ‘unit_name’, workInfo.maintainMainStatus>=2 && (workInfo.maintainChildStatus>=21 || workInfo.maintainMainStatus > 2) ? ((workInfo.maintainChildStatus > 21 || workInfo.maintainMainStatus > 2) ? ‘selected’ : ‘progress’) : ‘’]”

原创 uniapp 判断微信小程序端、App端、h5端

写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。各预编译语言文件，如：.scss、.less、.stylus、.ts、.pug （使用 /MP 微信小程序/支付宝小程序/百度小程序/抖音小程序/飞书小程序/QQ小程序/360小程序。APP-PLUS-NVUE或APP-NVUE App nvue 页面。QUICKAPP-WEBVIEW-HUAWEI 快应用华为。VUE3 HBuilderX 3.2.0+ 详情。.css （使用 /* 注释 */）

原创 h5前端实现微信支付

这样就可以实现h5微信支付啦。刚做了个项目记录一下~~

原创 前端实现活动倒计时

leftTimer: function (year, month, day, hour, minute, second) {var leftTime = (new Date(year, month - 1, day, hour, minute, second)) - (new Date()); //计算剩 余的毫秒数var days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10); //计算剩余的天数var hours = parseInt(leftT

原创 uniapp实现列表多选

原创 npm安装依赖报错：unable to resolve dependency tree

升级 npm 至 v7.6.2 后, 运行 npm i 安装依赖，报错 ERESOLVE unable to resolve dependency tree。

原创 VUE 中el-date-picker type=daterange日期回显

start-placeholder=“开始时间”end-placeholder=“结束时间”// datarange回显。

原创 JS在数组对象中添加新字段

Object.assign(item,{sex:‘男’})然后通过Object.assign()来添加。第一步使用forEach遍历数组。

原创 如何使用git进行代码提交

git commit -m “备注”如何使用git进行代码提交。

原创 怎么将微信小程序项目转换uniapp项目详细步骤以及遇到的问题总结

onReachBottom：页面滚动到底部的事件（不是scroll-view滚到底），常用于下拉下一页数据。3，数据绑定 this.setData({ a : 1 }) 更新为 this.a = 1。根据下方迁移内容，逐一更新页面方法，修复页面报错信息，页面显示、功能运行正常即迁移完成。4，路由跳转 wx.navigateTo() 更新为uni.navigateTo()继续在命令行里，运行【 wtu -V 】，执行结果如下。6、部分页面生命周期释义，详见页面生命周期。注意 -i 前面和后面都有空格！

原创 微信小程序富文本内容显示

微信小程序如何插入富文本

原创 如何更改vue项目中的小图标

如何更改vue项目中的小图标

原创 js 中 toFixed()四舍五入问题

JS中toFixed()四舍五入问题

原创 解决网页缩放百分比页面变形问题

前端页面经常会出现网页缩放百分比页面变形这个问题解决这个问题很简单，就是在整个布局外面加上一层div，并且为它指定好宽高就可以了。.content{height:**px; //整个布局的高度width:**px; //整个布局的宽度}要注意的是，要是你前面布局使用了浮动，那么在最后还要整体清除一下浮动。如果你不清楚哪一个组件用了，最简单的方法就是在最后最后加上一个空的div，设置css为clear:both;就可以了。...

原创 GIT PUSH 出现EVERYTHING UP-TO-DATE 解决方法

使用git提交文件时，如果出现以下情况文件没有提交成功如果你之前没有提交过文件,而你在git push的时候出现Everything up-to-date,并且文件也没有提交上去.可能是因为你没有git add 和 git commit.需要重新执行:git add .git commit -m “message”git push origin master这样就可以提交成功啦！希望可以帮到你！也欢迎来我的博客看看。...

原创 js 冒泡排序的方法

冒泡排序算法的原理如下：比较相邻的元素。如果第一个比第二个大，就交换他们两个。对每一对相邻元素做同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该会是最大的数。针对所有的元素重复以上的步骤，除了最后一个。持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比比较var array = [5, 4, 3, 2, 1];var temp = 0;for (var i = 0; i <array.length; i++){for (var j = 0; j &lt

原创 创建ajax的过程

(1)创建`XMLHttpRequest`对象,也就是创建一个异步调用对象.(2)创建一个新的`HTTP`请求,并指定该`HTTP`请求的方法、`URL`及验证信息.(3)设置响应`HTTP`请求状态变化的函数.(4)发送`HTTP`请求.(5)获取异步调用返回的数据.(6)使用JavaScript和DOM实现局部刷新.var xmlHttp = new XMLHttpRequest();xmlHttp.open('GET','demo.php','true');xmlHtt

原创 CSS如何使元素居中

（一）元素水平居中的方式1）行级元素水平居中对齐（父元素设置 text-align:center） 行级元素垂直居中 块级元素水平居中对齐（margin: 0 auto） 块级元素水平居中 3）浮动元素水平居中（1）宽度不固定的浮动元素html代码 我是浮动的 CSS样式.outerbox{float:left;position:relative;left:50%;}.innerbox{float:lef