- 博客(50)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【vue/uniapp】使用 smooth-signature 实现 h5 的横屏电子签名
通过github链接进行下载，然后代码参考如下，功能包含了清空、判断签名内容是否为空、生成png/jpg图片等
2024-04-07 17:16:54
402
原创 【uniapp/uview】解决 u-collapse 展开折叠的小箭头在有些型号的手机上不显示
折叠面板组件时，需要更改它自带的小箭头的样式，更改之后在有些型号的手机上不显示；观察样式后发现使用的是 unicode 字符，但是改了之后仍然不生效；使用 uview1 版本的。
2024-03-12 15:28:44
380
原创 【javaScript/ES6】获取对象数组中其中一个属性值的集合（forEach、Array.from）
有一个对象数组，但只需要其中的某一个属性值。，它是 ES6 的新增语法；Array.from 接收了第2个参数，会把它循环处理，将最终的结果返回；
2024-03-05 16:47:05
360
原创 【vue/组件封装】封装一个带条件筛选的搜索框组件（多组条件思路、可多选）详细流程
封装一个带条件筛选的搜索框组件，有样式参考，动态数据，从父组件传入；先写单选，动态绑定 class 样式来实现选中之后的样式，选中后考虑还需要取消，因为条件筛选是多选的，所以是将下标保存进数组中：
2024-03-05 15:49:54
790
原创 【vue/过滤器】解析富文本返回的 html 中，单独给指定标签加样式
要过滤的东西是使用的时候确定而不是在过滤器里确定，适合多次使用，这样也就弄懂了全局过滤器和局部过滤器的区别，以前是只知其然而不知其所以然。却用不了，一直报错过滤器未定义，本来我以为是数据还没有获取到，查了一下， 原因出在。但是使用中有一个疑问，全局。局部过滤器的写法，它和。解析富文本传过来的内容。以上的版本，不可以给。可见全局过滤器比较灵活；
2024-02-05 11:08:18
838
原创 【uniapp/vue/pdf.js】在 uniapp 中使用 pdf.js（可以实现在电脑和手机上预览 pdf 文件）
可以在 uniapp 中使用，可以实现在电脑和手机上预览 pdf 文件，这里的 pdfLink 是在线链接的地址，根据实际情况进行替换。
2024-01-26 15:18:34
948
3
原创 【vue/uniapp】使用 uni.chooseImage 和 uni.uploadFile 实现图片上传（包含样式，可以解决手机上无法上传的问题）
发现如果是在微信小程序的项目中嵌入 h5 的模块，这个 h5 的项目使用 u-upload 的话，图片上传功能在电脑上正常，但是在手机的小程序上测试就不会生效，点击上传加号按钮毫无反应。，删除的实现方法是在本地进行的，是对数组进行 splice 之后，再将最新的图片数组保存进大数组一次，最后再进行上传，注释写的很详细，方便以后回顾查看。进行图片选择功能，配置相应参数和值，选择成功，走到 then 的成功回调里，回显照片，此时调接口。现在最终的解决方法是，使用 uniapp 的。
2024-01-03 17:19:54
2108
1
原创 【vue/uniapp】pdf.js 在一些型号的手机上不显示
uniapp 项目通过 pdf.js 来在线浏览 pdf 链接，在微信小程序中都显示正常，但是通过 app 跳转小程序，在苹果、小米显示正常，但是华为和 oppo 就不显示，可以通过降 pdf.js 的版本来解决这个问题。，特别需要注意的是，解决跨域问题报错，两个版本注释的地方不太一样，需要在。历史版本我觉得不太好找，所以附一下相关链接，也方便自己以后用的时候回来找。我是将官网下载的最新版本 4.x 降到了。
2024-01-03 14:48:19
988
原创 【css/vue】使用css变量，在同一个页面根据不同情况改变字号等样式
将 css 的属性使用 v-bind 与 Vue 组件的属性绑定，当组件的属性变化时，css 对应的属性值也就会随之变化；将 css 的属性使用 v-bind 与 Vue 组件的属性绑定。// 由于我是用 url 参数来判定是否改变字号的，所以对路由进行了监听。当组件的属性变化时，css 对应的属性值也就会随之变化。// 比如只需要“我的”字号是 15px，其他的页面是 18px。
2023-11-22 16:22:12
584
原创 【uniapp/uview1.x】u-upload 在 v-for 中的使用时， before-upload 如何传参
是这样一种情况，在接口获取数据之后，是一个数组列表，循环展示后，需要在每条数据中都要有图片上传，互不干扰。是不加括号的，但是此时需要传参，也就是 for 循环中的每一个。信息，这样才能确定是给那一项上传图片的。这样就可以进行传参了，默认的两个参数是。是 for 循环中的每一项，uview 官网中有说明，
2023-11-16 11:00:21
733
原创 【uniapp】uview1.x 的 u-upload 上传点击删除隐藏 modal 提示框
但是有时又不需要，想要直接提示删除成功即可，由于官网没有给出点击删除按钮时所调用的钩子函数，又无法操作 DOM，只有删除成功时的回调；就不会再弹弹窗了，只会进行删除成功的消息提示框。
2023-11-04 23:04:47
864
原创 【uniapp】uview 自定义 tabBar 底部导航栏
切换调用的钩子函数，参数对应下标；在 uview1.x 中，不用在。跳转到对应页面，也需要配置。：对应当前激活的图标；：未激活的文字颜色；：已激活的文字颜色；
2023-11-02 16:50:56
1258
原创 【uniapp】顶部和底部导航栏无法正常显示
是否配置正确，如果配置多个菜单项，只要有1个路径配置正确就能正常显示，只是不能跳转。之后仍然不显示，需要检查。
2023-10-31 09:43:52
2278
原创 【uniapp】uview1.x使用upload上传图片
再来一些配置项的命名有所不同，一般1.x的命名用。1.x 的上传会自带删除时的提示框，2.x 没有；初始化为一个空数组，是用来保存图片的列表。，指当前的图片的下标和已有图片的列表。来配置后端上传图片的接口地址；：用来设置最大可上传图片数量。：用来单张图片可上传的大小。，2.x的命名使用小驼峰；和2.x不同的是，要用。为后端上传图片的接口。为图片上传之前的回调。为图片删除之前的回调。
2023-10-29 01:17:34
1078
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
876
原创 【DataV/echarts】vue中使用，修改地图和鼠标点击部分的背景色
series：使用 DataV 引入地图，主要介绍修改地图相关的样式，选中你需要的地图区域，点复制，然后再在组件中
2023-09-08 15:50:41
1087
原创 【vue】使用无障碍工具条（详细）
使用的是太阳湾的无障碍工具条，代码地址：https://gitee.com/tywAmblyopia/ToolsUI。上图是在项目目录中的样子，记得不要改文件夹的名字，就叫。文件中引入 1.8 以上版本的。文件夹拖入 vue 项目中的。，和 canyou 文件夹中的。然后在 vue 项目中的。：下载代码后，将其中的。
2023-09-06 11:00:40
789
1
原创 【uniapp/uview】u-datetime-picker 选择器的过滤器用法
要求日期选择的下拉框在分钟显示时，只显示 0 和 30 分钟；还补充了开始年份从今年开始的写法，这样就可以按照要求来自定义了。
2023-09-05 17:19:37
1372
原创 【Q&A】[Vue/复选框全选] v-model绑定每一项的赋初值问题
绑定布尔值，来获取选中状态；而在实现全选功能时，需要给列表项的每一项都绑定布尔值，但不能绑定同一个，往往都是以。：不只是复选框的状态改变，还有的功能要用到复选框的选中状态，比如：购物车计算总价，合计等等。：如果还要利用选中状态来实现某个功能，就可能会出现这样的问题：复选框的初始值是。我利用选中状态来判断是否计算当前商品的总价，然而此时是。中加，因为循环绑定的是每一项而不是一个。：在data中的列表加上一项为。循环的列表的每一项。
2023-02-18 17:36:29
862
1
原创 【Q&A】[Vue/element-ui] 日期输入框的表单验证问题
element-ui的表单验证是使用rules来定义规则，其中日期类型的表单输入框如图所示，一般会使用。：因为当自定义了日期格式之后，就是字符串了，指定日期类型就会报错。，但是这样会报错，因为前面使用了。：在进行表单验证时，官方给的是。
2023-02-15 10:58:59
843
原创 二叉树：求出指定结点在给定二叉排序树的层次
题目：若二叉树采用链式存储结构，设求出指定结点在给定二叉排序树的层次。分析：首先二叉排序树是左小右大，设指定结点为p所指的结点，题目的意思是求出p所指的结点时第几层的，那么就将二叉排序树进行循环，如果比p所指的小，就去右边找，如果比ip所指的大，就去左边找。如图，题目的意思就是p所指的结点是第几层，这个图很明显p所指的指定结点是第三层。然后遵循二叉排序树的原则，左孩子小于父节点，右孩子大于父节点。假设p指向结点6，从根结点开始循环：默认层数为15<6，去右边找，来到7，层数加17>
2021-11-26 00:49:43
4301
5
原创 二叉树：将叶子结点从左向右链接成一个单链表（递归）
题目：利用结点的右孩子指针将一个二叉树的叶子结点从左向右链接成一个单链表。（head指向第一个，tail指向最后一个）分析：根据题意，可以分为第一个结点和剩余结点两种情况来处理，其中head一直指向第一个叶子结点，而tail递归过程中会指向所有剩余结点，最终停留在最后一个叶子结点上，要不然无法确定最后一个叶子结点的位置。如图所示，head一直指向H结点，而tail会分别指向H,E,F,G结点，最后停留在G上。算法思想：通过递归将所有叶子结点串成一个单链表。代码：void link(BTNod
2021-11-23 23:26:58
2739
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
7010
4
原创 二叉树：层次遍历算法（自下而上，从右到左）
和上一个算法：二叉树：层次遍历算法（自上而下，从左到右）类似，是在上一个的基础上完成的，上一个是自上而下，从左到右，是默认的层次遍历算法。而与之相反的，本题是自下而上，从右到左的层次遍历，需要借助队列和栈来完成。分析：如图，先将根结点A入队，此时栈为空。然后队头结点A出队，并访问A，然后把A入栈。此时发现A有左右孩子，然后把左右孩子BC入队。此时栈中只有A。然后队头结点B出队，并访问B，然后把B入栈。此时发现B有左右孩子，然后把左右孩子DE入队。此时栈中有AB。然后队头结点C出队，并访问.
2021-11-16 23:41:42
5155
原创 二叉树：层次遍历算法（自上而下，从左到右）
分析：层次遍历（LeverlOrder）就是一层一层遍历，层次遍历需要借助队列来完成，队列：先进先出（FIFO）。如图有一棵二叉树，按照层次遍历最终的结果就是ABCDEFG，首先将根结点A入队列。然后根结点出队，并访问A结点，发现A结点既有左孩子也有右孩子，那么就分别将左右孩子入队，此时队列中有BC。A的左右孩子都入队了，然后将队头结点B出队并访问，此时序列为AB，B有左右孩子，所以将B的左右孩子DE入队，队中此时有CDE。然后队头结点C出队并访问，C有左右孩子，所以将C的左右孩子FG入队。此时
2021-11-15 23:37:23
10495
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
22029
16
原创 二叉树：中序遍历非递归与递归算法
二叉树（BiTree）的遍历分为：先序遍历（preorder）：根左右中序遍历（inorder）：左根右后序遍历（postorder）：左右根其中，时间复杂度和空间复杂度都是O(n)，二叉树的遍历递归算法不常考，主要考察非递归❤先序、中序、后序遍历（递归）递归算法的区别在于visit()函数的位置❤，代码以先序遍历为例，其顺序为根左右，if判断语句中符合这一规律，中序、后序按其左根右和左右根的规律改变这三句代码的顺序即可。void preorder(BiTree T){ // 先序遍历递.
2021-11-14 00:06:56
4177
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
2976
10
原创 循环链表：两个循环单链表合并成一个循环单链表
题目：有两个循环单链表，链表头指针分别为h1和h2，编写一个函数将链表h2链接到链表 h1之后，要求链接后的链表仍保持循环链表的形式。分析：题目意思就是将两个循环单链表合并成1个算法思想：找到h1的表尾p，h2的表尾q。将p指向h2，q指向h1。这样就变成了一条循环单链表，即合并完成。代码：void merge(Linklist &h1, Linklist &h2){ LNode *p,*q; p=h1; q=h2; while(p->next!=h1){ //p-
2021-11-11 00:51:52
4690
3
原创 循环链表：判断带头结点的循环双链表是否对称
题目：设计一个算法用于判断带头结点的循环双链表是否对称。分析：循环双链表指的是，既有前驱也有后继的链表，如图所示。而要判断是否对称，可以判断头结点的前驱和后继所指的值是否相等，若相等则后移一位，全部相等就说明对称。算法思想：让p从左往右扫描，q从由往左扫描，直到，若结点数为偶数，则指向同一个结点，若为奇数，则指向相邻的结点。这样就说明是对称的，返回1，否则返回0。代码：int duichen(DLinklist L){ // DLinklist表示双链表 DNode *p=L->next
2021-11-11 00:37:07
2623
5
原创 链表：头插法与尾插法（简易图解和代码）
头插法定义：输入的数据次序生成的链表节点次序相反，例如：按1,2,3顺序进行头插之后，最终排序却变成了3,2,1。简而言之就是逆序插入。定义图解：代码图解：代码：（使用头插法建立单链表）Linklist head_insert(Linklist &L){ //准备工作 LNode *s; // s是指向待插入结点的指针 int x; // 传入结点中data的值 L=(Linklist*)malloc(sizeof(LNode)); // ❤创建L链表, //malloc
2021-11-04 13:19:54
36822
11
原创 链表：判断序列B是否是序列A的连续子序列（串的匹配-暴力法）
题目：两个整数序列，A=a1,a2,a3,…,am和B=b1,b2,b3,…,bn已经存入两个单链表中，设计一个算法，试判断序列B是否是序列A的连续子序列。分析：判断B是否包含于A，并且要是连续的，所以可以将A的第一个值与B的第一个值进行比较，相同则A后移，B不动，继续比较，不同就将B回溯至第一个结点，A继续后移。最终会分为三种情况：1.A走到末尾了但B没到末尾，则匹配失败；2.A到末尾了B也到末尾了，则匹配成功；3.A没到末尾，B到末尾了，则匹配成功。示意图：算法思想：依次遍历链表A、B，
2021-11-04 12:03:47
1069
1
原创 链表：两个递增链表合并成一个递减链表
题目：假设有两个按元素值依次递增次序排列的线性表，均以单链表的形式存储。请编写算法将这两个单链表归并为一个按元素值递减次序排列的单链表，并要求利用原来两个单链表的结点存放归并后的单链表。分析：意思就是两条递增链表合并成为一条递减链表，然后还不能重新创建新的链表，要在原有的两条链表上修改，要最终的链表逆序，所以使用头插法，将AB两条链表的元素进行比较，较小的进行头插，和Day2类似，Day2时顺序表，这个是链表，大同小异。算法思想：A、B分别设置指针p、q，依次比较p->data和q->dat
2021-11-01 14:44:26
4316
4
原创 链表：递增有序线性表中删除数值相同的元素
题目：在一个递增有序的线性表中，有数值相同的元素存在。若存储方式为单链表，设计算法去掉数值相同的元素，使表中不再有重复的元素，如(7,10,10,21,30,42,42,42,51,70)将其变为(7,10,21,30,42,51,70)。算法思想：已知单链表递增有序，所以值相同的结点一定是相邻的，可以判断是否相同，然后覆盖掉相同结点即可。代码：void Delete_same(Linklist &L){ LNode *pre=L->next; // 初始化指针 LNode *p=p
2021-10-31 12:12:45
1729
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人