- 博客(96)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 vue：使用：element 中弹框中获取table高度无效
dialog 弹框中想要获取里面table的高度，获取不到， 是因为dialog中有动画，需要监听动画加载完
2024-04-25 17:44:46
120
原创 vue：功能：table动态合并+前端导出
场景：第一列WM 名字相同，行内合并，后面的列合并的行数根据第一列合并的行来。第二列‘累计请假天数'根据合并的几列显示数值。后续需合并的列以第一列合并行数为基准。以第一列WM为判断条件，相同名字的那几行数据合并单元格。合并相同名字的那几行数据，后面的列有需要和第一列合并条件一样。1、根据查询条件：日期。表头的日期是根据查询的日期条件的前三个月来。注）合并数据，后端提供的数据可能不是按照人在一起的顺序，前端需要处理下数据格式，把同一个人的放在一起。2、导出的数据和页面保持一致。2、封装的方法（导出）
2024-03-15 11:33:00
504
原创 vue：功能【xlsx】纯前端导出Excel
2、sheetData 是一个数组，用于存储要导出的表格数据。在代码中，使用了一个名为 sheet1 的对象来定义表格的名称、数据、合并单元格和行高等信息。在给定的代码中，合并了一些特定的行和列，以创建标题行和表头的合并效果。4、最后，通过调用 OutExcelSheet.exportSheetExcel 函数，并传递以上参数，将生成的 Excel 文件导出到本地。注：生成的excel封装的方法如下（支持表头合并、导出的 excel 支持生成多个sheet工作表、表格可自适应宽度、自适应高度、合并表格）
2024-03-14 17:23:19
759
原创 vue：功能【xlsx】动态行内合并
在代码中，使用了一个名为 sheet1 的对象来定义表格的名称、数据、合并单元格和行高等信息。4、最后，通过调用 OutExcelSheet.exportSheetExcel 函数，并传递以上参数，将生成的 Excel 文件导出到本地。注）生成的excel封装的方法如下（支持表头合并、导出的 excel 支持生成多个sheet工作表、表格可自适应宽度、自适应高度、合并表格）2、前端代码，导出，用的mock数据，是转换后的二维数组，封装的方法中有写。场景：纯前端导出excel数据，涉及到列合并、行合并。
2024-03-14 17:16:44
678
原创 小程序：页面跳转闪屏
进入页面，是一个组件，通过路由传参判断是由哪个页面进入，不同的页面拿的已选值不一样，需要回显值，在编辑数据。此时会出现一个问题，A页面中进来，操作数据，点献取消，然后从A页面在进入，或者从B页面进入，会出现上一次A操作的数据，点击取消，会闪一下，然后才会拿到B页面已选的数据。如果解决这个问题呢？自己的笔记，随手记录。
2023-07-13 15:44:34
2548
原创 配置：代码注释
文件内容注释：ctrl + command + t （mac版）文件头部注释：ctrl + command + i（mac版）二、在setting.json 中配置。
2022-11-17 17:46:58
239
原创 JS基础：知识点
闭包【https://www.cnblogs.com/jiajialove/p/9049612.html】（1）什么是闭包能读取其他函数内部变量的函数。子级一级一级向上查找，父级不能获取子级。（2）闭包使用场景函数柯里化、防止变量被污染。（3）使用不当闭包会造成什么问题？使用不当会造面内在内泄；内泄：访问不到的变量，占用内存；注）这个谣言来源于:IE中有bug,IE 中使用完闭包,回收不了闭包里面引用的变量（4）总结（1）比普通函数占用内存多。（2）闭包不使用时，要及时释放。（3）将引
2022-05-12 18:38:42
572
原创 vue：基础0
https://segmentfault.com/a/1190000016344599?utm_medium=referral&utm_source=tuicoolVue 是什么框架？ 渐近式框架Vue核心是什么？ 声明式渲染（数据驱动）、组件系统Vue的双向数据绑定原理（响应式原理）：Object.defineProperty( ) Object.defineProperty。用些来劫持每个属性的 getter 和 se...
2021-06-01 11:32:04
1081
原创 vue：Element：table 筛选功能
Element UI 中table 有一个筛选功能：筛选择/重置。为了用户体验方法添加一个一键清除的方法，上面要显示选择项的名称，代码未优化，只供参考。基础实现功能。场景：table 列中会出现多列筛选，添加一个一键清除功能。效果图：Template 代码： <div class="table-content"> <el-table ref="filterTable" :data="billDetailed...
2021-05-06 17:19:40
3776
1
原创 vue：Element：日期：月份
场景一：如何设置月份，默认显示当前月，只能显示最近六个月效果图如下： html代码: Js代码： data( ) { return { // 设置的默认值 billMonthPrice: new Date().getFullYear() + '-' + (new Date().getMonth() + 1), } }, 注）请注意传参的时候转换下格式：bi...
2021-05-06 16:48:41
555
2
原创 vue：Element：日期：时间
Element UI 中的日期插件，官方地址：https://element.eleme.io/#/zh-CN/component/date-picker我们经常会用到日期插件，按各自的需求去改造。下面简单的讲述下用到的日期类型。很多人问怎么转换日期，我想在特定的时间内选择时间，怎么增加年限。从当前时间之前推算，当前时间之后推算，近一周、近一年等？场景一： 创建时间：2000.1.1~当前时刻； 到期时间限制：2000.1.1——当前时...
2021-05-06 16:47:48
269
1
原创 vue：如何使用脚手架安装
vue中基本会选用vue-cli的脚手架安装。一般情况下，我们需要选择哪些呢？一、全局安装 vue npm install -g vue-cli 或者 npm install -g @vue/cli二、打一个位置，进行vue项目创建 1､vue init webpack xxx # xxx 指的是项目名称 回车键 Project name (my-project) # 项目名称（我的项目） ...
2020-06-03 19:54:27
335
原创 接口：http 状态码
1XX 接受请求正在处理2XX 接口被正常处理了 200: 请求成功。 204: 请求成功，但是没有任何资源返回给客户端。3XX 浏览器需要执行特殊处理，以正确形式请求 301: 永久重新定向。URL 资源位置换了，重新指向 URL。 302: 临时重定向。URL 临时放到其他位置了，姑且算你知道这个操作。 303: 资源更新，...
2020-01-03 15:41:37
437
2
原创 vue：菜单收缩功能
想要实现：点击菜单能收缩。（效果如下：）点击前： 点击后：思路： 首先我们要知道绅缩的按钮和菜单是否在一个页面。在一个页面就简单了。 如果不在一个页面，就会涉级到父子级传参，绅缩按钮模块中要把状态传给header，这是兄弟间的传递参数，需要用到 vuex。如果不用vuex的话，就通过主体去操作。绅缩按钮把状态传给主体是子...
2019-12-18 16:44:24
2283
原创 vue：路由配置 meta 的 menu 和 icon
首先，我引用的是antd vue 的这套UI。可以在 computed 中打印出 this.$router 下面的东西，是获取的路由中配置的菜单和 icon。代码图和代码请看下面文件配置menu.js 文件配置后代码如下： 首先，我引用的是antd vue 的这套UI。 可以在 computed 中打印出 this.$router 下面的东西，是获取的路由...
2019-12-18 14:57:36
13545
原创 vue：路由菜单刷新高亮
很多人遇到了路由高亮的问题。问为什么页面一刷新进来当前页就不不高。刷新的时候也没有记录状态。其实就是路由没有记录。。。我们想要实现的效果是：1､这里用的是 Element UI 。先把菜单封装。请看上面的文章：https://blog.csdn.net/u013592575/article/details/1034938652､element UI 中 NavMenu 有一个 d...
2019-12-17 17:15:53
1416
2
原创 vue：路由菜单（element 和 antd）
在 vue 中 使用 UI框架中的菜单，给菜单如何添加路由呢？其中会出现路由样式的问题。请看下面两种UI方法。注）使用框架的时候注入知道的吧。。。。。防止有些人xxxx，我还是写一下。场景：使用 elementUI 的 NavMenu 时。这里请注意：可以不使用 router-link，在 e-menu 上面绑定 route 或者 :route =’true'，然后遍历的...
2019-12-11 15:48:45
2170
原创 css基础2：flex 多行均分有间隙布局
效果图：逻辑：一行有四个的情况 父元素：设置为 flex。justify-content 设置 space-between/space-around。 子元素：设置宽度 百分比／vw （width:calc((100% - 60px))/4 或者width:calc((100vw - 100px))/4 ) ...
2019-11-13 17:52:52
16620
原创 SVG：动态曲线图
场景：假设想实现一个“曲线／直线”上面的“方点”按照这个轨迹来回滚动如何操作？图片上用红色画笔的线，这种svg 怎么画呢？想了半天，先是想到让 UI 出个 gif 的图片。放到位置上。后来一想觉得这个方法不行，万一 UI 没时间呢，多麻烦。不废话，突然想到在线生成 svg ，然后把源码 抠下来，路径有了下面有好弄了。。。1､在线生成 svg：https://sv...
2019-11-13 14:15:16
3466
原创 react：什么是 redux？
这什么要用 redux？ React 是单向数据流。父传子通过 props。那么非父子组件中的通信就可以用 redux 中的 state 解决。Redux 的原理是什么？ Redux 中把状态存到 store 中，组件 dispatch 到 action (发送行为）到 store,不是直接通知其他组件，组件通过订阅的store 中的 state ...
2019-10-23 15:54:26
246
原创 理解：什么是构造函数？什么是 this 指向？小箭头函数?
现在好多人的基础不咋的，包括我在内哈哈，得多多学习，多多看书，其实小红书写的是真好，可惜没多少人真的看进去理解子 。。。。什么是构造函数呢？构造函数其实就是普通的函数，就是调用的方法不同，通常都是首字母大写，用到 new 。构造函数的一个问题就是：每次都重新在实例上重新创建一次。。什么情况下会使用到构造函数呢？在生成数组的情况下会使用到，es6 中的 class 其实就是构造函...
2019-10-23 00:41:30
564
2
原创 JS基篇0：起步
js需要区分大小写 js中的一切（变量、函数、操作符）都区分大小写。变量名test和Test分别表示两个不同的变量，而函数名不能使用typeof,因为它是一个关键字。标识符 标识符就是指变量、函数、属性的名字，或者函数的参数。且第一个字母必须是$、字母、下划线。其他字符可以是数字、字母、下划线、美元符。 标识符一般采用驼峰大小写格式，也就是第一个字母小写，其他的每...
2019-10-22 18:30:29
201
github入门实践
2018-05-25
数据结构与算法分析C++描述（第3版）
2018-05-25
算未能精解：C语言描述
2018-05-25
高性能 Js编程
2018-05-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人