- 博客(383)
- 收藏
- 关注
RSS订阅原创 监听用户切换浏览器标签页，切换回页面刷新页面
用户在A页面，点击职位，新页面打开B页面，在B页面登录后，再切换回A页面想要直接是登录状态。在A页面，监听用户切换浏览器标签页，切换回A页面执行操作。
2025-05-14 19:34:15
250
原创 Vue+tdesign t-input-number 设置长度和显示X号
但是t-input-number不可以直接使用maxlength和clearable属性，是用如下方式封装一下即可。Vue+tdesign t-input-number 想要设置input的maxlen和显示X号。t-input，可以直接使用maxlength和clearable属性。
2025-04-30 11:57:34
277
原创 css 二维码始终显示在按钮的正下方，并且根据不同的屏幕分辨率自动调整位置
1、父级#js-apply，设置了position: relative;移动到父容器中间，左边缘会到父容器中间的位置，如下图。例如：导航菜单、下拉框、Tooltip 提示框等，都需要。是 CSS 中用于水平移动元素的变换属性，它能让元素。✅ 保持父级元素仍占据正常文档流，不影响其他布局。仍然占据原来的空间，不影响其他元素的布局。定位可能会破坏整体布局，导致按钮位置异常。或某个更高层级的容器，导致定位错误。的定位会一直向上查找，可能相对于。的计算基于父级，而不是整个页面。absolute绝对。
2025-04-14 20:07:44
324
原创 CSS ＞子元素选择器和空格
当你想精确控制样式只影响直接子元素，避免影响更深层嵌套的元素时。（仅限第一层嵌套的子元素，不包含更深层的后代元素）。（相邻兄弟选择器）：选择紧跟在某个元素后的。：当你想影响所有符合条件的后代元素时。（通用兄弟选择器）：选择某个元素后的。不会受影响，因为它不是。的后代（无论嵌套多深）。，它用于选择某个元素的。
2025-04-08 14:02:06
436
原创 CSS &符号
在 CSS 中，符号是，主要用于（如 Sass、Less、Stylus）和它代表，用于简化嵌套规则并生成更精确的选择器。scsscss在这里代表.button，最终生成。
2025-04-08 13:53:14
498
原创 页面元素内容太长，给元素添加title
2、使用tdesign的Popup 弹出层。页面元素内容太长，给元素添加title。涉及循环的popup。
2025-03-26 17:44:14
235
原创 MongoDB集合（表）自动创建机制
MongoDB 中的集合（表）是在插入数据时自动创建的。当你第一次向一个不存在的集合插入文档时，MongoDB 会自动创建该集合。你不需要像在关系型数据库中那样预先定义表结构。这种灵活性是 MongoDB 作为 NoSQL 数据库的特点之一，允许动态模式设计。不存在，MongoDB 会自动创建它。
2025-03-14 15:10:18
499
原创 CSS 使用white-space属性换行
同<pre>标签，空格和换行符会被保留显示，格式原样输出。不会因为容器的大小自动换行，除非遇到<br>换行符。空格和换行符会被保留显示，当内容超出容器时自动换行。默认值，空格和换行符会被忽略过滤掉。空格和换行符会被忽略过滤掉；
2025-02-24 19:27:54
556
原创 vue 父组件和子组件中v-model和props的使用和区别
最常用的使用方式：父组件的值，传值给子组件，子组件的input绑定了此字段，这样子组件input的内容修改时，父组件里的值便会同步更新，示例如下。4、延伸：父组件想要传参给子组件多个双向绑定的数据，可以是用v-model的参数（v-model:title）可以在组件上使用以实现双向绑定。即父组件的值可以传递给子组件，子组件的值修改后，父组件的值会同步更新。$emit('someEvent')来实现子组件的值同步更新到父组件；3、其他实例：父组件和子组件，弹窗的数据双向绑定。开始，推荐的实现方式是使用。
2025-02-20 18:06:57
468
原创 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
266
原创 手机号、邮箱正则校验
/^[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
170
原创 VUE中css样式scope和deep
父组件里没有hover样式，覆盖了子组件的hover样式，这样子组件里明明加了hover样式，但是效果没有出来。样式的作用域限制，允许父组件的样式影响到子组件中的元素以及再下层级子组件的样式。deep是 Vue.js 提供的特殊选择器，用来突破。可以让样式跨越组件边界，作用于子组件的内部元素。子组件里明明加了hover样式，但是效果没有出来。样式只能影响当前组件内部的元素，而。
2025-01-16 19:40:45
335
原创 CSS 圆形头像和破图时显示默认图片
最开始不是使用的img，使用的tdesign的<TAvatar>组件，按照步骤二中的方式处理破图，最后发现破图时会先闪现一下下方的图片，再加载为默认头像，最后才改为img这种方式解决了。1、css实现圆形头像。2、破图是显示默认图片。
2025-01-16 17:39:16
371
原创 CSS的小知识
有>是只对其子级有效，子选择器只会影响直接的子级元素，而不会影响更深层次的孙级元素。无>时是对子级、孙级、曾孙级等所有后代都有效。
2025-01-15 20:59:13
416
原创 scrollIntoView() 滚动到元素顶部和底部
是一个非常有用的 DOM 方法，可以使目标元素在页面或容器中滚动到视口内。你可以控制滚动的行为（平滑或立即滚动）以及对齐方式（顶部、底部、中心等）。它的常见用途包括实现“返回顶部”功能、滚动到特定的页面部分或容器中的元素。
2024-12-26 20:51:59
1205
原创 CSS 过渡动画效果
transition是 CSS 中非常实用的一个属性，它允许你在状态改变时（例如，鼠标悬停）平滑地过渡到新的样式。通过控制过渡的时间、时间函数、延迟等，你可以实现丰富的动态效果，提升用户体验。
2024-12-26 20:37:21
1408
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
276
原创 Vue3 调用子组件的方法和变量
MessageItem是在li中循环使用的，想要调用子组件MessageItem里的方法，使用Ref.loadingShowFn(flag)并未取到值，打印发现，因为是循环使用，ref.value是一个多数组，需要遍历取值。获取子组件实例，并调用其方法或访问其数据。
2024-11-28 20:55:23
2166
原创 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
1005
原创 async 和 await的使用
async：用来声明异步函数，返回一个 Promise。await：用来等待一个 Promise 被解析，通常与async配合使用。异常处理可以使用捕获和处理。可以使用来并行执行多个异步操作，避免串行执行造成的性能瓶颈。使得异步代码的书写更加简洁直观，避免了回调地狱和.then()链式调用的层层嵌套，提升了代码的可读性和维护性。二、wx跳转。
2024-11-15 19:09:31
1211
原创 Vue3 provide 和 inject的使用
在 Vue 中，provide和inject是 Composition API 的一对功能，用于父子组件之间的依赖注入。它们的作用是让父组件可以向其提供数据或方法，而。
2024-11-15 17:57:27
690
原创 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
831
原创 SQLyog迁移收藏夹
找到 SQLyog 的配置文件目录。默认情况下，SQLyog 会将连接信息和收藏夹保存在以下位置： Windows：C:\Users\<用户名>\AppData\Roaming\SQLyog\Favorites目录下的sql文件移动到新的SQLyog对应的目录下，然后重新启动SQLyog即可。
2024-11-05 20:51:40
203
原创 微信小程序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
1579
原创 js 防抖函数避免重复点击提交
使用防抖 连续点击按钮时，只有最后一次操作会触发请求，前面点击的不会请求到方法中，避免多次提交；注意deounce的位置，要在function外层，否则会不生效。
2024-10-23 17:39:26
224
原创 Vue 多次尝试请求ajax
注意：ajax请求，要使用async和await，保证一个ajax请求完成后再发起新的尝试，不然会一次性请求五次ajax，不友好。上方代码是尝试五次请求ajax的代码。
2024-10-09 11:47:41
627
原创 uniapp中h5环境添加console.log输出
uniapp的小程序开启调试模式，会看到项目的console.log，但是h5的话手机访问报错时看不到console.log，使用上方代码h5也可以看到调试效果了。
2024-09-26 15:21:55
1131
原创 Vue.js 中，@click 和 @click.stop的区别
click：触发事件并允许事件冒泡。：触发事件并阻止事件冒泡。遇到的问题父元素@click是返回到上一页，子元素@click是跳转到另一个页面，点击子元素直接跳转到另一个页面又跳转回来了，子元素改为@click.stop好了延伸事件冒泡是指在 DOM 中，事件从最具体的元素（事件的目标）开始向外传播到更不具体的元素（父元素），直到文档的根节点。这是浏览器处理事件的一种默认机制。事件冒泡是一个重要的概念，有助于管理复杂的事件处理逻辑。
2024-09-24 20:42:56
752
原创 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
766
原创 Vue :class 绑定可以结合多个判断维度来动态设置类
二、:class="[isMute && 'disabled', env.isH5 && 'TUIChat-H5-footer']"一、数组语法允许你根据条件动态添加多个类名。数组中的每个元素可以是一个类名的字符串，或者是一个对象。对象中的键是类名，值是布尔值。
2024-08-19 15:26:06
723
原创 cursor: not-allowed
在 CSS 中，用于设置光标样式，表示某个操作或元素当前不可用。通常用于显示用户不能与某个元素进行交互的状态。
2024-08-19 14:59:41
1018
原创 php 方法追踪其被调用的踪迹
debug_backtrace()，其记录了调用方法的所有上层方法，如下为打印的debug_backtrace()的数据，从键值0开始，依次往上一层一层推经过的方法，直到调用方法的入口。debug_backtrace()可用于捕捉异常，发送异常邮件。一个公共方法，有多个调用入口，快速排查到其被调用的入口。
2024-07-17 20:52:57
565
原创 PHP ，MySQL IN 子句中拼接字符串并包含单引号
用于将数组中的值用逗号和单引号连接起来，然后在开头和结尾分别添加单引号，从而构建了一个带有单引号的逗号分隔的字符串列表，可以直接用于。PHP ，MySQL IN 子句中拼接字符串并包含单引号。子句中拼接字符串并包含单引号，你可以使用。在 PHP 中，如果你需要在。假设你有一个字符串数组。，你想要将其拼接到一个。
2024-05-29 11:53:26
456
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人