- 博客(56)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【uniapp/uview1.x】u-collapse 高度随内容自适应
当 u-collapse-items 中的内容为动态的时候，会发生这种情况：
2024-08-27 09:43:18
454
原创 【uniapp/uview1.x】解决在 u-popup 弹出层中使用 u-calendar 日历组件弹出方向出 bug 的问题
如果这个方法不适用可能是 uview 版本不一样，可以参考：https://github.com/dcloudio/uni-ui/issues/915 试试看。所以日历的弹出层方向也跟随了 top，显然是不对的，所以需要修改 u-popup 的 css 样式；就是需要额外注意一下，固定在底部的重置和查询按钮，样式不要给。因为我为 popup 设置的方向为。
2024-08-16 15:10:38
349
原创 【vue/uniapp】ucharts 可以横向拖动查看数据（当图表数据过多时），避免叠加
需要在 opts 中配置：`enableScroll: true` 和 `ontouch:true`；在 opts 的 xAxis 中配置：`itemCount: 5`（值可以自定义，意思为默认展示几个）
2024-05-24 14:46:55
590
原创 【vue/ucharts】ucharts 自定义格式化 y 轴数据显示（横向柱状图常用）
使用 ucharts 的柱状图时，尤其是横向柱状图会更常见，会有自定义 y 轴数据的情况，就像使用过滤器时对数据进行格式化以达到自己想要的效果一样；尤其是需要在纵轴展示公司名称时，可以展示部分统一样式，在点击想要查看某一项的时候仍然显示全称。但是如果此时我的数据比较长，这样放上去就会非常不美观，此时就需要对数据进行格式化，在。
2024-05-20 11:59:50
839
原创 【vue/uniapp】ucharts 作为子组件在被引入的时候不显示图表
直接从官网复制来的代码是 onReady 函数，而 vue 组件会让 uniapp 的生命周期函数失效
2024-05-20 09:49:20
505
原创 【uniapp/ucharts】采用 uniapp 框架的 h5 应用使用 ucharts（没有 uni_modules）
然后按照图片中 README 所写的方式在项目中进行导入；下载的文件是如图所示的路径；就可以正常显示图表啦。
2024-04-26 10:50:51
480
原创 【vue/uniapp】使用 smooth-signature 实现 h5 的横屏电子签名
通过github链接进行下载，然后代码参考如下，功能包含了清空、判断签名内容是否为空、生成png/jpg图片等
2024-04-07 17:16:54
974
原创 【uniapp/uview】解决 u-collapse 展开折叠的小箭头在有些型号的手机上不显示
折叠面板组件时，需要更改它自带的小箭头的样式，更改之后在有些型号的手机上不显示；观察样式后发现使用的是 unicode 字符，但是改了之后仍然不生效；使用 uview1 版本的。
2024-03-12 15:28:44
772
原创 【javaScript/ES6】获取对象数组中其中一个属性值的集合（forEach、Array.from）
有一个对象数组，但只需要其中的某一个属性值。，它是 ES6 的新增语法；Array.from 接收了第2个参数，会把它循环处理，将最终的结果返回；
2024-03-05 16:47:05
721
原创 【vue/组件封装】封装一个带条件筛选的搜索框组件（多组条件思路、可多选）详细流程
封装一个带条件筛选的搜索框组件，有样式参考，动态数据，从父组件传入；先写单选，动态绑定 class 样式来实现选中之后的样式，选中后考虑还需要取消，因为条件筛选是多选的，所以是将下标保存进数组中：
2024-03-05 15:49:54
1836
原创 【vue/过滤器】解析富文本返回的 html 中，单独给指定标签加样式
要过滤的东西是使用的时候确定而不是在过滤器里确定，适合多次使用，这样也就弄懂了全局过滤器和局部过滤器的区别，以前是只知其然而不知其所以然。却用不了，一直报错过滤器未定义，本来我以为是数据还没有获取到，查了一下， 原因出在。但是使用中有一个疑问，全局。局部过滤器的写法，它和。解析富文本传过来的内容。以上的版本，不可以给。可见全局过滤器比较灵活；
2024-02-05 11:08:18
1268
原创 【uniapp/vue/pdf.js】在 uniapp 中使用 pdf.js（可以实现在电脑和手机上预览 pdf 文件）
可以在 uniapp 中使用，可以实现在电脑和手机上预览 pdf 文件，这里的 pdfLink 是在线链接的地址，根据实际情况进行替换。
2024-01-26 15:18:34
2329
3
原创 【vue/uniapp】使用 uni.chooseImage 和 uni.uploadFile 实现图片上传（包含样式，可以解决手机上无法上传的问题）
发现如果是在微信小程序的项目中嵌入 h5 的模块，这个 h5 的项目使用 u-upload 的话，图片上传功能在电脑上正常，但是在手机的小程序上测试就不会生效，点击上传加号按钮毫无反应。，删除的实现方法是在本地进行的，是对数组进行 splice 之后，再将最新的图片数组保存进大数组一次，最后再进行上传，注释写的很详细，方便以后回顾查看。进行图片选择功能，配置相应参数和值，选择成功，走到 then 的成功回调里，回显照片，此时调接口。现在最终的解决方法是，使用 uniapp 的。
2024-01-03 17:19:54
4256
1
原创 【vue/uniapp】pdf.js 在一些型号的手机上不显示
uniapp 项目通过 pdf.js 来在线浏览 pdf 链接，在微信小程序中都显示正常，但是通过 app 跳转小程序，在苹果、小米显示正常，但是华为和 oppo 就不显示，可以通过降 pdf.js 的版本来解决这个问题。，特别需要注意的是，解决跨域问题报错，两个版本注释的地方不太一样，需要在。历史版本我觉得不太好找，所以附一下相关链接，也方便自己以后用的时候回来找。我是将官网下载的最新版本 4.x 降到了。
2024-01-03 14:48:19
1704
原创 【css/vue】使用css变量，在同一个页面根据不同情况改变字号等样式
将 css 的属性使用 v-bind 与 Vue 组件的属性绑定，当组件的属性变化时，css 对应的属性值也就会随之变化；将 css 的属性使用 v-bind 与 Vue 组件的属性绑定。// 由于我是用 url 参数来判定是否改变字号的，所以对路由进行了监听。当组件的属性变化时，css 对应的属性值也就会随之变化。// 比如只需要“我的”字号是 15px，其他的页面是 18px。
2023-11-22 16:22:12
670
原创 【uniapp/uview1.x】u-upload 在 v-for 中的使用时， before-upload 如何传参
是这样一种情况，在接口获取数据之后，是一个数组列表，循环展示后，需要在每条数据中都要有图片上传，互不干扰。是不加括号的，但是此时需要传参，也就是 for 循环中的每一个。信息，这样才能确定是给那一项上传图片的。这样就可以进行传参了，默认的两个参数是。是 for 循环中的每一项，uview 官网中有说明，
2023-11-16 11:00:21
948
原创 【uniapp】uview1.x 的 u-upload 上传点击删除隐藏 modal 提示框
但是有时又不需要，想要直接提示删除成功即可，由于官网没有给出点击删除按钮时所调用的钩子函数，又无法操作 DOM，只有删除成功时的回调；就不会再弹弹窗了，只会进行删除成功的消息提示框。
2023-11-04 23:04:47
1103
原创 【uniapp】uview 自定义 tabBar 底部导航栏
切换调用的钩子函数，参数对应下标；在 uview1.x 中，不用在。跳转到对应页面，也需要配置。：对应当前激活的图标；：未激活的文字颜色；：已激活的文字颜色；
2023-11-02 16:50:56
1748
原创 【uniapp】顶部和底部导航栏无法正常显示
是否配置正确，如果配置多个菜单项，只要有1个路径配置正确就能正常显示，只是不能跳转。之后仍然不显示，需要检查。
2023-10-31 09:43:52
3757
原创 【uniapp】uview1.x使用upload上传图片
再来一些配置项的命名有所不同，一般1.x的命名用。1.x 的上传会自带删除时的提示框，2.x 没有；初始化为一个空数组，是用来保存图片的列表。，指当前的图片的下标和已有图片的列表。来配置后端上传图片的接口地址；：用来设置最大可上传图片数量。：用来单张图片可上传的大小。，2.x的命名使用小驼峰；和2.x不同的是，要用。为后端上传图片的接口。为图片上传之前的回调。为图片删除之前的回调。
2023-10-29 01:17:34
1523
4
原创 【vue】在vue.config.js文件中导入模块
由于 vue.config.js 是在构建项目时由 Webpack 读取的 Node.js 脚本文件，而 Node.js 的import 语法只在 ES 模块中有效，所以在 vue.config.js 中不能直接使用。可以使用 CommonJS 的。
2023-10-21 20:26:05
1149
原创 【DataV/echarts】vue中使用，修改地图和鼠标点击部分的背景色
series：使用 DataV 引入地图，主要介绍修改地图相关的样式，选中你需要的地图区域，点复制，然后再在组件中
2023-09-08 15:50:41
1355
原创 【vue】使用无障碍工具条（详细）
使用的是太阳湾的无障碍工具条，代码地址：https://gitee.com/tywAmblyopia/ToolsUI。上图是在项目目录中的样子，记得不要改文件夹的名字，就叫。文件中引入 1.8 以上版本的。文件夹拖入 vue 项目中的。，和 canyou 文件夹中的。然后在 vue 项目中的。：下载代码后，将其中的。
2023-09-06 11:00:40
1024
1
原创 【uniapp/uview】u-datetime-picker 选择器的过滤器用法
要求日期选择的下拉框在分钟显示时，只显示 0 和 30 分钟；还补充了开始年份从今年开始的写法，这样就可以按照要求来自定义了。
2023-09-05 17:19:37
1805
原创 【Q&A】[Vue/复选框全选] v-model绑定每一项的赋初值问题
绑定布尔值，来获取选中状态；而在实现全选功能时，需要给列表项的每一项都绑定布尔值，但不能绑定同一个，往往都是以。：不只是复选框的状态改变，还有的功能要用到复选框的选中状态，比如：购物车计算总价，合计等等。：如果还要利用选中状态来实现某个功能，就可能会出现这样的问题：复选框的初始值是。我利用选中状态来判断是否计算当前商品的总价，然而此时是。中加，因为循环绑定的是每一项而不是一个。：在data中的列表加上一项为。循环的列表的每一项。
2023-02-18 17:36:29
1016
1
原创 【Q&A】[Vue/element-ui] 日期输入框的表单验证问题
element-ui的表单验证是使用rules来定义规则，其中日期类型的表单输入框如图所示，一般会使用。：因为当自定义了日期格式之后，就是字符串了，指定日期类型就会报错。，但是这样会报错，因为前面使用了。：在进行表单验证时，官方给的是。
2023-02-15 10:58:59
902
原创 二叉树：求出指定结点在给定二叉排序树的层次
题目：若二叉树采用链式存储结构，设求出指定结点在给定二叉排序树的层次。分析：首先二叉排序树是左小右大，设指定结点为p所指的结点，题目的意思是求出p所指的结点时第几层的，那么就将二叉排序树进行循环，如果比p所指的小，就去右边找，如果比ip所指的大，就去左边找。如图，题目的意思就是p所指的结点是第几层，这个图很明显p所指的指定结点是第三层。然后遵循二叉排序树的原则，左孩子小于父节点，右孩子大于父节点。假设p指向结点6，从根结点开始循环：默认层数为15<6，去右边找，来到7，层数加17>
2021-11-26 00:49:43
4689
5
原创 二叉树：将叶子结点从左向右链接成一个单链表（递归）
题目：利用结点的右孩子指针将一个二叉树的叶子结点从左向右链接成一个单链表。（head指向第一个，tail指向最后一个）分析：根据题意，可以分为第一个结点和剩余结点两种情况来处理，其中head一直指向第一个叶子结点，而tail递归过程中会指向所有剩余结点，最终停留在最后一个叶子结点上，要不然无法确定最后一个叶子结点的位置。如图所示，head一直指向H结点，而tail会分别指向H,E,F,G结点，最后停留在G上。算法思想：通过递归将所有叶子结点串成一个单链表。代码：void link(BTNod
2021-11-23 23:26:58
2891
5
原创 二叉树：交换所有结点的左右子树（递归）
题目：设树B是一棵采用链式结构存储的二叉树，编写一个把树中所有结点的左右子树交换的函数。分析：如图，题目的意思就是这样。其中交换左右子树需要借助第三个变量，就像交换a，b。令c=a,a=b,b=c。算法思想：采用递归法，抽象化。递归地交换左右子树。代码：void swap(BiTree T){ // 只传了一个根结点T if(T!=NULL){ swap(T->lchild); // 递归地交换左子树 swap(T->rchild); // 递归地交换右子树 tem
2021-11-22 00:19:12
7679
4
原创 二叉树：层次遍历算法（自下而上，从右到左）
和上一个算法：二叉树：层次遍历算法（自上而下，从左到右）类似，是在上一个的基础上完成的，上一个是自上而下，从左到右，是默认的层次遍历算法。而与之相反的，本题是自下而上，从右到左的层次遍历，需要借助队列和栈来完成。分析：如图，先将根结点A入队，此时栈为空。然后队头结点A出队，并访问A，然后把A入栈。此时发现A有左右孩子，然后把左右孩子BC入队。此时栈中只有A。然后队头结点B出队，并访问B，然后把B入栈。此时发现B有左右孩子，然后把左右孩子DE入队。此时栈中有AB。然后队头结点C出队，并访问.
2021-11-16 23:41:42
5583
原创 二叉树：层次遍历算法（自上而下，从左到右）
分析：层次遍历（LeverlOrder）就是一层一层遍历，层次遍历需要借助队列来完成，队列：先进先出（FIFO）。如图有一棵二叉树，按照层次遍历最终的结果就是ABCDEFG，首先将根结点A入队列。然后根结点出队，并访问A结点，发现A结点既有左孩子也有右孩子，那么就分别将左右孩子入队，此时队列中有BC。A的左右孩子都入队了，然后将队头结点B出队并访问，此时序列为AB，B有左右孩子，所以将B的左右孩子DE入队，队中此时有CDE。然后队头结点C出队并访问，C有左右孩子，所以将C的左右孩子FG入队。此时
2021-11-15 23:37:23
10836
1
原创 二叉树：后序遍历非递归算法
分析：后序遍历是三种遍历中最难的一种，后序遍历的特点为左右根，并且也需要借助一个栈来完成，如图，虚线表示p,q最开始的位置，用r指向最近访问过的结点。首先从根节点开始，沿着根的左孩子，将左孩子依次进行入栈。当D入栈之后，由于D没有右孩子，所以将D出栈，此时r指向D。D出栈之后读栈顶元素B，p指向B，发现B有右孩子，然后将右孩子E入栈。然后判断栈顶元素E，E没有右孩子了，所以将E出栈，此时r指向E。然后判断栈顶元素B，B的两个孩子都已经操作过了，所以B出栈，p指向A，判断栈顶元素A，A有右孩子，右孩
2021-11-15 00:58:58
24720
17
原创 二叉树：中序遍历非递归与递归算法
二叉树（BiTree）的遍历分为：先序遍历（preorder）：根左右中序遍历（inorder）：左根右后序遍历（postorder）：左右根其中，时间复杂度和空间复杂度都是O(n)，二叉树的遍历递归算法不常考，主要考察非递归❤先序、中序、后序遍历（递归）递归算法的区别在于visit()函数的位置❤，代码以先序遍历为例，其顺序为根左右，if判断语句中符合这一规律，中序、后序按其左根右和左右根的规律改变这三句代码的顺序即可。void preorder(BiTree T){ // 先序遍历递.
2021-11-14 00:06:56
4561
2
原创 二叉树：按顺序存储结构存储，找到两结点最近的公共祖先结点的值
题目：已知一棵二叉树按顺序存储结构进行存储，设计一个算法，求编号为i和j的两个结点的最近的公共祖先结点的值。分析：用完全二叉树好分析，如图所示若i=4，j=5，由于它们的双亲编号为2，可得出双亲编号为i/2。那应该取多少次i/2才能找到？结论是：不断将较大的结点取一半，这样不断循环，总会交于同一结点，这个结点就是最近公共祖先结点。以图为例，i=4，j=5，j>i，所以j/2=2，j=2，到达②；此时i=4，j=2，i>j，i/2=2，到达②；此时i=j=2，所以②为最近公共祖先结点。
2021-11-12 12:43:09
3328
10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人