- 博客(95)
- 收藏
- 关注
RSS订阅原创 uniapp轮播图自适应宽高比例实现
外层容器：使用position: relative和padding-top设置比例。例如，16:9的比例对应padding-top: 56.25%（计算方式：9 ÷ 16 × 100%）。图片模式：image的mode设为aspectFill，保持比例并覆盖容器，避免变形（可根据需求调整为aspectFit等模式）。轮播图定位：swiper组件通过position: absolute填满外层容器，确保宽高自适应。
2025-03-25 09:47:23
392
原创 react 中 使用dangerouslySetInnerHTML 解析富文本 图片或者视频过大过宽显示问题
在将HTML字符串传递给dangerouslySetInnerHTML之前，先处理字符串，修改图片或者视频的width和height属性。
2024-10-14 14:13:29
312
原创 react 使用Ant Design中DatePicker设置mode=“year“无法获取value
onOpenChange 方法，是 弹出日历和关闭日历的回调， 可以通过 onOpenChange 方法判断当前的操作是要面板关闭还是打开，来控制面板的显隐。onPanelChange方法，是 日历面板切换的回调，可以通过这个方法获取value值。onChange方法，可以通过onChange方法控制点击清除图标时清除数据。
2024-09-05 20:52:03
713
原创 JavaScript中，要确保数组中的每一条数据都被“点击”并且记录下没有点击的数据，你可以创建一个标记数组来跟踪哪些数据被点击了。
一、如果拿到的是一个数字，首先需要将数字转成数组。二、记录是否被点击的方法。
2024-07-24 11:14:31
277
原创 uniapp 使用 scroll-view时 切换tab页面不返回顶部
【代码】uniapp 使用 scroll-view时 切换tab页面不返回顶部。
2024-06-17 14:19:56
376
2
转载 uniapp中 APP.vue中的onLaunch执行后 页面中的onload。
onload是页面生命周期，理论上应该先执行onLaunch 后执行页面生命周期onLoad，实际上在执行onlaunch的同时，也会执行onLoad生命周期，可能会导致一些数据加载问题。onLaunch 是应用生命周期，初始化完成时触发（全局只触发一次），
2024-04-28 18:19:32
1876
原创 uniapp 使用 uni-file-picker 上传图片至服务器。
【代码】uniapp 使用 uni-file-picker 上传图片至服务器。
2024-04-27 22:13:17
1313
1
原创 使用JavaScript来打乱数组、排序、分组，并为每个对象添加一个数字排序。
这个函数遍历原始对象的所有属性，对于每个属性（例如 “vegetable” 或 “fruit”），它创建一个新对象，该对象包含 type 属性，并将原始属性数组中的每个元素映射到一个新对象，这个新对象是原始对象的浅拷贝，并包含 type 属性。最后，addSortNumber函数为每个分组中的对象添加一个从1开始的数字排序。请注意，根据你的具体需求，你可能需要调整排序的逻辑或者添加其他的功能。上述代码中的排序是按照对象的名称进行字典序排序的，你可以根据实际情况选择合适的排序方式。
2024-04-02 12:50:13
454
原创 JavaScript 两个数组对象通过相同的id， 合并成一个数组对象。
JavaScript 两个数组对象通过相同的id， 合并成一个数组对象。
2023-12-21 14:27:54
1349
原创 uniapp 检测页面长时间未操作、以及切屏次数达到一定次数后，执行一些方法。
【代码】uniapp 检测页面长时间未操作、以及切屏次数达到一定次数后，执行一些方法。
2023-12-14 09:26:27
1473
原创 Vue2或者uniapp 中 使用 iframe 嵌入本地 HTML 页面 并 相互通信。
Vue2或者uniapp 中 使用 iframe 嵌入本地 HTML 页面 并 相互通信。
2023-11-28 16:34:49
6169
原创 Ant-Design-Pro-V5 ：QueryFilter高级筛选组件、Table以及Pagination组件结合实现查询。
Ant-Design-Pro-V5 ：QueryFilter高级筛选组件、Table以及Pagination组件结合实现查询。
2023-10-25 10:41:01
1620
原创 Ant-Design-Pro-V5 ：ProTable自定义搜索菜单操作栏和搜索事件、列表工具栏操作。
Ant-Design-Pro-V5 ：ProTable自定义搜索菜单操作栏和搜索事件、列表工具栏操作。
2023-09-26 15:40:21
6882
原创 Ant-Design-Pro-V5： ProTable前端导出excel表格。
Ant-Design-Pro-V5： ProTable前端导出excel表格。
2023-09-01 10:12:51
1660
原创 npm install报错 -＞ npm ERR! Unexpected token ‘.‘ 报错解决办法。
npm install报错 -＞ npm ERR! Unexpected token ‘.‘ 报错解决办法，以及安装nvm 方法。
2023-08-04 16:31:38
3796
2
原创 搭建 Vite + Vue3 + Pinia + Element Plus 项目。
搭建 Vite项目，Pinia 以及 Element Plus 的安装使用。
2023-08-03 14:53:35
1248
原创 VSCode_常用插件_最新推荐
本文介绍前端开发领域常用的一些VSCode插件，插件是VSCode最重要的组成部分之一，本文列出了个人觉得是有用或有趣的一些插件。
2023-07-20 16:55:35
7747
1
原创 TypeScript 学习笔记(七)：条件类型
TS中的条件类型就是在类型中添加条件分支，以支持更加灵活的泛型，满足更多的使用场景。内置条件类型是TS内部封装好的一些类型处理，使用起来更加便利。
2023-07-18 15:43:38
2605
1
原创 moment.js 常用方法总结。
第二个参数可以是：years，quarters，months，weeks，days，hours，minutes，seconds，milliseconds，常用的有： years，months，days。第二个参数可以是：years，quarters，months，weeks，days，hours，minutes，seconds，milliseconds，常用的有： years，months，days。常用的moment().subtract(Number, String);
2023-07-17 13:02:06
3280
原创 TypeScript 学习笔记(四)：类型守卫
简单说当一个类型是多种可能时例如’any’,‘unknown’，‘联合类型’ 等在逻辑判断时候要具体到其唯一子集可能性。2.类型守卫包括switch、字面量恒等、typeof、instanceof、in 和自定义类型守卫。通过断言，断言其子类型做到缩小范围不报错，虽然这种形式也可以但是需要大量断言来区分类型。1.类型守卫的作用在于触发类型缩小。实际上，它还可以用来区分类型集合中的不同成员。2.2.实例判断：instanceof。2.4.字面量相等判断：==, =2.1.类型判断：typeof。
2023-07-12 14:05:40
863
2
原创 TypeScript 学习笔记(三)：函数
函数是由一连串的子程序（语句的集合）所组成的，可以被外部程序调用，向函数传递参数之后，函数可以返回一定的值。通常情况下，TypeScript 代码是自上而下执行的，不过函数体内部的代码则不是这样。如果只是对函数进行了声明，其中的代码并不会执行，只有在调用函数时才会执行函数体内部的代码。} // 或者 const add =(arg1 : number , arg2 : number) : number => {上面例子中参数 arg1 和 arg2 都是数值类型，最后通过相加得到的结果也是数值类型。
2023-07-12 13:38:34
761
原创 TypeScript 学习笔记(二)：接口与类型别名、字面量类型
在面向对象的编程中，接口是一种规范的定义，它定义了行为和动作的规范，在程序设计里面，接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范，接口不关心这些类的内部状态数据，也不关心这些类里方法的实现细节，它只规定这批类里必须提供某些方法，提供这些方法的类就可以满足实际需要。typescrip中的接口类似于java，同时还增加了更灵活的接口类型，包括属性、函数、可索引和类等。${${
2023-07-11 15:14:04
1542
1
原创 TypeScript 学习笔记(一)：基本类型、交叉类型、联合类型、类型断言
TypeScript 学习笔记(一)：基本类型、交叉类型、联合类型、类型断言
2023-07-11 10:21:18
1041
原创 JavaScript中用reduce方法，获取数组中对象的特定字段的总和。
JavaScript中用reduce方法，获取数组中对象的特定字段的总和。
2023-07-05 00:38:17
1032
原创 React之hooks
有时候我们需要创建自己想要的Hooks，来满足更便捷的开发，就是根据业务场景对其它Hooks进行组装，从而得到满足自己需求的钩子。
2023-07-04 15:07:21
935
原创 Ant-Design 组件底层样式修改。
因为构建工具会在编译的时候自动把我们的类名加上一个哈希字符串，例如上面我们写的类名为testBox，当多人开发的时候，有可能和别人的类名冲突，但是后面加上哈希字符串之后，它就保证了每一个选择器名称的独一无二，从而实现了局部作用域。因而如果我们想要覆盖antd的默认组件样式，用自己写的选择器名称是覆盖不了的，因为加了哈希字符串之后与组件默认样式的选择器名称不匹配；而使用global声明的class，不会在编译的时候被加上哈希字符串，从而可以实现覆盖默认样式的效果。修改默认的antd组件，需要使用。
2023-06-27 12:54:57
1415
空空如也
uniapp h5项目，怎么在页面强行关闭的时候调取后台接口阿
2022-12-05
vue项目 怎么监听ios左滑退出阿 有遇到的吗
2022-12-05
uniapp 关闭页面事件 怎么能监听到阿
2022-12-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人