weixin_45561965的博客

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

在做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

原创 微信小程序上传图片

// 添加图片 pickimg_tap: function () { var self = this; if (self.data.imgList.length >= 8) { AlertMessage(self, '只能选择8张图片！') return; } wx.chooseImage({ count: 8, // 最多可以选择的图片张数，默认9 sizeType: ['compressed']...

原创 CSS实现单行、多行文本溢出显示省略号...

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。（1）单行文本溢出显示省略号实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。接下来重点说一说多行文本溢出显示省略号，如下：（2）多行文本溢出显示省略号实现方法：display: -

原创 JS判断年份是否为闰年

//闰年能被4整除且不能被100整除，或能被400整除。function year（）{if(year%40&&year%100!=0||year%4000){console.log（“闰年”）；}else{console.log（“平年”）；}}

原创 H5 获取页面传递参数

如何获取页面传递的参数Function getUrlParam(name) {var reg = new RegExp("(^|&)" + name + “=([^&]*)(&|$)”);var r = window.location.search.substr(1).match(reg);if (r != null) return unescape(r[2]); return null;}

原创 二维码参数转guid格式

{scene: “d8a9d82ba683411c8825bd7f4112ee03”}转换为‘d8a9d82b-a683-411c-8825-bd7f4112ee03’var employeeId = options.scene.substring(0, 8) + “-” + options.scene.substring(8, 12) + “-” + options.scene.substring(12, 16) + “-” + options.scene.substring(16, 20) + “

原创 checkbox默认样式修改

checkbox .wx-checkbox-input{border-radius: 50%; /* 圆角 /width: 46rpx; / 背景的宽 /height: 46rpx; / 背景的高 */}/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */checkbox .wx-checkbox-input.wx-checkbox-input-checked{border: 1rpx solid #FF783B;background: #FF783B;}/

原创 微信小程序获取上一个页面的参数

使用wx.navigateBack 设置上一页面参数let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。let prevPage = pages[ pages.length - 2 ];//prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面，-3是上上个页面以此类推。prevPage.setData({ // 将我们想要传递的参数在这里直接setData。上个页面就会执行这里的操作。id:e.curr