zhangyao940330-CSDN博客

原创 uniapp uni-calendar日历实现考勤统计功能

根据日历组件代码结构构成相应结构的状态统计数据 list 再遍历到每日的子组件中。根据每日的状态字段完成样式的判断，展示状态。

2024-11-08 10:10:00 292

原创 next-date-picker日历选择日期多选日期单选自定义日历组件

https://ext.dcloud.net.cn/plugin?id=12562日期选择组件有四种模式：简单的年月日弹窗选择(mode=“simple”)日历弹窗选择多个日期（多选）(mode=“multiple”)日历弹窗选择单个日期（单选）(mode=“single”)日历弹窗选择区间日期（区间）(mode=“range”)示例代码vue3<template> <view> <next-date-picker

2024-11-04 13:27:11 154

原创 vue-virtual-scroller-展示大量数据列表-虚拟列表展示优化

vue-virtual-scroller 是一个 Vue 组件库，用于高效地渲染大量数据项，通过虚拟滚动来提升性能。vue-virtual-scroller 提供了许多其他选项和事件来定制你的滚动行为。item-size：每个项的高度或宽度（垂直滚动时为高度，水平滚动时为宽度）。page-mode：设置为 true 时，将使用窗口滚动而不是组件内滚动。min-item-size：项的最小尺寸，用于估计尺寸。buffer：设置缓冲区的大小，以便在滚动时提前加载项。items：要渲染的项列表。

2024-10-21 16:06:19 223

原创 js对象数组(JSON) 根据某个共同字段分组

js对象数组(JSON) 根据某个共同字段分组。

2024-10-21 15:51:47 76

原创 vue钩子函数中使用async、await 注意点__Vue.js

3.我们常用的钩子函数 created、mounted 如果加了async,await,想要同步执行代码,代码必须放在同一个钩子函数里面。我们常用的钩子函数 created、mounted 如果加了async,await,想要同步执行代码,代码必须放在同一个钩子函数里面。2.钩子函数里使用async,await, 后面只能跟promise,否则加async,awiat没有意义。钩子函数里使用async,await, 后面只能跟promise,否则加async,awiat没有意义。

2024-09-13 13:42:26 366

原创 js获取textarea输入框中的行数？

【代码】js获取textarea输入框中的行数？

2024-09-03 13:57:20 303

原创 view design ui库 table 表头固定滑动滚动条

view design ui库 table 表头固定滑动滚动条后，刷新数据，固定表头恢复到最上端，非固定表头未恢复，初始时造成数据错位。在table 上加 :key=“Math.random()” 属性，让table 组件刷新。

2024-08-28 11:07:38 198

原创 HTML显示json字符串并且进行格式化

注意：如果需要转换的格式是字符串，就要进行：JSON.parse()转换，否则直接使用JSON.stringify()无效。通过pre标签进行格式化展示，使用JSON.stringify()方法转换。

2024-08-09 11:14:12 333

原创 JS导出复杂多级表头的Excel

根据表头描述 columns 生成全为空的表头二维数组，二维数组行数为 columns 中子项树的最深深度，列数为 columns 中所有子项树的叶子节点数之和。在二维数组剩余的部分（红框区域）中，左上角第一项填入title，并记录下横向合并的起终点偏移量，横向合并的数目为该项的children数组中所有节点的叶节点总数。在数组左上角第一项填入 title，合并单元格时需要向下合并所有单元格，记录下合并的起始和终点项的偏移量 {s:{r:0,c:0},e:{r:0,c:2}}标题的key为 title。

2024-07-25 14:55:04 695

原创 javascript 最全的数组方法总结

indexOf() 和 lastIndexOf()unshift() 和 shift()join() 和 split()every() 和 some()push() 和 pop()reverse() 方法。concat() 方法。

2024-07-06 10:16:22 189

原创 css 伪类

伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。伪类就是可以通过直接添加一个类样式达到同等效果，而伪元素，则需要先添加一个元素，然后在元素上添加样式才能达到同等效果。找出相同一级中的li元素，然后再找出它们指定下标的那个元素,给它设置样式，（例子：如上），注意：下标从1开始的。:first-child 向元素的第一个子元素添加样式。:hover 当鼠标悬浮在元素上方时，向元素添加样式。

2024-06-21 13:28:26 314

原创前端实现Excel导入和导出功能

SheetJS js-xlsx 是一款能够读写多种格式表格的插件，浏览器支持良好，并且能在多个语言平台上使用，目前在 github 上有 14k 个 star。最近项目中让实现一个导入导出Excel的功能，查找了一些插件后发现js-xlsx这个插件，所以就尝试使用了一下，这里将使用方法和遇到的问题简单记录一下。4.针对文件上传和读取结果分别做了对应的提示（这里使用 ant design 中的 message 组件）1.定义导出时需要使用的方法。1.定义导入时需要使用的方法。2.项目中使用导出方法。

