- 博客(160)
- 收藏
- 关注
RSS订阅原创 修复控制台报错：BREAKING CHANGE: webpack ＜ 5 used to include polyfills for node.js core modules by default
ERROR in ./node_modules/content-disposition/index.js Module not found: Error: Can't resolve 'path' in '/Users/cheryl/Documents/lastChance/sph/node_modules/content-disposition'BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules
2022-11-26 16:01:27
1365
原创 Uncaught TypeError: Cannot read properties of undefined (reading ‘toLowe
Uncaught TypeError: Cannot read properties of undefined (reading 'toLowerCase')解决方案
2022-07-15 10:40:49
28509
原创 [Vue warn]: Avoid using non-primitive value as key, use string/number value instead.
当控制台报 [Vue warn]: Avoid using non-primitive value as key, use string/number value instead. [Vue warn]: Duplicate keys detected: '[object Object]'. This may cause an update error. 修复方案
2022-07-13 19:42:57
619
原创 [Vue warn]: Avoid using non-primitive value as key, use string/number va
运行代项目发现vue报错控制台报错查看代码发现绑定是原始值，item为对象属性修改为绑定 string后不报错
2022-06-28 10:41:27
297
原创 ValidationError: Progress Plugin Invalid Options options should NOT have additional properties
ValidationError: Progress Plugin Invalid Options options should NOT have additional properties options should NOT have additional properties options should NOT have additional properties 报错解决方案
2022-06-23 14:37:00
6808
原创 移动端调试
1、eruda使用方法多页面应用集成<script src="https://cdn.bootcss.com/eruda/1.5.5/eruda.min.js"></script><script> eruda.init();</script>单页面应用集成npm install --save-dev eruda(function () { if (!/erudabug=true/.test(window.location.href
2022-05-17 15:22:49
154
原创 v-for循环对象: v-for=“(value, key, index) in item“
<div v-for="item in data['obj']" :key="item"> <p v-for="(value, key, index) in item" :key="index"> <span >{{ index+1 }}. </span> <span >{{ key }} : </span> <span >{{ value }}</span&g
2022-05-05 11:31:49
873
原创 微信公众号h5中调用微信支付
微信公众号中调起微信支付const apiData = JSON.parse(res.data.data.payData.jsApiParameters)WeixinJSBridge.invoke('getBrandWCPayRequest', apiData,function(res){ if(res.err_msg=="get_brand_wcpay_request:ok"){ console.log("支付成功") }else if(res.err_msg=="
2022-04-20 14:50:59
984
原创 微信小程序获取右上角胶囊距顶部的距离和胶囊的尺寸
<view class="search-container p-a pl-20" :style="{ top: statusHeight + 'px', height: navHeight + 'px' }"></view>const res = wx.getMenuButtonBoundingClientRect()const statusHeight = res.top //胶囊距离顶部const navHeight = res.height //胶囊高度t
2022-04-13 15:15:00
3987
原创 uniapp打包成微信小程序样式未生效
左边为h5显示效果，右边为微信小程序显示效果小程序中未生效当前页面定义的样式，需要添加与data同级的options属性，设置data(){ return {}},options:{ styleIsolation: ‘shared’}
2022-03-18 16:45:04
1714
1
原创 h5中引入vant-ui遇到的问题
引入组件，发现页面未成功渲染：代码：<div id="app"> <van-form @submit="onSubmit"> <van-field v-model="username" name="用户名" label="用户名" placeholder="用户名" :rules="[{ required: true, message: '请填写用户名' }]" /> <van-field v-model="password.
2022-02-14 16:38:55
775
原创 mac关闭JetbrainsAgent配置助手弹窗
如图所示，每次启动phpstorm都会有以下弹窗，需手动关闭后才能进入工作台。通过上图所示路径取消 ☑️，再次重启编辑器，关闭弹窗成功
2021-12-30 11:17:57
928
2
原创 macbook Python Turtle Graphics黑屏
import turtle# 定义圣诞树的绿叶函数def tree(d, s): if d <= 0: return turtle.forward(s) tree(d - 1, s * .8) turtle.right(120) tree(d - 3, s * .5) turtle.right(120) tree(d - 3, s * .5) turtle.right(120) turtle.backwar
2021-12-16 15:24:25
5603
8
原创 修改input默认样式
思路：由于input的修改起来非常麻烦，所以我们在外层放置一个div，设置定位，将input样式设置为完全透明，大小为父元素大小，目标样式写在a里。此时显示的样式为a的样式，点击上传会触发input的方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">.
2021-12-07 10:11:05
1544
原创 h5使用js上传图片并回显，h5使用vant-ui上传图片并回显
1. h5+js上传图片并回显2. h5+js+vue.js上传图片并回显3. h5+ vue.js+vant-ui上传图片并回显
2021-12-06 17:49:08
971
原创 css, js增加时间戳（每次加载最新样式
<script> var cssStr='<link href="../card.css?timestamp='+ new Date().valueOf() +'" rel="stylesheet" type="text/css"/>'; document.write(cssStr); </script> <script type="text/javascript"> var jsStr='<script src...
2021-11-29 16:38:35
1003
原创 vue使用qrcodejs绘制二维码（带中心logo）
<!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>vue使用qrcode
2021-11-25 16:51:12
2535
原创 根据身份证号获取出生日期、性别、年龄
function getBirthdatByIdNo(UUserCard, num) { if(num == 1) { //获取出生日期 var birth = UUserCard.substring(6, 10) + "-" + UUserCard.substring(10, 12) + "-" + UUserCard.substring(12, 14); return birth; } if(num == 2) { //获取性别 if(parseInt(UUserCard.su
2021-11-25 16:30:46
440
原创 使用weui.confirm嵌套weui.alert后，发现不执行
weui.confirm('预约成功后，请前往医院自助机或者人工窗口缴费后进行采样检测。', { title: '温馨提示', buttons: [{ label: '取消', type: 'default', onClick: function(){ console.log('no') } }, { label: '确定', type: 'primary', onClick: function(){
2021-11-12 17:31:15
1192
原创 安卓防止微信调整字体大小
在做公众号开发时，测试将微信字体调大后，看到三联选择器样式出错（如下图）在对应页面，引入以下js代码，阻止微信调整字体大小/** * 安卓阻止微信调整字体大小 * 针对微信端安卓系统字体大小会影响WEB页面字体大小的解决方案 * */(function wxHandleFontSize() { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
2021-11-02 15:17:46
365
原创 js从url中提取参数值
如上图所示，需从url中提取cardId的值408952，用于页面显示。思路：使用js封装一个方法，从url中取出参数值，实现代码如下：function getCardId(queryName) { let query = decodeURI(window.location.search.substring(1)); // search：?后的参数值，包括? let vars = query.split("&"); for (let i = 0; i < vars.
2021-10-19 16:22:50
232
原创 js+高德地图api实现地理定位
需求：使用高德地图进行签到思路：使用高德地图获取当前定位，比对与目标定位点距离，根据距离值判断是否定位成功创建api_key高德地图官方地址具体代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=.
2021-10-18 18:21:43
2949
1
原创 使用vue实现样式切换
期望实现上图效果，点击时切换样式。<!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"> <s.
2021-10-08 11:37:40
1098
原创 mac通过网络共享访问windows电脑的文件
连接服务器输入ip地址windows电脑需做操作（以share文件夹为例若未操作上一步，可能会出现如下报错
2021-09-30 16:51:58
205
原创 macbook 使用 docker（以mysql5.5为例
安装镜像docker pull mysql/mysql-server执行以下命令，删除换行docker run -d -p 3306:3306 #-d 以后台模式运行容器 -p端口映射-e MYSQL_USER="Cheryl" #-e 代表环境变量-e MYSQL_PASSWORD="password" -e MYSQL_ROOT_PASSWORD="password" --name Cheryl mysql:5.5--character-set-server=utf8 --c.
2021-09-28 14:49:12
245
原创 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>一键换肤</ti
2021-09-18 16:52:19
629
原创 使用v-model绑定数据，使用js传参赋值未成功
使用v-model绑定数据，使用event.target赋值未成功<!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.
2021-09-17 11:45:19
877
原创 前端进行身份证验证（详细）
idNum(id,oldVal){ if(id.length==18){ this.sex=""; this.birthday=""; // 1 "验证通过!", 0 //校验不通过 // id为身份证号码 var format = /^(([1][1-5])|([2][1-3])|([3][1-7])|([4][1-6])|([5][0-4])|([6][1-5])|([7][1])|([8][1-2]))\d{4}(([1][9]\d{2})
2021-09-13 22:35:16
2223
原创 正则匹配将字符串除首位和末尾以外的字符显示为*
function tostar(str) { let reg; reg = str[0] + '*'.repeat(str.length - 2) + str[str.length - 1]; return reg;}tostar('k193839170'); //k********0
2021-09-06 15:34:18
786
原创 input框聚焦时，提示文字上移
如图所示，期望实现下图效果当input框聚焦时，提示词上移且样式改变，如果input输入了值，则提示词不还原位置，如果不存在，提示词还原位置。思路：移动词为label，当input.onfocus时，label增加active样式，增加上移动画，当input.onblur时，还原样式判断输入框是否输入了值，如果输入了，则label增加样式，如果为空，则还原样式。代码如下：<!DOCTYPE html><html lang="en"><head>
2021-09-05 20:11:06
3237
原创 基于macOS下的php项目环境搭建（以php5.6.37为例）
安装MAMP PRO，下载地址根据情况自行选择版本下载下载编译对应版本的php源码，解压改名为php，将文件夹放到/Applications/MAMP/bin/php/php5.6.37/include/路径下cd /Applications/MAMP/bin/php/php5.6.37/include/php./configure若出现报错：configure: error: Please specify the install prefix of iconv with --with）下载：.
2021-09-02 16:48:11
326
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人