- 博客(75)
- 收藏
- 关注
原创 <el-row>中,click.stop不生效
框架的 Element UI 库中,对于一些组件,如 el-row ,可能不能直接通过在其上添加 @click 来绑定原生的 click 事件,因为这些组件可能没有实现 click 事件的派发。示例代码如上,再点击时,click.stop不生效,不执行,直接去执行父组件的函数。献上解决方案:再套一层div,把.stop加在div上。
2024-08-09 11:53:36
738
原创 在地址栏里输入一个 URL,到这个页面呈现出来,中间会发生什么
返回相应的 html 给浏览器,因为 html 是一个树形结构,浏览器根据这个 html 来构建 DOM 树,在 dom 树的构建过程中如果遇到 JS 脚本和外部 JS 连接,则会停止构建 DOM 树来执行和下载。据,并将这个 http 请求封装在一个 tcp 包中,这个 tcp 包会依次经过传输层,网络层,求,这个请求报文会包括这次请求的信息,主要是请求方法,请求说明和请求附带的数。数据链路层,物理层到达服务器,服务器解析这个请求来作出响应,之后进行布局,布局主要是确定各个元素的位置和尺寸,
2024-02-20 12:43:19
415
原创 click 在 ios 上有 300ms 延迟,原因及如何解决
检测到 touchend 事件后,立刻出发模拟 click 事件,并且把浏览器 300 毫秒之后真正出。所以如果页面不需要缩放的话,首选第一个解决方案。
2024-02-20 12:21:25
548
原创 移动端图片有白边(图片本身无问题)
针对于部分手机图片拼接处有余白的问题,先排除是不是图片本身有余边,如果不是图片的问题的话 就给图片加display:inherit;
2023-07-26 11:08:20
138
原创 css模块上下移动循环,动画动效
这两句,注意 example 是和下面动画效果对应的。首先给要加动效的盒子 / 图片加上。然后使用循环来上下移动这个元素。
2023-07-26 11:06:45
1361
原创 css按钮循环放大缩小动画动效
首先给需要加动效的盒子,加上类名fireworks,然后针对这个类名,写一个样式循环,使用transform来缩放对应的盒子,里面的内容会跟着一起适配。
2023-07-26 11:03:59
991
原创 background-image跑偏,跑位等问题
在使用background-image的时候,一定要配合background-size:(宽,高)一起使用,可以解决绝大多数跑偏跑位等问题。
2023-03-23 13:29:02
376
原创 正则匹配emoji
const regStr = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/gi
2023-03-03 14:38:54
8505
原创 JS字符串切片,动态替换某一段字符
需求:把path里面的 /后的TStwa....jpg,替换成name。然后把切片后的数组的最后一项,替换成自己想要的,再转变成字符串。首先是根据 / 对字符串进行切片。
2023-02-15 13:21:55
122
原创 uview+小程序+u-collapse-item 包含if, slot失效的问题
首先是判断v-if的值是不是true,结果发现只因毛问题都没有,最后怀疑到v-if和slot不能同时出现这个问题上,去掉v-if,插槽显示。确定了问题在哪,就开始尝试解决问题。今天遇到了一个bug,说是下图的插槽一直不显示。然后我把v-if写在slot的里层,问题解决。查看代码,是一个v-if 控制的插槽,如图。首先我选择了把v-if 写在外面一层,无果。
2023-02-15 09:27:22
1332
原创 vue解决返回上一页保留之前的搜索 及 搜索结果
activated():在vue对象存活的情况下,进入当前存在activated()函数的页面时,一进入页面就触发;但是注意,全局vue.js不强制刷新或者重启时只创建一次,也就是说,created()只会触发一次(可用于页面预加载数据);今天处理bug 遇到了这样一个需求 , 列表页如果用户先进行了条件搜索 , 再查看详情 , 返回时需要返回到搜索之后的列表页面。mounted():页面初始化完成后,加载完dom后触发,与created一样只会触发一次(可用于页面初始化数据)
2023-01-30 10:22:51
2498
原创 TS类型“HTMLElement | null”的参数不能赋给类型“HTMLElement”的参数
【代码】TS类型“HTMLElement | null”的参数不能赋给类型“HTMLElement”的参数。
2023-01-03 11:26:00
1007
1
原创 el-pagination高亮问题,页面数据变了但页码高亮不变
注意文档的 current-page / v-model:current-page 这一条 , 只需要手动赋值一下即可解决高亮不变的问题。
2022-12-24 13:26:14
568
原创 vue中 空格不生效问题
3.全角空格(中文符号) \u3000,中文文章中使用。2.半角空格(英文符号) \u0020,代码中常用的。1.不间断空格 \u00A0 也可写做 \xa0。
2022-11-21 15:36:28
1346
原创 vue修改密码包含完整正则+密码验证
页面代码 弹窗形式写的 主要注意 :model="ruleForm" ref="ruleForm" :rules="rules"页面就三个输入框 , 旧密码 ,新密码 ,再次确认密码。
2022-10-31 15:40:37
1204
原创 保留至百位并且向上取整 例如:125631 >>125700
ps:先扩大再缩小 , 先缩小再扩大 , 这种方法虽然很简单 , 但这种思考问题的思想和习惯 , 是在高等数学里面长期用到的 , 所以毕业一年终于体会到高数的用处了!data使我们传入的数据 , 我们先给缩小了100 倍 , 再进行向上取整Math.ceil , 向下取整为 Math.floor 最后再把结果扩大100倍。思路就是 : 保留到百位 , 就把百位后面变成小数 , 操作完成之后再扩大一百倍。如果不封装的话 直接进行。简单封装一个公用函数。
2022-10-27 10:25:12
1061
原创 el-table 循环递归出现行列跑位
解决方案: 看一下代码里面写v-for 的地方 用的是不是div 如果是的话 换成 template 标签 并且不用写key 就可以解决这个问题。
2022-09-24 15:21:39
187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人