2024-06-17 09:12:24 292

原创前端如何实现分页

分页的思路：把所有的数据请求回来后，通过arr.slice(开始索引，结束索引)来进行截取每一页的数据；假设当前页是currentPage = 1，pageSize = 5，那么应该从(currentPage-1)先定义分页中需要用的三个值：currentPage（当前页码）、total（总条数）、pageSize（每页展示的数据量）pageSize结束，自己验证下，找到这样的规律后，就可以截取每一页的数据了；pageSize开始截取，到currentPage。

2024-05-16 14:12:36 323

原创 css解决数字字母自动换行

解决办法：加入样式 word-break:break-all或word-wrap:break-word，如图(3)和图(4)目的：最近在项目中遇到样式问题，在样式一样的两个div中，汉字会自动换行，但数字和字母不会换行。下面就来说解决的办法。2.从上面例子中可以看到数字和字母没换行。

2024-05-13 17:19:08 884 1

原创 CSS3弹性盒布局方式

五、align-content：align-content 属性用于修改 flex-wrap 属性的行为，设置各行元素的在侧轴上的对齐。二、justify-content：设置弹性盒子元素在主轴（横轴）方向上的对齐方式。三、align-items：设置弹性盒子元素在侧轴（纵轴）方向上的对齐方式。align-items：设置弹性盒子元素在侧轴（纵轴）方向上的对齐方式。六、align-self：设置弹性元素自身在侧轴（纵轴）方向上的对齐方式。flex-wrap：用于指定弹性盒子的子元素换行方式。

2024-05-13 15:06:24 369 1

原创 moment.js 运用

9.获取去年今天的日期，格式以YYYY-MM-DD显示，即简便的获取去年今天日期的方法。2.任意时间戳格式化，以YYYY-MM-DD HH:mm:ss形式显示。例如:今天2018-7-23，获取到的时间是2018-7-18。7.获取上个月今天的日期，格式以YYYY-MM-DD显示。3.获取前一天日期，格式以YYYY-MM-DD形式显示。4.获取本周五日期，格式以YYYY-MM-DD形式显示。5.获取上周五日期，格式以YYYY-MM-DD形式显示。8.获取前一天日期，格式以YYYY-MM-DD显示。

2024-05-08 13:52:58 392 1

原创 echart详解

【代码】echart详解。

2024-04-22 13:43:50 422 1

原创 uniapp 复制到剪贴板

直接调用官方给的事件，弊端就是不支持H5。

2024-04-12 11:00:56 779

原创 uni-app u-collapse折叠版高度问题

1.给折叠版class,利用change事件监听折叠版展开。change事件监听所有class类，遍历并高度自适应。解决办法：监听每一次折叠版展开，并重新计算高度。问题：展开折叠版内容展示不全。

2024-04-10 10:44:18 856 1

原创 js 上下左右键移动编辑表格

【代码】js 上下左右键移动编辑表格。

2024-03-22 17:16:47 228 1

原创 axios简易封装

【代码】axios简易封装。

2024-02-26 13:59:19 108 1

原创【JS 导出】处理后端返回的流文件（二进制流数据）

【代码】【JS 导出】处理后端返回的流文件（二进制流数据）

2024-02-26 13:20:37 488 1

原创数组中对象分类

js对象数组(JSON) 根据某个共同字段分组。

2024-02-05 11:07:36 168 1

原创 vue:多重嵌套的子组件调用父组件方法

补充:这样设置后,可能出现v-model不更新的情况.对于多层嵌套的父子组件,用emit会无效.

2024-02-05 11:03:01 247 1

原创 table 表格 input 框联动动态输入

输入后视图更新，但数据不更新。需根据数据绑定后输入有效。

2024-01-17 15:59:30 447

原创项目运用实例

this.$set 数组对象渲染。2、根据数组中某个对象值去重。三元表达式和class共存。from:‘张三’,from:‘王二’,from:‘王二’,from:‘王二’,

2024-01-17 13:56:03 375

原创 nodejs卸载和安装教程

1、点击进入node.js各版本下载链接，下载node-v14.17.3-x64.msi。9、cmd进入命令行界面，输入node -v 显示node版本，输入npm -v显示npm版本，如果都能显示则安装成功。10、到目前为止，node的环境已经安装完成，npm包管理器也有了。因为项目需求，重装了3个版本的node.js，记录下完整过程，少走弯路少查资料。5、不需要选择或更换，默认安装，直接next，它会自动添加系统变量。1、Win菜单中找到Node.js的卸载程序，运行卸载程序。3、勾选协议，next。

2023-12-28 09:29:20 913 1

zhangyao940330的博客