- 博客(400)
- 收藏
- 关注
RSS订阅原创 复制文本到剪贴板的实现
该方法需要在安全上下文中使用（HTTPS 或 localhost）错误处理是必要的，因为剪贴板操作可能被用户或浏览器阻止。成功时显示提示消息，失败时捕获并打印错误信息。部分浏览器可能需要用户授权剪贴板访问权限。API 实现文本复制功能。，内部定义要复制的文本内容。方法将文本写入剪贴板。
2026-01-07 09:52:49
174
原创 windows里安装python版本和多版本安装
1、未安装python时，cmd命令行里输入python,就会打开 Microsoft Store。4、安装后，cmd里再输入python，就是当前安装的版本了。2、搜索Python 3.12。
2025-12-31 18:17:36
193
原创 一级域名和子级域名设置cookie时不能使用同一个cookie名字
php端获取cookie时使用$_COOKIE获取，$_COOKIE是个数组，$_COOKIE['token']根据域名和cookie顺序的影响，可能取到 的是1或者2，这样就会影响登录。一级域名test.com的cookie名称token=1，二级域名in.test.com的cookie名称cookie名称token=2。一级域名test.com和二级域名in.test.com都有登录页面，登录的cookie不能相互影响。js里获取cookie 同理，获取到的cookie值也可能取到 的是1或者2。
2025-10-31 10:59:02
166
原创 Elasticsearch查询中的track_total_hits参数
是 Elasticsearch 查询中的一个参数，它控制是否跟踪匹配查询的总命中数。
2025-08-18 19:15:36
549
原创 VSCODE编辑器设置
摘要：VSCODE可通过三种方式调整界面显示：1）修改settings.json文件，设置缩进和整体缩放；2）用鼠标滚轮调整字体大小；3）在settings.json中添加"intelephense.format.braces"配置实现函数花括号换行。这些方法分别针对资源管理器布局、字体显示和代码格式进行调整。
2025-07-07 10:12:51
456
原创 VUE uni.setStorage({ key: ‘type‘, data: 1 })； 为什么缓存的格式是为什么格式是{“type“:“number“,“data“:1}
存储的是字符串时，缓存里便是字符串，没有拼接格式type,想要实现字符串存储，可以转为字符串存储。方法在存储数据时，可能会对基本类型的数据进行包装，以确保读取时可以还原正确的类型。（number 类型）时，UniApp 可能会将其包装为。时能正确解析为 number 而不是字符串。
2025-06-20 15:44:56
216
原创 监听用户切换浏览器标签页，切换回页面刷新页面
用户在A页面，点击职位，新页面打开B页面，在B页面登录后，再切换回A页面想要直接是登录状态。在A页面，监听用户切换浏览器标签页，切换回A页面执行操作。
2025-05-14 19:34:15
459
原创 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
417
原创 css 二维码始终显示在按钮的正下方，并且根据不同的屏幕分辨率自动调整位置
1、父级#js-apply，设置了position: relative;移动到父容器中间，左边缘会到父容器中间的位置，如下图。例如：导航菜单、下拉框、Tooltip 提示框等，都需要。是 CSS 中用于水平移动元素的变换属性，它能让元素。✅ 保持父级元素仍占据正常文档流，不影响其他布局。仍然占据原来的空间，不影响其他元素的布局。定位可能会破坏整体布局，导致按钮位置异常。或某个更高层级的容器，导致定位错误。的定位会一直向上查找，可能相对于。的计算基于父级，而不是整个页面。absolute绝对。
2025-04-14 20:07:44
394
原创 CSS ＞子元素选择器和空格
当你想精确控制样式只影响直接子元素，避免影响更深层嵌套的元素时。（仅限第一层嵌套的子元素，不包含更深层的后代元素）。（相邻兄弟选择器）：选择紧跟在某个元素后的。：当你想影响所有符合条件的后代元素时。（通用兄弟选择器）：选择某个元素后的。不会受影响，因为它不是。的后代（无论嵌套多深）。，它用于选择某个元素的。
2025-04-08 14:02:06
644
原创 CSS &符号
在 CSS 中，符号是，主要用于（如 Sass、Less、Stylus）和它代表，用于简化嵌套规则并生成更精确的选择器。scsscss在这里代表.button，最终生成。
2025-04-08 13:53:14
1028
原创 页面元素内容太长，给元素添加title
2、使用tdesign的Popup 弹出层。页面元素内容太长，给元素添加title。涉及循环的popup。
2025-03-26 17:44:14
295
原创 MongoDB集合（表）自动创建机制
MongoDB 中的集合（表）是在插入数据时自动创建的。当你第一次向一个不存在的集合插入文档时，MongoDB 会自动创建该集合。你不需要像在关系型数据库中那样预先定义表结构。这种灵活性是 MongoDB 作为 NoSQL 数据库的特点之一，允许动态模式设计。不存在，MongoDB 会自动创建它。
2025-03-14 15:10:18
661
原创 CSS 使用white-space属性换行
同<pre>标签，空格和换行符会被保留显示，格式原样输出。不会因为容器的大小自动换行，除非遇到<br>换行符。空格和换行符会被保留显示，当内容超出容器时自动换行。默认值，空格和换行符会被忽略过滤掉。空格和换行符会被忽略过滤掉；
2025-02-24 19:27:54
743
原创 vue 父组件和子组件中v-model和props的使用和区别
最常用的使用方式：父组件的值，传值给子组件，子组件的input绑定了此字段，这样子组件input的内容修改时，父组件里的值便会同步更新，示例如下。4、延伸：父组件想要传参给子组件多个双向绑定的数据，可以是用v-model的参数（v-model:title）可以在组件上使用以实现双向绑定。即父组件的值可以传递给子组件，子组件的值修改后，父组件的值会同步更新。$emit('someEvent')来实现子组件的值同步更新到父组件；3、其他实例：父组件和子组件，弹窗的数据双向绑定。开始，推荐的实现方式是使用。
2025-02-20 18:06:57
716
原创 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
371
原创 手机号、邮箱正则校验
/^[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
212
原创 VUE中css样式scope和deep
父组件里没有hover样式，覆盖了子组件的hover样式，这样子组件里明明加了hover样式，但是效果没有出来。样式的作用域限制，允许父组件的样式影响到子组件中的元素以及再下层级子组件的样式。deep是 Vue.js 提供的特殊选择器，用来突破。可以让样式跨越组件边界，作用于子组件的内部元素。子组件里明明加了hover样式，但是效果没有出来。样式只能影响当前组件内部的元素，而。
2025-01-16 19:40:45
440
原创 CSS 圆形头像和破图时显示默认图片
最开始不是使用的img，使用的tdesign的<TAvatar>组件，按照步骤二中的方式处理破图，最后发现破图时会先闪现一下下方的图片，再加载为默认头像，最后才改为img这种方式解决了。1、css实现圆形头像。2、破图是显示默认图片。
2025-01-16 17:39:16
434
原创 CSS的小知识
有>是只对其子级有效，子选择器只会影响直接的子级元素，而不会影响更深层次的孙级元素。无>时是对子级、孙级、曾孙级等所有后代都有效。
2025-01-15 20:59:13
454
原创 scrollIntoView() 滚动到元素顶部和底部
是一个非常有用的 DOM 方法，可以使目标元素在页面或容器中滚动到视口内。你可以控制滚动的行为（平滑或立即滚动）以及对齐方式（顶部、底部、中心等）。它的常见用途包括实现“返回顶部”功能、滚动到特定的页面部分或容器中的元素。
2024-12-26 20:51:59
1461
原创 CSS 过渡动画效果
transition是 CSS 中非常实用的一个属性，它允许你在状态改变时（例如，鼠标悬停）平滑地过渡到新的样式。通过控制过渡的时间、时间函数、延迟等，你可以实现丰富的动态效果，提升用户体验。
2024-12-26 20:37:21
1580
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
324
原创 Vue3 调用子组件的方法和变量
MessageItem是在li中循环使用的，想要调用子组件MessageItem里的方法，使用Ref.loadingShowFn(flag)并未取到值，打印发现，因为是循环使用，ref.value是一个多数组，需要遍历取值。获取子组件实例，并调用其方法或访问其数据。
2024-11-28 20:55:23
2646
原创 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
1347
原创 async 和 await的使用
async：用来声明异步函数，返回一个 Promise。await：用来等待一个 Promise 被解析，通常与async配合使用。异常处理可以使用捕获和处理。可以使用来并行执行多个异步操作，避免串行执行造成的性能瓶颈。使得异步代码的书写更加简洁直观，避免了回调地狱和.then()链式调用的层层嵌套，提升了代码的可读性和维护性。二、wx跳转。
2024-11-15 19:09:31
1356
原创 Vue3 provide 和 inject的使用
在 Vue 中，provide和inject是 Composition API 的一对功能，用于父子组件之间的依赖注入。它们的作用是让父组件可以向其提供数据或方法，而。
2024-11-15 17:57:27
770
原创 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
972
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人