bug&error
关注
分享
扫一扫
前端OnTheRun
这个作者很懒，什么都没留下…
展开
-
2021-11-28 解决使用HBuilderX插入图片的过程中没有图片路径提示的问题
问题描述如题,见下图在这里插入图片描述此时并没有跳出如下路径提示在这里插入图片描述解决方法一:把双引号改成单引号在这里插入图片描述解决方法二:img标签改成使用image标签原创 2021-11-28 04:17:26 · 4316 阅读 · 0 评论 -
2023-04-01 解决使用sort()方法对数字数组排序失效的问题,sort()方法的参数:比较函数,如何根据对象属性,将对象构成的数组进行排序?
文章目录0.回顾sort()的用法示例一:对字符数组进行排序示例二:对数字数组进行排序1.sort()无法对由两位数以上的数组元素构成的数组进行合理排序示例出现原因和解决方法2.sort()的参数——比较函数示例:使用比较函数将数字数组进行正确排序比较函数的参数比较函数不能对混搭(字符+数字)数组进行排序3.对于由对象构成的数组,如何排序?需求解决方法:使用比较函数改进一:此时只能针对age属性进行排序,把age也替换成形参,写法如下改进二:让比较函数可以使用 属性值是数字型字原创 2023-04-01 10:26:55 · 1891 阅读 · 0 评论 -
2022-09-30 解决弹性布局flex中,align-item无法居中的问题
文章目录问题出现解决方法效果height:100%和height:100vh的区别问题出现 .container{ display: flex; justify-content: center; align-items: center; } #box{ width: 100px; height: 100px; background-color: #1890FF; }原创 2022-09-30 14:26:50 · 1253 阅读 · 0 评论 -
2022-09-02 为什么li标签和li标签中间会出现空白?多个a标签中间的空隙如何消除?如何处理行内块元素之间的空白间隙?
文章目录1.什么是行内块元素?2.为什么行内元素之间会出现空白间隙?问题示例出现原因3.解决方法3.1.方法一:html中行内标签写在同一行中,不换行3.2.方法二:改变html中行内标签换行的字符3.3.方法三:在行内标签之后使用注释3.4.方法四:设置行内元素的水平margin值为负值3.5.方法五:给行内元素的父元素设置font-size:03.6.方法六:父元素的letter-spacing设置为负值3.7.方法七:给行内元素设置浮动1.什么是行内块元素?元素设置disp原创 2022-09-02 22:49:04 · 375 阅读 · 0 评论 -
2022-03-07 解决为body设置背景图时显示失败的问题:给HTML和body添加height:100%
问题描述如题,在给body添加一个背景图时用到了如下代码body { background: url(./images/bg.jpg) no-repeat top center;}发现设置无效问题解决 html { height: 100%; } body { height: 100%; background: url(./images/bg.jpg) no-repeat top center; }出现原因因为是对照视频写的,视频里的原创 2022-03-07 21:55:46 · 88 阅读 · 0 评论 -
2022-10-21 解决vuex报错:Cannot read properties of undefined (reading ‘state‘)“
正确引入store被上面这个报错误导,输入了上述安装命令,但是真正的错误原因是:store的引入路径不正确,因为真正要引入的是store文件夹下的index.js文件修改后的main.js原创 2022-10-21 22:29:15 · 3935 阅读 · 1 评论 -
2022-10-20 解决vue项目中不能使用scss的问题:sass-loader的安装
解决方法是:不要安装node-sass，安装sass就可以了命令:npm uninstall sass-loader node-sassnpm install sass-loader@8.0.2 sass@1.26.5 --save-dev原创 2022-10-20 13:17:51 · 3015 阅读 · 0 评论 -
2022-06-15 jQuery事件委托解决绑定事件无法响应后续加入的节点的bug
问题描述代码 var arr = [111, 2222, 33333]; for (var i = 0; i < arr.length; i++) { $(`${arr[i]}删除`).appendTo("#box"); } $("#box button").click(function() { // console.log($原创 2022-06-15 19:58:11 · 151 阅读 · 0 评论 -
2022-04-09 从ajax中xhr.open的第三个参数直观区分同步异步
例子代码js:let str = '';let xhr = new XMLHttpRequest();// 监听ajax的状态xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status == 200) { str = xhr.response; }}xhr.open('get', './test.php');xhr.send();console.log('str', str)原创 2022-04-09 22:49:34 · 359 阅读 · 0 评论 -
2021-08-17 解决js小数相加出现精度失真的问题
问题console.log(0.1+0.2);//输出:0.30000000000000004解决1.toFixed2.先乘以10再除以10console.log((0.1+0.2).toFixed(1));//0.3console.log((0.1*10+0.2*10)/10);//0.3原创 2021-08-17 19:34:29 · 489 阅读 · 0 评论 -
2021-08-14 解决微信小程序api更新后使用getuserinfo无法获取到用户信息的问题
描述使用bindgetuserinfo不能获取用户信息解决方法改成用getUserProfile例子使用bindgetuserinfouser.wxml:<button bindgetuserinfo="useral" open-type="getUserInfo" class="button1">用户点击获取信息</button>user.js useral(e){ console.log(e); },输出:变成"微信用户"原创 2021-08-14 11:21:19 · 1067 阅读 · 0 评论 -
2021-07-20 解决vue2无法在view层实现检测数组更新的问题
文章目录问题:解决:问题:<body><div id="app"> <div v-for="item in arr" :key="item"> <h1>{{item}}</h1> </div> <button @click="change">改变数组</button></div><script> var app = new Vue({ el: "#app",原创 2021-07-20 22:42:38 · 336 阅读 · 0 评论 -
2021-07-18 解决关于“The template root requires exactly one element.“的报错
出现场景:单文件组件.vue文件中定义多个标签时报错 3:5 error The template root requires exactly one element vue/valid-template-root✖ 1 problem (1 error, 0 warnings)原因:vue模板中只能有一个根节点,在template标签中插入多个元素会报错解决:用一个大的div包起来...原创 2021-07-18 17:00:59 · 257 阅读 · 0 评论 -
2021-07-05 解决:使用vue定义多个单标签组件时,只显示第一个组件
发现问题设置两个组件.不能全部显示出现原因用单标签的时候，只会显示第一个组件改成双标签后，就会显示两个组件了。代码html<div id="app"> <!-- 多标签 --> <!-- <my_component1></my_component1> <my_component2></my_component2> --> <!-- 单标签 --> &l原创 2021-07-05 08:53:04 · 1806 阅读 · 0 评论 -
2021-05-06 利用vertical-align实现垂直居中效果以及解决图片底部3px的间隙bug
vertical-align可以用来给块元素设置垂直对齐方式,对于非行内块元素需要先转化成行内块元素 示例: <style> img { /* img已经是行内块元素 */ vertical-align: middle; } span { display: inline-block; vertical-al原创 2021-05-06 01:50:16 · 232 阅读 · 0 评论 -
2021-06-16 解决在git仓库界面直接删改文件造成的关于“error: failed to push some refs to ‘https://gitee.com/xxx.git‘“的报错
问题描述PC@DESKTOPMINGW64 ~/Desktop/project (master)$ git push -u wj masterTo https://gitee.com/xxx.git ! [rejected] master -> master (fetch first)error: failed to push some refs to 'https://gitee.com/xxx.git'hint: Updates were rejected because原创 2021-06-16 08:42:28 · 276 阅读 · 0 评论 -
2021-06-11 解决异步问题:for循环中的点击事件无法获取自增中的i
解决方法: 1.设置自定义属性:在for循环中，为每一个要点击的对象创建属性用来保存索引变量 1.1.设置css的自定义属性 1.2. 设置js的自定义属性 2.使用闭包:在for循环中点击事件外, 套一个自执行的匿名函数，将索引变量i保存到匿名函数的形参中 3.把循环体中的var替换成let:for (let i = 0; i < lis.length; i++) {}原创 2021-06-11 11:51:21 · 720 阅读 · 1 评论 -
2021-05-19 处理vscode下的控制台输入node时,出现“无法将“node”项识别为 cmdlet、函数、脚本文件或可运行程序的名称“的报错
1.vscode下按出powershell对的快捷键:Ctrl+~2.输入node命令,报错如下:PS E:\VSCode> nodenode : 无法将“node”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。所在位置 行:1 字符: 1+ node+ ~~~~ + CategoryInfo : ObjectNotFound: (node:String) [], CommandNotFou原创 2021-05-19 08:40:07 · 2239 阅读 · 3 评论 -
2021-05-13 解决统一设置的边框样式某些时候不能单独取消的问题
描述: 对于统一设置的边框,需要单独取消某个边框时,发现无法取消场景: 导航栏ul>li*6中,给li统一设置了右边框,现需要将最后一个li的右边框单独取消掉原因: 取消border行的权限不足代码: .wrap>.box { width: 100px; height: 100px;原创 2021-05-13 08:17:17 · 189 阅读 · 0 评论 -
2021-05-10 vscode中使用cmd调用gulp命令时,关于“在此系统上禁止运行脚本“的报错
解决方法:step1关闭vscode再以管理员身份运行step2快捷键 ctrl+~ 按出cmd并在cmd中依次输入以下命令 PS E:\VSCode> get-ExecutionPolicy Restricted PS E:\VSCode> set-ExecutionPolicy RemoteSigned PS E:\VSCode> get-Execution原创 2021-05-10 09:20:29 · 193 阅读 · 0 评论