- 博客(126)
- 收藏
- 关注
RSS订阅原创 vue3父子组件数据更新不及时的问题
父组件中的typeOne和typeTwo发生变化时，searchParams的数据不会发生变化，因为数据是单向数据流，这里的赋值只会赋值一次。这样写了之后，父组件数据发生变化时，子组件的searchParams中的数据就会跟着变化。
2025-12-09 17:54:30
126
原创 NPM安装资源报错‼ getaddrinfo ENOENT raw.githubusercontent.com
getaddrinfo ENOENT”是一个错误消息，它通常在网络编程中出现。它表示在尝试解析主机名或服务时，找不到相应的条目。这可能是由于无法解析主机名、网络连接问题或服务不可用等原因引起的。查看下面的IP，复制一个，ping一下看下通不通，不通就用下面其它的ping ,通了才能用。查看raw.githubusercontent.com的真实IP地址，打开。
2025-12-01 14:08:42
295
原创 Flutter中自定义FloatingActionButton的位置
封装一个CustomFloatingActionButtonLocation类来改写原有的偏移方法。
2025-11-18 17:11:42
286
原创 HTML+CSS来实现滚动触发的模糊到清晰动画效果
Intersection Observer API 是现代浏览器提供的原生API，性能优秀，不需要频繁计算元素位置。
2025-11-14 14:13:48
253
原创 Expanded会占据ConstrainedBox，怎么实现让它内容少时，不会自动撑开
2.另一种方法是使用 ConstrainedBox 包裹 Expanded 的子组件，通过设置 BoxConstraints 的 maxWidth 或 maxHeight 来限制最大尺寸。1. Expanded 组件会强制其子组件占据所有可用空间 ，而 ConstrainedBox 则用 于对子组件施加额外的尺寸约束。要控制其尺寸，可以将 Expanded 替换为 Flexible 组件，并通过 fit 参数设置为 FlexFit.loose ，这样组件将根据内容 大小调整尺寸而非强制扩展。
2025-11-04 16:42:18
158
原创 Flutter中的Text换行问题
Column里放Expaned会报错，因为没有限制Column高度，内部Expanded展开会让高度变得无穷大，因此会报错。需要指定Column高度，例如套一层SizedBox(height:200)。找到Text被包裹的所有的Row（必须是Row），在Row内部，使用Expanded包住里面的元素。flutter的Text默认不支持自动换行，如果文字过长，会导致文字溢出到屏幕之外。
2025-10-27 10:50:01
189
原创 Element Plus 表格表单校验功能详解
本文介绍了基于Element Plus实现可编辑表格表单校验功能的关键技术，重点强调了表格单元格样式配置对校验错误信息显示的决定性作用。通过el-form包装表格、动态绑定校验规则、设置单元格padding:14px解决了错误信息显示问题。文章详细说明了数据结构定义、添加/删除行逻辑及常见问题解决方案，指出正确的样式配置是确保校验功能正常工作的核心要素。
2025-09-02 14:58:55
1222
原创 Flutter屏幕和字体适配（ScreenUtil）
是一个 Flutter 插件，专门用于处理屏幕适配问题。它简化了不同设备间尺寸差异的处理，确保你的应用在各种屏幕上都能保持良好的显示效果。开发者可以通过简单的调用来设置基于设计图尺寸的控件宽高和字体大小。
2025-08-12 13:50:24
830
原创 TypeScript 类型系统完整指南
本文档详细介绍了 TypeScript 中所有主要的类型系统特性，每个类型都包含了定义、用法示例和实际应用场景。
2025-06-19 16:50:09
854
原创 flutter设置最大高度，超过最大高度时滑动显示
用于对子组件添加额外的约束。例如，如果你想让子组件的最小高度是80像素，你可以使用const BoxConstraints(minHeight: 80.0)作为子组件的约束。它包含 4 个属性，BoxConstraints还定义了一些便捷的构造函数，用于快速生成特定限制规则的BoxConstraints，如。父级组件是通过 BoxConstraints 来描述对子组件可用的空间范围。
2025-05-20 14:59:39
476
原创 [!] Gradle threw an error while downloading artifacts from the network. Retrying to download... Runn
把zip包直接放到c盘某个位置 并更改android/gradle/wrapper/gradle-wrapper.properties里的。distributionUrl 改成本地的地址 比如本人的地址。就可以把这个地址填进去。
2025-04-15 10:11:06
493
原创 JS中Map对象与数组的相互转换
使用把Map([["a":123],["b":456]])转换成[{label:'a',value:123},{label:'b',value:456}]。
2025-04-10 18:07:04
1134
原创 el-date-picker，日期时间范围选择器默认只能选择7天
calendarChange事件，用户选择完第二个时间值后把之前用来判断的disableDate置空。disableDate：根据选择的第一个时间点来判断用户选择的前后7天的时间结束点。disabledDateOption：判断禁用的时间范围。dayTime：用户选择的时间范围数组。elementplus组件。
2025-02-12 11:49:21
555
原创 使用git commit时‘“node“‘ 不是内部或外部命令，也不是可运行的程序
使用git commit -m "xxx"时会报错，我看网上的方法是在命令行后面添加--no-verify：git commit -m "主题更新" --no-verify，但是不可能每次都添加。最后解决办法是：使用git config --list --local查看git本地的git配置项。使用git config --unset core.hookspath把这个配置项删除。发现有个core.hookspath=.husky。最后就可以愉快的使用git commit啦。
2025-02-07 18:04:06
482
原创 git强制回退
如果你需要从历史记录中完全删除某次提交，可以使用 git reset。注意，这种方法会重写历史，可能会给其他协作者带来问题。git reset --soft：保留工作目录和暂存区的更改，只重置提交指针。git reset --mixed：保留工作目录的更改，清除暂存区。选项用于强制推送到远程仓库，这会覆盖远程仓库中的历史。git reset --hard：丢弃所有更改。选项会使工作目录中的文件状态与仓库同步。将 HEAD 移回到前一次提交，
2024-10-24 14:39:35
544
原创 nginx配置history模式
的含义是：首先尝试按照请求的URI去寻找对应的文件，如果找不到，再尝试将请求作为目录处理，如果还是找不到，最后就返回。这对于单页应用来说非常有用，因为无论用户请求的是什么URL，服务器都会返回同一个HTML文件（即。：这是Nginx内置的一个变量，代表当前请求的URI，不包括参数部分。例如，如果请求的URL是。：尝试将请求作为目录处理，如果这个目录存在，Nginx会试图返回该目录下的默认文件（通常是。服务器配置中的一条指令，用于设置处理请求的策略。都无法找到对应的文件或目录，那么就返回。
2024-09-24 11:37:51
1379
原创 document.visibilityState 监听浏览器最小化
页面隐藏包括 页面在后台标签页中 或者 浏览器最小化 （注意，页面被其他软件遮盖并不算隐藏，比如打开的 sublime 遮住了浏览器）。这样，我们可以监听 Visibilitychange 事件，当该事件触发时，获取 document.hidden 的值，根据该值进行页面一些事件的处理。prerender：页面在屏幕外执行预渲染处理 document.hidden 的值为 true。当文档从可见变为不可见或者从不可见变为可见时，会触发该事件。hidden：页面在后台标签页中或者浏览器最小化。
2024-09-19 14:58:38
472
原创 Multiple readback operations using getImageData are faster with the willReadFrequently attribute set
HTML Canvas2D中的willReadFrequently属性是一个布尔值，用于控制是否将图像数据缓存在GPU内存中，当设置为true时，浏览器会尽量将图像数据缓存在GPU内存中，从而提高多个getImageData读取操作的速度。HTML Canvas2D：设置willReadFrequently属性为true可加快多个getImageData读取操作的速度。
2024-09-14 14:07:29
6618
原创 项目警告Added non-passive event listener to a scroll-blocking ‘touchstart‘ event.
这个警告信息是由浏览器提供的，主要是为了提醒开发者关注性能问题。在移动设备上，'touchstart'事件可能会导致滚动操作的响应问题。当你在'touchstart'事件上添加了一个非被动的监听器（即监听器中有一些操作会影响默认行为，例如阻止滚动），浏览器可能会认为这是一个滚动阻止的行为，因此会发出这样的警告。如果你的事件处理器需要执行一些操作，但不影响滚动，可以考虑将事件监听器标记为被动的，使用。
2024-09-14 13:53:06
979
原创 使用Ts封装一个函数，传递一个16进制颜色值和一个透明度，转换成rgba的形式
【代码】使用Ts封装一个函数，传递一个16进制颜色值和一个透明度，转换成rgba的形式。
2024-09-10 14:58:45
245
原创 Vue3使用相同的ref名称总会获取到的是最后的元素
我的初始代码：<VoicePlayback ref="voiceRef"/><VoicePlayback ref="voiceRef"/>当前有两个相同的voiceRef时，我们通过console.log(voiceRef.value.$el)我们会发现当前打印的dom元素指向的是最后一个。那么我们应该如何解决这个问题呢？最后代码如下：<VoicePlayback v-for="(item, index) in voiceList" :key="ind
2024-09-10 11:40:20
942
原创 Ts+正则表达式格式化时间
用于填充当前 str 的字符串。用于填充当前 str 的字符串。用另一个字符串填充当前字符串（如果需要会重复填充），直到达到给定的长度。填充是从当前字符串的开头开始的。最后返回一个新的字符串。用另一个字符串填充当前字符串（如果需要会重复填充），直到达到给定的长度。填充是从当前字符串的末尾开始的。当前 str 填充后的长度。如果该值小于或等于 str.length，则会直接返回当前 str。当前 str 填充后的长度。如果该值小于或等于 str.length，则会直接返回当前 str。
2024-09-09 14:00:05
986
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人