- 博客(204)
- 收藏
- 关注
原创 使用html2canvas库对可滚动的dom节点导出全量的图片
正确写dom的方式是在外层div的类中写样式,内部div用来导出,尽量不要设置样式。1,使用html2canvas库。2, 对于dom节点,不能有。
2024-12-18 15:33:14
500
原创 vue+echart :点击趋势图中的某一点或是柱状图,出现弹窗,并传输数据
主要是在趋势图页面代码中,在初始化趋势图的设置中,添加对趋势图监听的点击方法。在趋势图中点击某一个柱状图,出现下面的弹窗。
2024-05-21 11:41:40
1361
1
原创 el-form表单去除部分校验结果
找了半天,表单局部重置的方法,都在让使用resetFiled方法,但这个方法是全部重置的意思, 没法实现本次的需求。如图: 当点击右边的叉时, 需要删除这个输入框,删除这个输入框只需要一个变量就可以解决。但使用v-show的方式去除这个输入框的时候,但下面的校验信息却没有消失。赶在下班前解决, 开森。
2024-04-03 17:59:01
1333
原创 el-input组件当数据为空时, 边框变红,并提示错误信息
el-input组件当数据为空时, 边框变红,并提示错误信息先设置输入框变红的样式以及提示文字的样式class。对于样式class 用变量来控制是否奏效。主要是使用动态类的方式。
2024-03-01 10:56:38
3204
原创 git手动合并代码方式
2,将3.5.3相较于分叉之后的每一次commit都合并到develop上。3,合并之后,就相当于在develop分支上有n个commit待推送。1,找到待合并分支和3目标分支最后分叉的地方,可看分支节点图。4,将n个commit reset 到工作区。6,再commit之后,push到远程。
2023-12-14 15:54:45
865
原创 windows环境下安装Java过程(免登录Oracle官网下载java)
【代码】windows环境下安装Java过程(免登录Oracle官网下载java)
2023-11-06 15:37:51
595
1
原创 git 生成change-id的解决方法
1,在提交代码时的信息会要求添加change-id的要求,但对于默认的git来说,是不会自动生成change-id的2,当git push的时候,报错remote: ERROR: commit 7c30eda: missing Change-Id in message footer
2023-08-01 13:10:57
3429
原创 window环境下安装Node并修改保存缓存的位置
我的电脑 >> 右击点击属性>> 高级环境配置>> 系统环境变量 >> 编辑添加node的地址即可。如一台电脑需要多个node环境 可使用nvm命令进行操作安装并且可以切换。使用npm get prefix 查看npm全局模块的存放路径。使用npm get cache 查看npm缓存默认存放路径。安装成功之后, 可在cmd 中输入是否安装成功,如下。设置全局模块的安装路径到node_global文件夹。设置缓存到node_cache文件夹。一般现在安装都会有自动添加环境变量。然后在控制面版中卸载node。
2023-07-14 17:51:46
2107
原创 ES6(对象,数组,类型化数组)
用于判断两个值是否相等, 其内部实现类SameValue算法, 其行为类似于“==”不同的是 它认为两个NaN是相等的 而+0,-0是不相等的。
2023-05-24 21:01:10
865
1
原创 @mixin与@include介绍
在Sass里面,我们经常会见到@mixin与@include。其中@mixin允许定义一个可以在整个样式表中重复使用的样式@include就是将我们定义的mixin引入到文档中。
2023-03-04 22:39:12
912
原创 图像优化篇
在代码css中,我们经常为图像设置显示所需的长度像素值,但在不同的设备屏幕上,有时候相同的图像以及相同的设置,其渲染出来的图像,清晰度会有所差别,产生这个现象的原因涉及到两种不同的分辨率: 屏幕分辨率和图像分辨率。矢量图的缺点:对细节的展示效果不够丰富,对足够复杂的图像来说, 比如要达到照片的效果,若通过svg进行矢量图绘制,所的的文件就会大得离谱。10px ** 10px 的图像分辨率,既可以使用10px ***10px的屏幕来显示,也可以使用20px ** 20px 的屏幕显示。
2023-02-12 21:30:19
562
原创 前端页面的渲染模式
前后端分离的模式,对于后端开发人员来说,不需要去考虑前端页面如何。对于上图的第一个截图可以看到,body标签下面,并没有具体的页面内容,是在页面加载完成之后,再将页面内容全都塞到图一的div标签里面。
2023-02-08 21:40:56
628
原创 前端优化原理篇(生命周期)
网站 页面的整个生命周期,通俗的讲,就是从我们在浏览器的地址栏中输入一个url后,到整个页面渲染出来的过程,这个过程包括 域名解析,建立tcp连接,前后端通过http通话,压缩与解压缩,以及前端的关键渲染路径。如果都没有,就会去本地域名服务器上去查找,如果本地域名服务器没有对应的IP地址,那本地域名服务器会以迭代的方式去根域名服务器,com顶级域名服务器,权限域名服务器中去查找。当解析得到ip地址之后,就可以建立连接进行资源的请求与响应,主要走的是TCP/IP的一个网络模型。
2023-01-11 17:46:34
393
1
原创 开发者工具中performance面板解析
特别是带有红色三角的位置,表示页面代码有性能问题,可以根据警告的文字 ,进行提升优化点。12, 勾选之后,会使用高级绘画工具,会详细记录某些渲染事件的细节。8,内存,勾选之后,会先区域3内显示页面加载中的一个性能展示模块。对于其他颜色的进程段,可以点击,下面就会显示这段进程的总时间。7,屏幕截图,勾选之后,会在区域2 显示页面每一帧的截图。3,调用树: 指的就是从开始到结束,执行的事件的排序。4,事件日志,就是展示每一个执行事件的时间信息。9,页面指标,勾选之后,可以展示页面的指标。
2023-01-10 13:24:56
1399
2
原创 力扣算法题目(分割链表)
给你一个链表的头节点 head 和一个特定值 x ,请你对链表进行分隔,使得所有 小于 x 的节点都出现在 大于或等于 x 的节点之前。你应当 保留 两个分区中每个节点的初始相对位置。
2023-01-08 12:34:47
117
原创 力扣算法题目(删除排序链表中的重复元素)
给定一个已排序的链表的头 head , 删除原始链表中所有重复数字的节点,只留下不同的数字。返回 已排序的链表。给定一个已排序的链表的头 head , 删除所有重复的元素,使每个元素只出现一次。返回 已排序的链表。
2023-01-06 10:24:29
217
原创 力扣算法题目(删除有序数组中的重复项II)
给你一个有序数组 nums ,请你 原地 删除重复出现的元素,使得出现次数超过两次的元素只出现两次 ,返回删除后数组的新长度。不要使用额外的数组空间,你必须在 原地 修改输入数组 并在使用 O(1) 额外空间的条件下完成。
2023-01-04 11:34:44
239
原创 力扣算法题目(单词搜索)
给定一个 m x n 二维字符网格 board 和一个字符串单词 word。如果 word 存在于网格中,返回 true;否则,返回 false。单词必须按照字母顺序,通过相邻的单元格内的字母构成,其中“相邻”单元格是那些水平相邻或垂直相邻的单元格。同一个单元格内的字母不允许被重复使用。
2023-01-03 16:35:28
93
原创 力扣算法题目(子集)
给你一个整数数组 nums ,数组中的元素 互不相同。返回该数组所有可能的子集(幂集)。解集 不能 包含重复的子集。你可以按 任意顺序 返回解集。从上到下,使用idx来控制指向的元素。
2022-12-31 10:23:04
113
原创 力扣算法题目(颜色分类)
给定一个包含红色、白色和蓝色、共 n 个元素的数组 nums ,原地对它们进行排序,使得相同颜色的元素相邻,并按照红色、白色、蓝色顺序排列。我们使用整数 0、 1 和 2 分别表示红色、白色和蓝色。必须在不使用库内置的 sort 函数的情况下解决这个问题。
2022-12-16 11:14:51
273
原创 力扣算法题目(搜索二维矩阵)
编写一个高效的算法来判断 m x n 矩阵中,是否存在一个目标值。每行的第一个整数大于前一行的最后一个整数。每行中的整数从左到右按升序排列。2,使用一次二分查找。
2022-12-15 11:35:28
113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人