摘要: 在前端开发过程中,老是会遇到各种各样奇葩的样式。小编也遇到过一个进度条样式的问题。 思考再三,通过canvas将其绘制出来。步骤如下: 第一步:先绘制出一个小的平行四边行。 // 绘制平行四边形的函数 function drawParallelogram(x, y, width, height,co 阅读全文
posted @ 2023-07-05 14:58 邓忠集 阅读(101) 评论(0) 推荐(0)
摘要: 在日常开发过程中用到了pdf导出功能,因为实在懒得等后端给接口方式导出,因此研究了一下前端直接导出pdf文件的方法。用到的插件为html2canvas和jspdf。具体思路就是先获取到需要导出的dom元素,然后先把它canvas成一个图片,再转成pdf格式导出。话不多说 直接上代码 <div cla 阅读全文
posted @ 2022-08-03 16:35 邓忠集 阅读(1203) 评论(0) 推荐(0)
摘要: 在需求里面需要在还原地图上面的手势操作以及点击动画效果。因此使用div写出一个简单的点击动态效果。 html <!-- 点击动效 --> <div class="waves-animation" *ngIf="isclick" [style.top]="animation.top" [style.l 阅读全文
posted @ 2022-07-04 11:38 邓忠集 阅读(408) 评论(0) 推荐(0)
摘要: 在官网文档对nz-tree的描述中提到这样一句话 从实际开发的角度出发,调用此组件需传入特定的参数以及特定格式的元数据,至此就需要我们自行构件元数据结构,但是如果在后边需要重新渲染数据时,默认checkedKeys就一直勾选不上,然后我的做法就是直接把元数据深浅拷贝到新数组中再重新赋值给元数据 相当 阅读全文
posted @ 2021-02-08 13:57 邓忠集 阅读(688) 评论(0) 推荐(0)
摘要: 一、jQuery入口文件的写法: 1.$(document).ready(functiion(){}); 2.jQuery(document).ready(functon(){}); 3.$(function(){}); //jQuery的核心理念为write less,do more,所以越简便越 阅读全文
posted @ 2020-06-15 22:29 邓忠集 阅读(111) 评论(0) 推荐(0)
摘要: 在用vue.js开发过程中为了使代码不那么复杂化,我们常常需要记住一些js中高阶函数的用法,这里推荐3中高阶函数的用法:filter,map,reduce 这里用一个小栗子来记录一下: const nums = [12, 23, 22, 18, 100, 67, 48, 88] 需求1:对数组进行遍 阅读全文
posted @ 2020-05-27 19:36 邓忠集 阅读(2032) 评论(5) 推荐(0)