- 博客(42)
- 收藏
- 关注
RSS订阅原创 antd DatePicker 禁止勾选固定或者动态日期之后
属性中直接判断日期是否在固定范围内。例如禁用 2025 年 07 月 03 日之后日期。通过状态管理动态范围，禁用 由开始日期决定的 日期之后的可选。例如：2025-07-03之后可选。
2025-09-22 11:45:09
125
原创 HarmonyOS相对布局 (RelativeContainer) 基本概念
是一种基于相对位置的布局容器，允许组件通过锚点关系（如对齐、居中等）动态调整位置，适合复杂界面设计。在垂直方向上，可以设置组件边界与锚点对齐，具体包括顶部（top）、居中（center）和底部（bottom）。为了准确定义锚点，RelativeContainer的子元素必须拥有唯一的组件标识（id），用于指定锚点信息。在水平方向上，可以按照起始（left）、居中（middle）或尾端（right）的组件边界与锚点对齐。对齐方式：通过对齐方式，设置当前元素是基于锚点的上中下对齐，还是基于锚点的左中右对齐。
2025-08-20 17:29:40
827
原创 HarmonyOS多设备资源文件管理以及resources资源引用方式
在resources目录右键菜单选择“New > Resource File”，File name填写为string_sample，Resource type选择Element，Root Element选择string，Available qualifiers选中Locale，在右侧的语言列表中选择zh，地区列表中选择CN，将会在resources目录下创建zh_CN/element/string_sample.json文件。以创建中文和英文字符串资源文件为例，说明如何创建不同限定词的资源。
2025-08-08 15:21:28
869
原创 HarmonyOS应用开发环境搭建以及快速入门介绍
选择Compatible SDK为5.0.5(17)，在编译构建时，DevEco Studio会根据指定的Compatible SDK版本进行编译打包。界面由RelativeContainer相对布局容器作为根容器，RelativeContainer支持容器内部的子元素设置相对位置关系，适用于界面复杂场景的情况，对多个子组件进行对齐和排列。在Project导航栏中选中 entry -> src -> main -> ets -> pages -> Index.ets，即可看到初始创建项目的模板代码。
2025-08-06 17:29:18
611
原创 纯前端使用ExcelJS插件导出Excel
简要说明ExcelJS的功能和在前端开发中的常见用途，如动态生成报表、导出数据等。总结ExcelJS的优势，并推荐进一步学习资源或相关插件（如SheetJS、xlsx等）。
2025-08-04 17:26:17
421
原创 harmonyos实战关于静态图片存放以及image图片引入
使用资源格式可以跨包/跨模块引入图片，resources文件夹下的图片都可以通过$r资源接口读取到并转换到Resource格式。编写demo轮播图的时候，用到图片，想到静态资源具体存放在哪里？Resource资源。
2025-05-30 17:08:29
246
原创 前端HarmonyOS学习
简介：ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS基于（简称TS）语言扩展而来，是TS的超集。同时，为便于熟悉Web前端的开发者快速上手，HarmonyOS在UI开发框架中，还提供了“它通过模板、样式、逻辑三段式来构建相应的应用UI界面，并结合相应的运行时实现了优化的运行体验。
2025-05-27 17:08:51
978
原创 new FormData文件上传内容重复
文章摘要：在处理文件上传时，发现使用formData.append(name, value)方法会导致参数重复，后台仅能获取到最后一条数据。为此，采用formData.set(name, value)方法替代append，以覆盖同名参数。此外，在提交成功后，通过遍历formData并删除所有键值对，确保数据在后续操作中不被重复使用。这一解决方案有效避免了参数重复问题，提升了数据处理的准确性。
2025-05-14 15:42:12
261
原创 父子组件传参reactive赋值，子组件template首次不渲染问题
打印 props.detailIfonData 是proxy(Object) ，sysAttchList数组值也存在；但是在template首次点击显示弹框sysAttchList不渲染！2.问题解决：重新在子组件定义一个参数，reactive定义时候这个.value是创建的value。父组件通过接口请求进行赋值给detailIfonData。欢迎大佬帮忙分析指正，有没有别的使用方法。这样首次点击弹框数据就可以渲染了。
2025-05-06 17:06:19
233
原创 uniapp微信小程序分享
1.功能需求：点击顶部右上角三个点，实现分享！第二种：小程序右上角原生菜单自带的分享按钮；（和 onLoad 等生命周期函数同级）第一种：开发者在页面中放置的分享按钮；小程序中用户点击分享后，是调用。根据from类型来决定。
2025-01-14 17:03:21
501
原创 uniapp使用uni-icons有些图标不显示
新的图标组件，替换掉旧的uni-modules/uni-icons就行了。问题：在点击uni-icons改变箭头type时， 发现down 不显示。网上查找到文章，亲测有效。
2025-01-09 15:31:25
1097
1
原创 uniapp背景图backgroundImage动态引入，不显示以及引入方式分析
问题分析：引入成功但是页面不显示，浏览官网发现需要是。需求：根据当前类型状态显示不同的背景图或者图片。问题解决：采用 require 引入。
2025-01-09 10:41:42
894
2
原创 uniapp 监听input值改变 防抖
功能需求：点击input框进行输入然后调接口。防抖：触发高频事件后n秒内函数只会执行一次。节流：高频事件触发，但在n秒内只会执行一次，问题分析：每次输入都会调用，影响页面性能。
2025-01-07 17:14:07
353
原创 uniapp 小程序样式兼容问题媒体适配@media
只能适配当前机型，模拟器上切换机型发现样式不齐！media-feature：表示媒体特性，比如设备的宽度、高度、分辨率等。,（逗号）：相当于"或"操作，任意一个条件满足时应用样式。and：用于组合多个条件，所有条件都满足时才会应用样式。@media查询的css写在前面会被后面的css所覆盖。not：取反，应用在不符合某个条件的设备上。min-width：设备屏幕的最小宽度。max-width：设备屏幕的最大宽度。all：适用于所有设备（默认）print：适用于打印设备。解决：采用@media媒体适配。
2025-01-07 16:21:27
640
原创 uniapp tabBar页面二次切换和返回tabBar页面接口不重新调用问题
新增添加成功后，跳转到首页list，发现接口不请求！问题分析：首页list接口首次进入页面接口调用成功，接口调用我当时写在。生命周期，接口就会重新调用。
2025-01-06 09:17:33
600
原创 antd form表单v-decorator弹框回显setFieldsValue报错：Warning: you caot set a form field before rendering a ...
v-decorator="[id, options]" 与 pick，对应的字段名不能多写，对应几个就写几个，一定不能多写，多写会报错。
2024-12-02 17:10:17
375
原创 jsmind贝塞尔曲线改成直角直线
jsmind0.8.5找到es6/jsmind.js找到class f straight直线和curved曲线，我是修改的curved: this._brokenline_to。问题描述：业务需求和设计给的图是。
2024-09-12 14:23:18
580
4
原创 vue监听页面高度，缩放后antd表格超出问题
el 被新创建的 vm.el替换，并挂载到实例上去之后调用该钩子。此时 el 替换，并挂载到实例上去之后调用该钩子。此时el替换，并挂载到实例上去之后调用该钩子。此时el为真实的DOM元素。数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前。你可以在这个钩子中进一步地更改状态，这不会触发附加的重渲染过程。写在mounted里面存在问题，查看生命周期经测试，最后改写在beforeUpdate里面ok的。问题描述：首次进入页面显示正常，缩放也正常；刷新当前页面，再次进行缩放，表格超出。
2024-09-11 15:53:26
370
原创 vue2安装jsmind，引入报错
目录里，我们将不再升级它，并会在未来的某个时间里删除此版本，建议所有人使用最新版本以获得最新的功能及bug修复。修改jsmind连线line_style: 'straight'不生效！在本地项目这样引入是正常的，页面使用也是正常的okok。就很奇怪，然后去看jsmind官网找，结果没有找到同类。此文章希望可以给将要使用jsmind的兄弟们一点帮助。但是但是，公司是华为云桌面，这样引入就警告。查看官网发现这种引入项目不适用...解决方案：在main.js 引入。这种引入项目正常使用，但是我。
2024-09-06 16:49:41
745
原创 首次进入页面dataZoom超出宽度
错误效果图：问题分析：报错原因是，在watch监听数据的时候调用了this.mychart.clear(),但是删除this.mychart.clear()后，页面dataZoom就会超出固定宽；网上找了一圈：ECharts 的 setOption 方法是用来更新图表的配置项，并重新渲染图表。当你传入一个空对象时，ECharts 认为你没有提供任何新的配置信息，因此不会对图表进行任何更改操作，最后经过调试Echarts.dispose();可以代替Echarts.clear(),从而不会引起报错。
2024-03-18 17:26:12
415
原创 antd中a-date-picker日期选择禁用节假日和周末
this.threeDate数组里面数据是后端返回给前端的节假日日期，节假日日期需要后端返回给前端进行处理。由于是内网开发，不能采用网上已有的接口。效果图：国庆节假日无法选择，周六周日也一样。
2023-10-16 14:06:52
796
1
转载 微信小程序开发uniapp+uview：实现毛玻璃效果
通过直接在CSS中使用filter来设置实现高斯模糊效果，其实filter是一种“假模糊”，因为需要一层做背景并且使用filter属性来达到模糊效果，另外一层（需要在背景层上面 ）设置一个半透明的背景色，二者结合使用，才能达到模糊效果。设置backdrop-filter : blur()属性，并且结合background : rgba()来实现按钮的高斯模糊效果。属性其实可以让开发者为一个元素后面区域添加图形效果，因为它适用于元素背后的所有元素，为了能够看到效果，必须使元素或者背景设置为部分透明。
2023-07-07 17:54:11
2860
1
原创 uniapp微信小程序安装uview库引入组件一直not undefined
问题：按照uview官网一步步安装下载、配置，最后在页面引入简单u-button组件，却显示按理说一步步照着操作不会存在这种问题，检查uview-ui文件确实是在node-modules下面 没毛病啊！！在网上翻阅很多文章，发现是uview官网配置最后一步的问题。
2023-07-07 09:05:01
2638
1
原创 vue组件弹框点击其他区域弹框关闭
点击bigbox盒子之外的区域关闭该弹框。记得beforeDestroy()删除click事件 removeEventListener。方法返回一个布尔值，表示一个节点是否是给定节点的后代，即该节点本身、其直接子节点（contains(otherNode） otherNoder 是要测的节点。备注：otherNoder不是可选的，但是可以设置为null。接口的 contains()）、子节点的直接子节点等。
2023-03-17 16:51:15
847
原创 [antdv: DatePicken] ‘value‘ provides invalidste moment time.If you want to set empty value,use`null`
[antdv: DatePicken] 'value' provides invalidste moment time.If you want to set empty value,use`null`
2022-07-19 10:55:17
167
原创 antd 表格table自带分页和重置问题
api文档上分页配置是 pagination，在data里面 重置页脚主要是用到current，current是当前页码，不能用pageNo，开始我认为用pagNo也是一样的，结果发现，重置然后再查询页脚应该回到第一页，但是没有，pagNo虽然重置，数据到了第一页但是页脚没有回到第一页。 后端给的页码是pageNo，你跟着对应就行；改变每页显示数量， 大致功能...
2022-07-14 09:53:53
2970
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人