- 博客(60)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue3中 window绑定scroll事件滚动页面获取不到e.target.scrollTop
想要监听页面中的滚动，然后获取滚动距离实现一些功能，发现event参数中获取不到e.target.scrollTop（印象中以前使用这个获取的），发现e.target中根本没有scrollTop这个参数。因为window对象target的属性上是没有scrollTop（这个e.target.scrollTop应该是在特定元素中获取到的，没有测试，我也忘了）
2024-06-05 17:56:57
656
原创 node中使用MongDB报错： Attempted to check out a connection from closed connection pool
以下代码在进行cc.deleteOne()删除操作的时候，因为是异步操作，需使用await关键字，入未使用就会出现,该错误是因为，数据操作还没有完成，就进行了关闭数据库的连接操作。
2023-06-19 16:39:14
414
原创 Component name “xxx“ should always be multi-word. vue3项目eslint报错
Component name "xxx" should always be multi-word. vue3项目eslint报错
2022-11-27 18:40:09
2291
1
原创 js轮播淡出效果简单实现
效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
2022-01-13 16:58:45
200
原创 关于获取到的DOM集合是伪数组的问题记录 ***children.forEach is not a function
报错pointList.children是获取到父元素下的所有子元素集合，说这个集合没有forEach方法pointList.children获取到的是HTMLCollection ，是一个伪数组，没有数组的方法可以使用Array.from()进行转换(或解构赋值)转换之后就可以使用forEach：其他补充如下图，是使用document.querySelectorAll() 获取到的NodeList 对象集合和 HTMLCollection 对象类似，具有forEach方法，没有其他数组方
2022-01-13 16:09:56
1525
1
原创 ios时间转换NaN问题记录
问题拿到后后台返回的时间，只展示年月日，通过new Date()重新获取一下在拼接，结果在ios会显示NaN-NaN-NaN后台返回时间：原格式化代码：直接使用了yyyy-MM-dd格式进行格式化export function time (value) { const date = new Date(value) const y = date.getFullYear() let MM = date.getMonth() + 1 MM = MM < 10 ? '0' + MM
2021-12-22 17:47:39
389
2
原创 Download attribute for anchor element is too long. Max: 1000000, given: 1728250
h5下载base64图片时报错：锚元素属性太长解决：改一下download的值就行（该值是图片的名称，因为使用了base64地址做名称，超出了限制所以报错） var str = Math.random().toString(36).slice(-6); // 生成随随机数 var createA = document.createElement("a"); // createA.download = filePath; // 修改前 createA.download = str; // 修
2021-11-19 17:00:30
603
原创 macos m1 安装git，终端运行git命令提示安装xcode-select
前言最近入手了mbp，装git的时候遇到了一些问题，写篇文章记录下。git安装首先打开git官网三种安装方法1 . homebrew 国外源下载会直接被拒,找了一个国内脚本，会提示让你先安装完git在下载 - -...
2021-10-20 15:02:25
5540
2
原创 macOS M1安装nrm问题记录
nrmnrm是一个npm源管理器，npm服务器是在国外的，下载安装包是很慢，可能会出现卡顿的现象，这时你就可以把地址切换到淘宝镜像地址了，毕竟服务器在国内，下载安装包速度就快了系统版本macOS 11.6报错请添加图片描述...
2021-10-17 16:23:04
1045
原创 js && 和 || 返回值
作为返回值如果都为false：&& 返回第一个项为false的|| 返回最后一项如果都为true：&& 返回最后一项|| 返回第一项为true的
2021-10-14 11:22:36
258
原创 macos 安装vue cli失败记录
之前的电脑坏了，于是入手了一台mbp，在安装vue脚手架的时候提示错误如下：搜索后发现是因为没有权限，需要在命令前面添加sudo以管理员身份运行：1.输入 sudo npm install -g @vue/cli2.提示输入电脑登陆密码，输入成功之后就可以下载了...
2021-10-13 10:16:50
510
原创 js数字滚动功能实现
项目中用到数字滚动特效，就写了个demo记录一下效果：代码实现：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal
2021-09-23 17:44:27
1654
原创 Echarts地图高亮循环数据展示
js项目使用Echarts进行地图的绘制与数据高亮循环展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&
2021-09-22 16:08:23
1824
1
原创 微信中复制js，css链接放在代码中不能使用？
今天发现了一个有趣的事情，给做的js项目添加加载进度条，为了每个页面粘贴方便，就把css链接临时放在了微信的消息发送上面，方便复制。然后有趣的事情发生了，等页面全部引入之后，测试的时候我发现，有的页面有进度条显示，有的没有显示，当时还以为是代码出问题了，测试了一下加载结束的js代码也执行了，但是没有显示进度条。一时间我想了很多的可能，突然发现，css没生效，路径是对的没有问题。然后就发现css链接在编辑器中没有显示下划线，没生效（做了下对比，下面的是在微信上面复制的）之后就是把整行链接删除在重
2021-09-02 18:45:08
367
原创 return不生效问题记录
做js项目时，在请求拦截里判断是否有token，没有的话就跳转登录页，结果发现没有登陆直接进入home页面，return之后没有终止，会在继续执行，一直等home页面的请求完毕之后才会跳转到login页面return location.href = './login.html';如下执行了 location.href = ‘./login.html’; 但是还在home页解决：return false会终止操作 location.href = './login.html'; re
2021-08-23 11:31:54
1172
原创 uniapp onLoad接收携带参数的url地址，参数被解析转换成属性问题记录。
问题使用onLoad接收url参数时，如果传递的链接有拼接的参数，参数就会被转换为属性，如下演示：A页面传递： let url = 'https://www.baidu.com/index?id=1&name="aaa"' uni.navigateTo({ url:'/pages/home/index?url='+ url })B页面接收： onLoad(url){ console.log(url) }, // url打印结果 &后面的属性值会
2021-08-02 18:24:13
3795
原创 uniPush消息推送 ios证书配置
.p12推送证书创建登录苹果开发者后台，点击进入Certificates, Identifiers & Profiles，选择Certificates如果之前没有创建过appid，先点击+号创建创建的时候记得勾选Push Notifications功能(后续创建就不做过多的介绍，相信你是已经完成了创建)进入Certificates点击+号创建证书下拉找到Services根据自己的需求选择(建议第二个)点击下一步选择你项目的appid点击下一步需要上传CSR文件需要上
2021-07-27 10:10:32
2117
原创 uniapp 微信分享（ios）
ios分享首先项目的打开manifest.json，找到App模块配置，勾选微信分享会弹出一个Android和ios的配置项，ios分享需要的是一个UniversalLinks链接1.进入苹果开发者后台,点击Certificates, IDs & Profiles2.如果之前创建过id，就直接点击进去可以修改，如果没有就点击新建一个id，勾选Associated Domains注意：如果你之前生成过打包用的profile文件，修改之后打包需要在Profiles里面重新下载一个.mo
2021-07-26 15:55:29
1685
原创 uniapp 微信分享（安卓）
安卓分享：首先项目的打开manifest.json，找到App模块配置，勾选微信分享会弹出一个Android和ios的配置项先说Android的appid获取：1.登录 微信开放平台2.进入管理中心，点击创建移动应用3.填写一些应用信息提交需要有应用官网，应用图标，运行流程图，未上架会有分享限制（上架了再修改一下信息提交审核就可以了）。4.提交等待审核，审核通过后把获取到的AppId填写到manifest.json就可以了注意：申请上架，要先进行开发者资质认证。...
2021-07-26 14:19:10
772
原创 uniapp ios提交失败，权限描述修改
ios提交审核，驳回显示We noticed that your app requests the user’s consent to access the camera and photos, but doesn’t sufficiently explain the use of the camera and photos in the purpose string.驳回图片解决方案在manifest.json>App权限配置中修改下权限描述，表明获取权限是做什么的。...
2021-07-20 14:02:12
1114
原创 uniapp ios 提交审核App 包含 NSUserTrackingUsageDescription
提示您的 App 包含 NSUserTrackingUsageDescription，这表示他可能会请求追踪用户。要提交以供审核，请更新您的 App 隐私答复以注明从此 App 中收集的数据将用于追踪目的，或者更新您的 App 二进制文件并上传新的构建版本。解决方案如果您的应用使用了uni-AD 或 依赖三方SDK的功能模块（包含：新浪微博登录和分享、一键登录、友盟统计），这些SDK内会触发获取IDFA，所以打包时需要勾选开启 IDFA 标识（默认是勾选的）。如果勾选了需要在app隐私里面配
2021-07-20 11:05:09
8083
原创 uview input框textarea模式，输入区域没有高度问题记录。
问题使用uview的输入框textarea，设置高度后，点击红框下的区域无法获取到输入焦点，如下图解决方案auto-height设置为false，默认为true 是自动增加输入高度 ，不会和height属性设置的高度同步（下图2）auto-height设置为false就可以了<u-input v-model="presentation" type="textarea" border height="300" :auto-height="false" />...
2021-07-14 12:00:54
6033
原创 Hbuilderx运行逍遥模拟器一直循环加载问题记录
问题Hbuilderx升级3.1.18版本后，因为要测试东西，就把逍遥模拟器原来的Hbuilder基座包给卸载了，然后重新运行安装，问题就来了，出现了如下图情况一直循环加载进入解决方案目前更新了最新版的逍遥模拟器还是会出现这种情况，可能是打包的问题吧，建议可以更换到夜神模拟器（ 在使用，没有问题 ）或其他模拟器测试...
2021-07-13 16:22:23
1864
4
原创 vue报错TypeError: Cannot read property ‘wechatName‘ of undefined
问题vue初始化页面渲染的时候出现以下错误问题原因默认的cardData是一个空对象，页面加载的时候cardData是空对象，没有wechatName属性，所以undefined.cardData是会报错的解决方案先判断对象是否为空，在进行属性判断，就完美的解决了！...
2021-06-20 10:58:33
257
原创 vue，uniapp改变属性值后视图不更新
问题uniapp项目中点击checkbox 复选框时值改变了，页面样式却没有改变数据结构点击打印的checkbox 值解决方案因为数据绑定层次太深，导致无法更新，触发checkboxChange方法的时候使用 this.$forceUpdate()进行强制刷新，问题就愉快的解决了 checkboxChange(key){ this.$forceUpdate() console.log(this.contents.addition[key].checked) },ps：
2021-06-03 12:47:13
1796
原创 ios开发证书不受信任，无法导出.p12证书文件
做uniapp申请开发(Development)证书和描述文件的时候，需要把本地的 ios_development.cer 文件导出生成一个.p12文件，但是在导出的时候发现证书不受信任查找资料之后发现是需要下载AppleWWDRCAWWDRCA：下载地址把下图中的两个文件下载下来拖到系统证书里面，之后就不会显示文件证书不受信任了注意：ios_development.cer文件要放在上图中的登陆里面生成.p12文件，下载的WWDR文件拖到钥匙串访问的系统里面...
2021-05-31 17:30:14
2330
1
原创 uniapp启动太慢问题
uniapp打包之后在真机测试发现启动后会一直在启动封面，等待很久之后才进入首页，用户体验不好如下图（会一直转圈等待)解决方案：在manifest.json的app启动界面中去掉等待首页渲染之后在app.vue里面添加关闭启动图的方法之后打包测试启动就很快了...
2021-05-25 12:06:40
8115
1
原创 vue 发起数据请求 传递的对象参数为空就删除当前属性
问题接口对接，传给后端的查询参数不能是空字符串(只传有值的属性)，否则会查不到数据，因为双向数据绑定的原因会事先给个默认的空值，导致会查询不到数据。请求发送的数据解决方案在请求拦截器中循环判断请求数据对象data中的属性是否为空，如果为空就删除当前属性添加在之后打印出的请求数据，完美的解决了问题...
2021-05-20 14:37:38
2405
原创 js隐式转换问题记录
项目中发现用数字减去数字字符串没有被隐式转换，得到的结果是NaN如图：data.year是数字字符串，在第二行打印是可以被转换得到值的解决：当数字和字符串运算，要加一个（）先进行计算在拼接或使用es6字符串语法转义，如上否则会先拼接在运算其实是一个简单的问题，刚开始咋一看感觉没问题，记录一下...
2021-05-06 12:59:38
101
原创 vue，js 执行字符串函数的方法
项目中遇到需要执行后台返回的js字符串函数可以使用eval()方法进行解析运行<template></template><script> export default{ data(){ return{ fun:'(function(){if(_this.planObj.grenn===0){return 10}else{return 11}})()', obj:{ green:0 } } }, create
2021-04-23 18:10:50
3571
原创 vue动态给对象添加属性视图不更新，this.$set()的使用
问题项目中遇到点击只给当前项添加样式的功能，因为涉及到默认样式和默认值的问题，需要在点击的时候给data中的对象添加新的属性和值，上图的按钮通过循环公用的一个view，通过判断当前项和赋值给this.planObj的属性值来进行样式的添加结果发现点击之后this.planObj之后属性和值已经成功添加 但是视图没有进行刷新，样式不会改变查找后发现vue只能监听到data中定义的属性更新数据，如果在方法里添加是监听不到的，可以使用this.$set()方法进行添加，它有三个参数：（添加的对象，要
2021-04-22 17:28:32
539
1
原创 vue下载blob 文件流
项目中有一个报表下载的功能，后端返回的不是下载地址，而是一个blob对象，项目中使用的是axios可以设置responseType的值为blob（不设置的话返回的是乱码）axios responseType值类型设置：没有设置：设置responseType:'blob’之后会得到一个对象：然后进行转换下载： const blob = new Blob([response]) var fileName = '我是文件名' const elink = doc
2021-04-19 15:39:27
570
原创 uniapp Android11及以上系统的手机需要使用FileProvider方式分享
问题：使用uniapp做分享功能时遇到无法分享到微信聊天界面，朋友圈可以分享，情况如下图：解决：最新版本已修复这个问题，升级之后就可以了当前使用版本：更新之后：
2021-04-16 14:51:42
4081
原创 vue v-show切换显示多个循环列表 报错 Duplicate keys detected: ‘0‘. This may cause an update error
问题：项目中要切换显示多个列表数据遇到报错，检测到重复的键代码：默认key绑定的是索引值，执行的时候会全部加载一遍，只不过是隐藏了，用v-if试了一下还是显示检测到重复的键（v-if如果条件为假应该是不会加载执行循环的，不存在重复的键，突然想到v-if是放在后面了，于是放在循环的前面之后就没报错了，就不会执行了）问题解决了 ，但是用v-if开销比较大，因为要频繁的切换，于是想到了如下的解决方案：执行的时候每一项的index加上不同的数值就不会造成问题了,。...
2021-04-10 23:26:30
424
原创 uniapp 使用overflow-y 安卓不生效问题
使用uview的模态框组件u-modal显示内容过长，于是添加了一个overflow-y:auto让内容超出盒子高度可以上下滚动，运行后发现在h5端没有问题，安卓只超出隐藏不能滚动。方案：可以使用uni的scroll-view组件 <u-modal v-model="show" title="提示" show-cancel-button> <scroll-view scroll-y="true"> <view v-html="content" style="
2021-04-01 10:37:34
3472
5
原创 url传递对象参数
url传递参数只能是string类型的，如果要传对象可先转为json字符串传递参数：接收到的打印结果：转换为json对象:打印结果：
2021-03-26 14:05:31
2566
原创 v-show不更新显示问题
问题做uniapp项目的时候遇到使用v-show进行图片的切换（显示隐藏）发现v-show绑定的值变为true的时候，当前元素不进行更新图片上传完成后赋值如上图 employeeForm.idCardReverse有值的话就显示当前值的图片 没值的话就显示默认图片。图片上传完成之后会给employeeForm.idCardReverse赋值。打印结果也显示成功赋值，但是上传之前的employeeForm.idCardReverse值显示的是undefined而不是一个空字符。于是寻找了一下
2021-03-26 10:06:07
1923
原创 uniapp h5端和app端可视区域高度不一样问题
前言使用uniapp做一个分类列表（左右滚动布局）的时候，发现运行在h5 和app中的视口高度不一样h5:100vh-50px = 视口高度 // 底部tabbar栏的默认高度50px,app:100vh就是视口的高度总结：h5会把底部tabbar算入视口高度，app端不会。...
2021-03-17 11:32:54
2584
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人