- 博客(28)
- 收藏
- 关注
RSS订阅原创 SVG之path详解，全面解析椭圆弧命令A
常用的路径命令包括：M(移动)、L(直线)、H(水平线)、V(垂直线)、C(三次贝塞尔曲线)、S(光滑三次贝塞尔曲线)、Q(二次贝塞尔曲线)、T(光滑二次贝塞尔曲线)、A(椭圆弧)、Z(闭合路径)等。第二种，椭圆较小，无法经过起点终点，绘制时会等比放大，使其达到刚好能经过起点终点的状态，可能的弧线依旧会有四条，但有两条重叠(相同)，如上图右侧。经过(50, 100)这点，画一段x轴为50，y轴为100，绕x轴顺时针方向旋转角度为0°，取长弧，沿逆时针画的一段椭圆弧。定义了路径的路径数据，即路径命令序列。
2024-09-25 17:58:55
609
原创 Element Plus中报Failed to execute ‘getComputedStyle‘ on ‘Window‘: parameter 1 is not of type ‘Element‘
根据报错信息去项目中查找，没有相关代码。点进报错信息中对应的文件，分析像是Element Plus组件库内的文件内容，最终定位到版本问题。使用Element Plus时如果出现了一些不明确，定位不到原因的问题时，可以往版本方向定位下，例如多选框在v2.6.0版本前。，在v3.0.0版本后被废弃（这点在部署到内网的组件使用说明文档上有提及）导致报错，项目使用版本为v2.2.27，更新到v2.3.4则无该报错。Element Plus组件库。使用label绑定value值。
2024-08-21 09:48:09
293
原创 TypeScript安装及编译
Type script 是微软基于 Javascript 开发的开源编程语言，是拥有类型的 Javascript 的超集，继承了js 所有语法，此外增加了一些自己语法。不是创造新的语言，是增强 JavaScript 的功能，使其更能适合多人开发的企业级项目。编写代码是在ts文件，但实际ts文件是无法直接运行的，需要编译为js文件后，运行js代码。修改生成的js文件存放位置：文件夹所在目录的js文件夹下，js不存在会新建。（此时，在同级目录中会出现一个同名的 js 文件）1 . 安装ts-node。
2024-05-07 16:39:05
472
1
原创 vue-print-nb 打印插件超详细入门教程
是在Vue中可以实现打印功能的第三方的插件，项目中指定某些区域进行打印时常用该插件，使用起来简单方便。
2024-03-20 15:11:47
4105
4
原创 vue-office文档预览插件
在项目中，可能会有录入信息时预览上传的文件，或者在详情页查看文件等在线预览附件的需求场景，但是，一般除pdf外，其余类型文件并不支持直接客户端打开。vue-office是一个支持多种文件(docx、.xlsx、pdf)预览的vue组件库，能够很好的实现在项目中各种在线预览附件的功能需求使用简单，只需提供文档的src(网络地址)即可完成文档预览支持docx、pdf、excel多种文档的在线预览方案用户体验和性能比较好，可以选择每个文档的最佳预览方案。
2024-03-20 15:09:43
4162
原创 原生table纯js动态遍历生成数据，纯js合并表格
原生table纯js动态遍历生成数据，纯js合并表格1. 表格数据根据变量动态生成。3. 最后一行为总的合并一整行。2. 指定列进行合并。
2023-12-15 13:34:05
1114
原创 在ubuntu中查看chm后缀文件
2）重新操作第一步，快速配置Ubuntu 软件仓库镜像。3）执行终端命令：sudo apt update。1）执行终端命令：sudo su。复制快速配置中的命令在终端运行即可。
2023-11-29 13:42:08
635
原创 快看快看！Element UI表格、表单问号提示的两种实现方式对比
在组件内设置.el-tooltip__popper的样式是不会生效的，在页面控制台查看就可发现tooltip的层级是在顶层，和我们写的组件是同级，所以在同级组件里写样式是无论如何都不会生效的。上图分别是tooltip和title属性两种实现方式效果图，两种方式使用效果和体验会有差距，个人测试后在Vue2配合ElementUI组件项目中推荐使用Tooltip实现方式。只要能影响到和app同级的都可以解决该情况。
2023-11-27 13:30:37
2116
原创 Element UI中el-form表单花样校验，接口校验、遍历生成校验等应有尽有
【代码】Element UI中el-form表单花样校验，接口校验、遍历生成校验等应有尽有。Form-Item里可以使用动态的rules参数来决定使用哪个校验，同样可以使用三目运算符进行判断遍历生成Form-Item时，生成的可以使用prop进行动态绑定自定义校验的时候可以进行传参，参数存放在回调函数rule
2023-11-24 14:04:46
1510
1
原创 Element UI左右分栏式树形tree数据el-dialog弹窗
2：左侧勾选数据，右侧平级展示已选数据。3：右侧删除数据，左侧清除勾选效果。1：左右分栏式树形数据弹窗。
2023-11-24 10:50:34
540
1
原创 LODOP打印使用及其使用问题
ADD_PRINT_TABLE：不切行，打印表格。只能打印一个表格，嵌套复杂的行跨页了会隐藏后面的内容，不会分到下一页，会出现文字被截成一半的情况。ADD_PRINT_HTM：切行不切字，按照打印页的高度进行分页，嵌套复杂的行会将最后一行字展示完了然后剩余部分展示在下一页。ADD_PRINT_HTML：切行切字，完全按照打印设计的高度分页，会出现文字被截成一半的情况，类似于截图.linux和windows可能会出现效果不同，linux使用ADD_PRINT_TABLE自动换行分页会出现无法补全表头和结尾表格
2023-11-20 11:25:51
1204
1
原创 超完整版修改element ui源码的3种方式！！以及patch-package打补丁
修改源码的三种方式。方式一：修改引入的lib文件，方式二：拷贝组件文件进行修改引用，方式三：修改原组件的packages文件。 patch-package打补丁，将修改同步到项目成员代码上
2023-10-30 16:21:35
6389
1
原创 Element UI组件的安装及使用
按需引入不同于全部引入，不会一上来引入全局的组件和样式，而是看使用了哪些组件，根据使用的组件进行注册，并且只引入这些组件相关的样式。目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。组件库中UI组件丰富，将60多个组件划分了基础类、form类、data类及提示和导航类等，文档描述齐全，使用方便。优点：组件丰富，文档齐全，兼容性也很高，支持主流的浏览器和移动端。借助插件，可以只引入需要的组件，以达到减小项目体积的目的。
2023-10-30 16:15:34
7975
1
原创 给el-table合并后的分组表格边框添加明显样式
一般要求分组都会进行表格合并，为了视觉上更直观。那需求就觉得这样边框线非常浅，数据多了就容易看岔劈，提出提亮合并后每组的边框线，为了能更直观区分组别。给合并组里的第一行都添加判断标识。在cell-class-name里判断满足条件的添加border-top样式即可
2023-08-04 16:36:38
1545
5
原创 来看看Upload的钩子们和http-request自定义上传行为
咱就是说一旦使用了自定义方法，那默认方法就失效了，在上方代码中then就替代了on-success的效果，catch替代了on-error的效果，一般这些异常和成功处理就够用了。等需求，那我们自然会使用Upload组件，其Attribute提供的on-success、on-error等钩子基本能完成大部分需求，有额外需求的则可以使用http-request自定义上传去覆盖默认上传行为。2：默认的on-success、on-error、on-progress等钩子都失效了。常用于限制传入格式和大小。
2023-08-01 14:25:34
397
1
原创 element UI中loading加载框的花式用法
前端为了优化体验效果必不可少的就是加载框loading的使用。接口是异步的，获取数据是需要时间的，万一网络再卡顿下，总不能让用户干等着没数据的页面。那loading就必不可少了！
2023-07-27 17:14:36
18980
2
原创 樱花爱心动态网页
在csdn首页无意看见这个樱花爱心蛮有意思，但是复制源码出现报错，看见评论区也有人提出了该问题，还有在爱心中添加姓名的新需求，我就复制后将代码修改了下．。实现代码如下，复制粘贴运行即可出现上图效果。ps：非我原创，已贴出原文章链接，无意侵权。：建议使用谷歌浏览器。
2023-07-11 16:01:29
183
1
原创 领导：‘这么基础的es6你都搞错？’
箭头函数是没有this的，所以它只有继承，它的this指向外层调用者．这一特质就导致了某些地方使用会出现问题．比如methods里的方法不可以使用箭头函数（方法里面可以），watch等周期钩子函数不可以使用．。２：async函数返回值就是Promise对象，await命令就是内部then命令的语法糖．函数执行的时候，一旦遇到await就先返回，等到异步操作完成，才会运行await后面的语句。解构赋值是对赋值运算符的扩展，允许按照一定的模式，从数组或对象中取值，对变量进行赋值。把数组或对象内容展开便于操作。
2023-07-10 15:47:22
880
1
原创 vue使用Element UI时，el-table表格整行操作单选禁选并隐藏全选框
表格复选修改为单选，只可选择一个；不满足条件的不可勾选；可进行整行操作
2023-06-08 10:30:02
4740
2
原创 vue指定范围内底部随意位置向上滚动效果
页面左侧位置做个假的往上滚动抽取效果，尽量真实．上方蓝色渐变为进度条，前90％根据数据量计算增加，接口获取到结果后飞速到达100%，接口较慢时达到90%会进行等待；下方数据会从底部随机位置以随机大小随机颜色显示然后垂直向上滚动，到达顶部指定位置后消失，再次会从底部随机位置显示向上滚动，如此循环滚动．（控制速度 位置 数据量后适时替换数据目测真实度更高）此为滚动过程中两张效果截图。
2023-04-26 11:26:13
509
原创 vue2在element UI的table中给指定列添加圆点标志，鼠标悬浮出提示信息
要求在列表数据给指定数据添加一些标志，鼠标悬浮提示指定数据．左侧为标志截图．右侧为悬浮提示截图．在template中想要添加标志的那一列添加圆点和悬浮提示信息两个节点，并添加单元格进入 退出事件两个事件．。
2023-03-20 14:40:07
6333
2
原创 修改elementUI日期选择器源码，将Element单个,多个日期选择器 图标放右侧, 与清除图标交替出现
将饿了么组件的单个日期选择器的日期小图标放到右侧,未选中数据时显示图标,选中数据后鼠标悬浮显示清除按钮,离开显示日期图标.日期范围选择器的日期小图标放到右侧,未选中数据时显示图标,选中数据后鼠标悬浮显示清除按钮,离开显示日期图标.项目区分环境的需要注意自己的打包环境里面的源码都需要修改。以上代码针对的是日期范围控件。以上代码针对的是单日期控件。
2022-10-31 11:31:20
1817
4
原创 vue2使用element ui实现树形控件懒加载、单选、选择节点后取消默认记录上一次确定结果
vue2使用element ui实现树形控件懒加载、单选、选择节点后取消默认记录上一次确定结果
2022-09-15 10:21:19
1092
原创 vue2使用element UI中Descriptions组件的遍历问题
descriptions组件中遍历多个一一对应的el-descriptions-item
2022-09-14 13:43:35
10375
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人