- 博客(378)
- 收藏
- 关注
RSS订阅原创 页面元素内容太长，给元素添加title
2、使用tdesign的Popup 弹出层。页面元素内容太长，给元素添加title。涉及循环的popup。
2025-03-26 17:44:14
207
原创 MongoDB集合（表）自动创建机制
MongoDB 中的集合（表）是在插入数据时自动创建的。当你第一次向一个不存在的集合插入文档时，MongoDB 会自动创建该集合。你不需要像在关系型数据库中那样预先定义表结构。这种灵活性是 MongoDB 作为 NoSQL 数据库的特点之一，允许动态模式设计。不存在，MongoDB 会自动创建它。
2025-03-14 15:10:18
450
原创 CSS 使用white-space属性换行
同<pre>标签，空格和换行符会被保留显示，格式原样输出。不会因为容器的大小自动换行，除非遇到<br>换行符。空格和换行符会被保留显示，当内容超出容器时自动换行。默认值，空格和换行符会被忽略过滤掉。空格和换行符会被忽略过滤掉；
2025-02-24 19:27:54
400
原创 vue 父组件和子组件中v-model和props的使用和区别
最常用的使用方式：父组件的值，传值给子组件，子组件的input绑定了此字段，这样子组件input的内容修改时，父组件里的值便会同步更新，示例如下。4、延伸：父组件想要传参给子组件多个双向绑定的数据，可以是用v-model的参数（v-model:title）可以在组件上使用以实现双向绑定。即父组件的值可以传递给子组件，子组件的值修改后，父组件的值会同步更新。$emit('someEvent')来实现子组件的值同步更新到父组件；3、其他实例：父组件和子组件，弹窗的数据双向绑定。开始，推荐的实现方式是使用。
2025-02-20 18:06:57
382
原创 vue打包
图三的bat脚本里，内网环境使用npm run build:dev，就是在执行其键值右侧的"vite build --mode dev --emptyOutDir，在vite.config.js里就会接收到mode参数dev，就可以读取envConfig[dev]下的配置打包啦。一个项目会有开发环境、内网环境、预发布环境和线上环境，每个环境的域名不一样，需要分别打包，执行对应环境的bat脚本打到对应环境的文件夹下，这样相互不影响，方便快捷。内网环境、预发布环境和线上环境都是执行命令。
2025-02-20 16:41:31
234
原创 手机号、邮箱正则校验
/^[A-Z_a-z0-9-\.]+@([A-Z_a-z0-9-]+\.)+[a-z0-9A-Z]{2,6}$//^1[3-9][0-9]{9}$/
2025-02-08 11:35:55
156
原创 VUE中css样式scope和deep
父组件里没有hover样式，覆盖了子组件的hover样式，这样子组件里明明加了hover样式，但是效果没有出来。样式的作用域限制，允许父组件的样式影响到子组件中的元素以及再下层级子组件的样式。deep是 Vue.js 提供的特殊选择器，用来突破。可以让样式跨越组件边界，作用于子组件的内部元素。子组件里明明加了hover样式，但是效果没有出来。样式只能影响当前组件内部的元素，而。
2025-01-16 19:40:45
292
原创 CSS 圆形头像和破图时显示默认图片
最开始不是使用的img，使用的tdesign的<TAvatar>组件，按照步骤二中的方式处理破图，最后发现破图时会先闪现一下下方的图片，再加载为默认头像，最后才改为img这种方式解决了。1、css实现圆形头像。2、破图是显示默认图片。
2025-01-16 17:39:16
349
原创 CSS的小知识
有>是只对其子级有效，子选择器只会影响直接的子级元素，而不会影响更深层次的孙级元素。无>时是对子级、孙级、曾孙级等所有后代都有效。
2025-01-15 20:59:13
405
原创 scrollIntoView() 滚动到元素顶部和底部
是一个非常有用的 DOM 方法，可以使目标元素在页面或容器中滚动到视口内。你可以控制滚动的行为（平滑或立即滚动）以及对齐方式（顶部、底部、中心等）。它的常见用途包括实现“返回顶部”功能、滚动到特定的页面部分或容器中的元素。
2024-12-26 20:51:59
1009
原创 CSS 过渡动画效果
transition是 CSS 中非常实用的一个属性，它允许你在状态改变时（例如，鼠标悬停）平滑地过渡到新的样式。通过控制过渡的时间、时间函数、延迟等，你可以实现丰富的动态效果，提升用户体验。
2024-12-26 20:37:21
1352
1
原创 Mongo 分页判断是否有下一页
Mongo查询列表，limit=15，代码里是直接取了15条，分页判断是否有下一页是根据返回的15条和limit=15判断的，这就导致数据库里正好有15条时，返回的15条和limit=15判断，isCompleted是false，返回的是还有下一页，其实正好15条是没有下一页的。一页是limit=15，查询时直接查询limit+1条，返回数据时再把多查的那一条数据slice截取掉，这样返回的依旧是15条，判断是有还有下一页时便可以通过limit+1条来判断是否有下一页，完美的解决了是否有下一页和性能问题。
2024-12-24 18:18:28
256
原创 Vue3 调用子组件的方法和变量
MessageItem是在li中循环使用的，想要调用子组件MessageItem里的方法，使用Ref.loadingShowFn(flag)并未取到值，打印发现，因为是循环使用，ref.value是一个多数组，需要遍历取值。获取子组件实例，并调用其方法或访问其数据。
2024-11-28 20:55:23
1740
原创 input自动获取焦点
2、使用ref的方式实现，最开始一直没生效，打印inputRef也是null，最后发现要等dom元素加载完再调用focus就成功了，这里setTimeout实现了，也可以使用nextTick。这个方式页面初始加载的input是有效的，但是此处是弹窗里的input，是后面动态加载出来的，autofocus未生效。1、使用的是tdesign的t-input，查看官方文档，设置autofocus属性就可以自动聚焦；点击一个弹窗，弹窗里的input自动聚焦。官方文档:focus="!
2024-11-21 20:02:25
826
原创 async 和 await的使用
async：用来声明异步函数，返回一个 Promise。await：用来等待一个 Promise 被解析，通常与async配合使用。异常处理可以使用捕获和处理。可以使用来并行执行多个异步操作，避免串行执行造成的性能瓶颈。使得异步代码的书写更加简洁直观，避免了回调地狱和.then()链式调用的层层嵌套，提升了代码的可读性和维护性。二、wx跳转。
2024-11-15 19:09:31
1194
原创 Vue3 provide 和 inject的使用
在 Vue 中，provide和inject是 Composition API 的一对功能，用于父子组件之间的依赖注入。它们的作用是让父组件可以向其提供数据或方法，而。
2024-11-15 17:57:27
674
原创 wx.openSetting未调起小程序设置界面的坑
这种方式open-type="openSetting"要动态给赋值，使用wx.getSetting判断是否要进入微信小程序设置页面，需要时赋值open-type="openSetting"，不需要时正常走流程。当然也可以在wx.authorize的fail回调中给一个全局变量赋值，记录用户拒绝授权的状态来动态赋值open-type="openSetting"。最后发现，用户点击操作的调用方法里面使用wx.openSetting方法，中间不能有任何异步的处理（防抖，async await等），
2024-11-08 19:00:18
775
原创 SQLyog迁移收藏夹
找到 SQLyog 的配置文件目录。默认情况下，SQLyog 会将连接信息和收藏夹保存在以下位置： Windows：C:\Users\<用户名>\AppData\Roaming\SQLyog\Favorites目录下的sql文件移动到新的SQLyog对应的目录下，然后重新启动SQLyog即可。
2024-11-05 20:51:40
190
原创 微信小程序live-pusher和video同时使用，video播放声音时时大时小
最后可以肯定的是live-pusher的start时会影响video的声音，至于是live-pusher的start播放时影响了手机音量，这个影响没坚持到video播放；业务是模拟面试，每道题一个推流live-pusher和一个面试题video，一次面试有多道面试题，页面就一个live-pusher和一个video，切换面试题时给live-pusher和video重新赋值url。1、注释live-pusher，只轮播播放video视频，发现并未时大时小的情况，确认是受live-pusher影响了。
2024-10-25 19:48:32
1542
原创 js 防抖函数避免重复点击提交
使用防抖 连续点击按钮时，只有最后一次操作会触发请求，前面点击的不会请求到方法中，避免多次提交；注意deounce的位置，要在function外层，否则会不生效。
2024-10-23 17:39:26
209
原创 Vue 多次尝试请求ajax
注意：ajax请求，要使用async和await，保证一个ajax请求完成后再发起新的尝试，不然会一次性请求五次ajax，不友好。上方代码是尝试五次请求ajax的代码。
2024-10-09 11:47:41
611
原创 uniapp中h5环境添加console.log输出
uniapp的小程序开启调试模式，会看到项目的console.log，但是h5的话手机访问报错时看不到console.log，使用上方代码h5也可以看到调试效果了。
2024-09-26 15:21:55
997
原创 Vue.js 中，@click 和 @click.stop的区别
click：触发事件并允许事件冒泡。：触发事件并阻止事件冒泡。遇到的问题父元素@click是返回到上一页，子元素@click是跳转到另一个页面，点击子元素直接跳转到另一个页面又跳转回来了，子元素改为@click.stop好了延伸事件冒泡是指在 DOM 中，事件从最具体的元素（事件的目标）开始向外传播到更不具体的元素（父元素），直到文档的根节点。这是浏览器处理事件的一种默认机制。事件冒泡是一个重要的概念，有助于管理复杂的事件处理逻辑。
2024-09-24 20:42:56
641
原创 uniapp 小程序样式兼容
<span>标签经过小程序编译后会变成label标签，css中span样式的位置label标签。div中几个元素，不要主组件中div一部分，子组件又是div的一部分，这样小程序里样式加载不出来哦。使用uniapp 一起开发h5和小程序版本，在h5上样式是正常的，但是小程序里样式未生效。* <span>标签位置添加class，class在h5和小程序中都兼容。<ul> <li>标签 <span>标签经过小程序编译后会变成view标签。* 标签位置添加class，class在h5和小程序中都兼容。
2024-09-10 14:46:11
698
原创 Vue :class 绑定可以结合多个判断维度来动态设置类
二、:class="[isMute && 'disabled', env.isH5 && 'TUIChat-H5-footer']"一、数组语法允许你根据条件动态添加多个类名。数组中的每个元素可以是一个类名的字符串，或者是一个对象。对象中的键是类名，值是布尔值。
2024-08-19 15:26:06
551
原创 cursor: not-allowed
在 CSS 中，用于设置光标样式，表示某个操作或元素当前不可用。通常用于显示用户不能与某个元素进行交互的状态。
2024-08-19 14:59:41
907
原创 php 方法追踪其被调用的踪迹
debug_backtrace()，其记录了调用方法的所有上层方法，如下为打印的debug_backtrace()的数据，从键值0开始，依次往上一层一层推经过的方法，直到调用方法的入口。debug_backtrace()可用于捕捉异常，发送异常邮件。一个公共方法，有多个调用入口，快速排查到其被调用的入口。
2024-07-17 20:52:57
543
原创 PHP ，MySQL IN 子句中拼接字符串并包含单引号
用于将数组中的值用逗号和单引号连接起来，然后在开头和结尾分别添加单引号，从而构建了一个带有单引号的逗号分隔的字符串列表，可以直接用于。PHP ，MySQL IN 子句中拼接字符串并包含单引号。子句中拼接字符串并包含单引号，你可以使用。在 PHP 中，如果你需要在。假设你有一个字符串数组。，你想要将其拼接到一个。
2024-05-29 11:53:26
430
原创 PHP preg_replace正则表达式涉及汉字乱码
因此，如果您使用的是 PHP 4.2.3 或更高版本，您就可以放心地在正则表达式中使用。1、中文汉字、中文字符匹配出现乱码，只针对["省","市","自治州","自治区"]表达式，需要添加/u修饰符，才不会乱码（php高版本支持）；3、低版本php，不支持/u修饰符，可以换成正则表达式(省|市|区)，无需添加/u修饰符，即可成功替换。例如，在处理中文字符时，特别是需要匹配中文字符范围内的内容时，使用。其他表达式，比如(省|市|区)，可以随意匹配，不会出现中文乱码。["省","市","自治州","自治区"]
2024-05-28 11:01:49
539
原创 正则多个不同的值并替换成对应的不同目标值
87101010 替换为86411010，88101010替换为86421010，89101010替换为86431010，96101010替换为86441010，如何查找和替换一个表达式实现。不想要在编辑器里单独查找87101010 替换为86411010，这样要操作五次，想要一次查找替换完成。通过这样的替换规则，你可以一次性将多个不同的值替换成对应的目标值，而不需要多次执行替换操作。每个捕获组中的内容分别是要查找的值，即。这样就实现了根据匹配到的不同值进行相应替换的功能。当匹配到第二个捕获组时，替换为。
2024-05-10 16:56:05
485
原创 Excel 中用于在一个范围中查找特定的值，并返回同一行中指定列的值 顺序不一样 可以处理吗
这个公式将会在 A 列中查找 "Name2"，然后返回与之匹配的行的第一列（B 列）的值。这样做可以锁定范围，使其在填充时不会改变。Excel 中，在一列（某范围内）查找另一列特定的值，并返回同一行中另一指定列的值， 查找列和返回列的顺序不一样。2、如果你想在填充公式时保持被引用的范围不变，你可以在范围的字母和数字部分上添加。你想要根据名字查找，并返回相应的值，但你希望查找范围的顺序和返回列的顺序不同。这两个范围锁定，这样当你向下填充时，这些范围不会改变。在这个修改后的公式中，
2024-04-29 19:50:40
9160
原创 Mongo 报错 Can‘t canonicalize query: BadValue $in needs an array
Mongo in查询 [ 'UserId' => array('$in'=>$userIds)] $userIds数组不是连续索引，报错Can't canonicalize query: BadValue $in needs an array。Mongo in查询的数组要是连续索引，也不能有null，否则会报错Can't canonicalize query: BadValue $in needs an array。array_values($userIds) 重新索引一下变成连续索引即可。
2024-04-12 20:28:03
286
原创 css 固定表头
表明该元素将固定在距离视口顶部的位置，即保持在屏幕的顶部。这通常用于实现类似固定表头、固定导航栏等效果。类名的元素设置为粘性定位（sticky positioning），并让其距离视口顶部（top）为 0。页面条数太多，下滑动时，表头上去了，想要将表头固定在顶部，锁住表头。粘性定位使得元素在滚动到特定位置时会固定在屏幕上。表格表头那一行tr中添加如下属性。，这段代码的作用是将具有。
2024-04-03 15:29:15
812
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人