- 博客(96)
- 资源 (5)
- 收藏
- 关注
原创 vue:使用:element 中弹框中获取table高度无效
dialog 弹框中想要获取里面table的高度,获取不到, 是因为dialog中有动画,需要监听动画加载完
2024-04-25 17:44:46 491
原创 vue:功能:table动态合并+前端导出
场景:第一列WM 名字相同,行内合并,后面的列合并的行数根据第一列合并的行来。第二列‘累计请假天数'根据合并的几列显示数值。后续需合并的列以第一列合并行数为基准。以第一列WM为判断条件,相同名字的那几行数据合并单元格。合并相同名字的那几行数据,后面的列有需要和第一列合并条件一样。1、根据查询条件:日期。表头的日期是根据查询的日期条件的前三个月来。注)合并数据,后端提供的数据可能不是按照人在一起的顺序,前端需要处理下数据格式,把同一个人的放在一起。2、导出的数据和页面保持一致。2、封装的方法(导出)
2024-03-15 11:33:00 1293
原创 vue:功能【xlsx】纯前端导出Excel
2、sheetData 是一个数组,用于存储要导出的表格数据。在代码中,使用了一个名为 sheet1 的对象来定义表格的名称、数据、合并单元格和行高等信息。在给定的代码中,合并了一些特定的行和列,以创建标题行和表头的合并效果。4、最后,通过调用 OutExcelSheet.exportSheetExcel 函数,并传递以上参数,将生成的 Excel 文件导出到本地。注:生成的excel封装的方法如下(支持表头合并、导出的 excel 支持生成多个sheet工作表、表格可自适应宽度、自适应高度、合并表格)
2024-03-14 17:23:19 2284
原创 vue:功能【xlsx】动态行内合并
在代码中,使用了一个名为 sheet1 的对象来定义表格的名称、数据、合并单元格和行高等信息。4、最后,通过调用 OutExcelSheet.exportSheetExcel 函数,并传递以上参数,将生成的 Excel 文件导出到本地。注)生成的excel封装的方法如下(支持表头合并、导出的 excel 支持生成多个sheet工作表、表格可自适应宽度、自适应高度、合并表格)2、前端代码,导出,用的mock数据,是转换后的二维数组,封装的方法中有写。场景:纯前端导出excel数据,涉及到列合并、行合并。
2024-03-14 17:16:44 2570
原创 小程序:页面跳转闪屏
进入页面,是一个组件,通过路由传参判断是由哪个页面进入,不同的页面拿的已选值不一样,需要回显值,在编辑数据。此时会出现一个问题,A页面中进来,操作数据,点献取消,然后从A页面在进入,或者从B页面进入,会出现上一次A操作的数据,点击取消,会闪一下,然后才会拿到B页面已选的数据。如果解决这个问题呢?自己的笔记,随手记录。
2023-07-13 15:44:34 2780
原创 配置:代码注释
文件内容注释:ctrl + command + t (mac版)文件头部注释:ctrl + command + i(mac版)二、在setting.json 中配置。
2022-11-17 17:46:58 264
原创 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 630
原创 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 1376
原创 vue:Element:table 筛选功能
Element UI 中table 有一个筛选功能:筛选择/重置。为了用户体验方法添加一个一键清除的方法,上面要显示选择项的名称,代码未优化,只供参考。基础实现功能。场景:table 列中会出现多列筛选,添加一个一键清除功能。效果图:Template 代码: <div class="table-content"> <el-table ref="filterTable" :data="billDetailed...
2021-05-06 17:19:40 4059 1
原创 vue:Element:日期:月份
场景一:如何设置月份,默认显示当前月,只能显示最近六个月效果图如下: html代码: Js代码: data( ) { return { // 设置的默认值 billMonthPrice: new Date().getFullYear() + '-' + (new Date().getMonth() + 1), } }, 注)请注意传参的时候转换下格式:bi...
2021-05-06 16:48:41 607 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 294 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 354
原创 接口:http 状态码
1XX 接受请求正在处理2XX 接口被正常处理了 200: 请求成功。 204: 请求成功,但是没有任何资源返回给客户端。3XX 浏览器需要执行特殊处理,以正确形式请求 301: 永久重新定向。URL 资源位置换了,重新指向 URL。 302: 临时重定向。URL 临时放到其他位置了,姑且算你知道这个操作。 303: 资源更新,...
2020-01-03 15:41:37 459 2
原创 vue:菜单收缩功能
想要实现:点击菜单能收缩。(效果如下:)点击前: 点击后:思路: 首先我们要知道绅缩的按钮和菜单是否在一个页面。在一个页面就简单了。 如果不在一个页面,就会涉级到父子级传参,绅缩按钮模块中要把状态传给header,这是兄弟间的传递参数,需要用到 vuex。如果不用vuex的话,就通过主体去操作。绅缩按钮把状态传给主体是子...
2019-12-18 16:44:24 2334
原创 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 14084
原创 vue:路由菜单刷新高亮
很多人遇到了路由高亮的问题。问为什么页面一刷新进来当前页就不不高。刷新的时候也没有记录状态。其实就是路由没有记录。。。我们想要实现的效果是:1、这里用的是 Element UI 。先把菜单封装。请看上面的文章:https://blog.csdn.net/u013592575/article/details/1034938652、element UI 中 NavMenu 有一个 d...
2019-12-17 17:15:53 1459 2
原创 vue:路由菜单(element 和 antd)
在 vue 中 使用 UI框架中的菜单,给菜单如何添加路由呢?其中会出现路由样式的问题。请看下面两种UI方法。注)使用框架的时候注入知道的吧。。。。。防止有些人xxxx,我还是写一下。场景:使用 elementUI 的 NavMenu 时。这里请注意:可以不使用 router-link,在 e-menu 上面绑定 route 或者 :route =’true',然后遍历的...
2019-12-11 15:48:45 2244
原创 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 17355
原创 SVG:动态曲线图
场景:假设想实现一个“曲线/直线”上面的“方点”按照这个轨迹来回滚动如何操作?图片上用红色画笔的线,这种svg 怎么画呢?想了半天,先是想到让 UI 出个 gif 的图片。放到位置上。后来一想觉得这个方法不行,万一 UI 没时间呢,多麻烦。不废话,突然想到在线生成 svg ,然后把源码 抠下来,路径有了下面有好弄了。。。1、在线生成 svg:https://sv...
2019-11-13 14:15:16 3620
原创 react:什么是 redux?
这什么要用 redux? React 是单向数据流。父传子通过 props。那么非父子组件中的通信就可以用 redux 中的 state 解决。Redux 的原理是什么? Redux 中把状态存到 store 中,组件 dispatch 到 action (发送行为)到 store,不是直接通知其他组件,组件通过订阅的store 中的 state ...
2019-10-23 15:54:26 266
原创 理解:什么是构造函数?什么是 this 指向?小箭头函数?
现在好多人的基础不咋的,包括我在内哈哈,得多多学习,多多看书,其实小红书写的是真好,可惜没多少人真的看进去理解子 。。。。什么是构造函数呢?构造函数其实就是普通的函数,就是调用的方法不同,通常都是首字母大写,用到 new 。构造函数的一个问题就是:每次都重新在实例上重新创建一次。。什么情况下会使用到构造函数呢?在生成数组的情况下会使用到,es6 中的 class 其实就是构造函...
2019-10-23 00:41:30 592 2
原创 JS基篇0:起步
js需要区分大小写 js中的一切(变量、函数、操作符)都区分大小写。变量名test和Test分别表示两个不同的变量,而函数名不能使用typeof,因为它是一个关键字。标识符 标识符就是指变量、函数、属性的名字,或者函数的参数。且第一个字母必须是$、字母、下划线。其他字符可以是数字、字母、下划线、美元符。 标识符一般采用驼峰大小写格式,也就是第一个字母小写,其他的每...
2019-10-22 18:30:29 216
github入门实践
2018-05-25
数据结构与算法分析C++描述(第3版)
2018-05-25
算未能精解:C语言描述
2018-05-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人