自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

peppa_pig的博客

误入前端的小小白

  • 博客(186)
  • 收藏
  • 关注

原创 antdv modal弹框动态控制页脚footer显示

设置为null就是意味着置空不显示页脚footer,设为undefined就会使用插槽。

2025-04-27 09:39:54 155

原创 使用nvm安装并管理多个版本node

安装完成后,在cmd下输入nvm,验证是否安装成功。2. 安装指定版本的node。3. 查看所有node版本。

2025-02-19 14:17:26 313

原创 电脑重启后vscode快捷方式失效,找不到code.exe

查看vscode安装目录,发现多了一个_文件夹,包括code.exe在内的其他文件都被移动到了这个文件夹下。将里面内容都移动到microsoft vs code文件夹下,即可运行vscode。今天打开电脑发现vscode的快捷方式失效了,提示code.exe被删除或移动。

2025-02-08 09:39:41 1106

原创 cookie和localStorage在同一浏览器的相同域名、不同端口号下,是否可以共享

cookie和localStorage都受同源策略的限制。cookie可以共享,localStorage不可以共享。但是,在同一浏览器的相同域名、不同端口号下,

2025-01-08 11:37:42 269

原创 vue 生命周期

每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤,比如设置好数据侦听,编译模板,挂载实例到 DOM,以及在数据改变时更新 DOM。: 实例销毁之前调用,此时,vm中所有的data,methods,指令等都处于可用状态,马上要执行销毁过程,此处虽然可以访问数据、调用方法,但是对数据的更改将不会触发更新操作。每个阶段都有相应的生命周期钩子,可以在这些钩子中执行特定的操作。实例更新前调用,数据更新但DOM未更新,数据是新的,但页面是旧的。实例更新后调用,DOM已经更新,数据是新的,页面也是新的。

2024-12-24 09:08:50 438

原创 vuex和cookie的区别

1. 数据类型与用途:Vuex:主要用于管理Vue应用的状态,适用于复杂的应用逻辑。Cookie:适合存储需要服务器读取的小量数据,如认证信息。2. 安全性与隐私:Vuex:由于数据存储在内存中,因此没有安全问题,但需要注意不要泄露敏感信息。Cookie:由于可以被服务器读取,因此需要考虑数据加密和安全策略。3. 容量与持久化:Vuex:状态存储在内存中,不持久化。Cookie:存储空间有限,数据持久化。4. 性能影响:Vuex:状态变更会触发组件更新,可能会影响性能。Cookie。

2024-12-12 14:21:05 337

原创 vuex学习

new Vue({// statedata () {return {count: 0},// view`,// actionsmethods: {})state,驱动应用的数据源;view,以声明方式将state映射到视图;actions,响应在view上的用户输入导致的状态变化。以下是一个表示“单向数据流”理念的简单示意:但是,当我们的应用遇到多个组件共享状态多个视图依赖于同一状态。来自不同视图的行为需要变更同一状态。

2024-12-06 17:33:36 672

原创 vuex浏览器刷新数据不清空(vuex状态持久化)

vuex浏览器刷新数据不清空

2024-12-05 09:48:37 347

原创 G6基本使用

Graph 是 G6 图表的载体,所有的 G6 节点实例操作以及事件,行为监听都在 Graph 实例上进行。Graph 的生命周期为:初始化—>加载数据—>渲染—>更新—>销毁。G6.Graph的配置项参数Graph 的初始化通过 new 进行实例化,实例化时需要传入需要的参数。设置初始化数据:graph.data(data) //graph 是Graph的实例根据提供的数据渲染视图: graph.render()

2024-12-04 09:24:34 944

原创 vue2 G6绘制辐射状布局图

最近需要用G6绘制描述实体间语义关系的图。

2024-11-27 17:30:53 391

原创 vue文字公告横向滚动

需求:构建一个动态滚动的公告显示区,当公告内容超过设定宽度时,会自动循环播报。

2024-11-22 16:44:48 510

原创 vue数据变化但页面不变

在Vue中有两种类型的变量:响应式变量和非响应式变量。在后端获取的变量,通常是响应式变量,他们会被vue监测到变化并同步到页面上,如果你修改了这些响应式变量,页面会随之改变。通过赋值来定义的变量,通常是非响应式变量,如果你修改了这些非响应式变量,vue不会监测到他们的变化,所以页面不会改变。如果你需要非响应式变量变成响应式变量,可以使用Vue.set方法或者数组的变异方法(例如push、splice等)Vue.set(对象,添加的key, 属性值)

2024-11-20 09:54:38 1714 1

原创 vue中使用exceljs和file-saver插件实现纯前端表格导出Excel(支持样式配置,多级表头)

vue中使用exceljs和file-saver插件实现纯前端表格导出Excel(支持样式配置,多级表头)

2024-09-24 17:20:24 753

原创 将后台传来的数据,转成easyui-tree所需格式

EasyUI Tree组件需要一个包含特定属性(如。而后台返回的数据,它可能不是我们直接能拿来用的。等)的JSON对象数组来初始化。

2024-08-02 17:23:07 443

原创 处理树结构(有某个属性时不显示该节点)

需求:有analysis属性的节点不显示。

2024-07-02 17:10:24 147

原创 video视频禁止快进,禁止倍速

【代码】video视频禁止快进,禁止倍速。

2024-06-26 15:21:39 1770 2

原创 vue关闭页面时执行事件

在vue中,可以通过监听浏览器的。事件在关闭页面时执行你想要的操作。

2024-06-21 16:24:40 2216

原创 antdv 下拉框增加全选功能

由于select下拉框中内容过多,使用下拉框多选需要一个一个选取太过于麻烦,所以在下拉中增加全选和取消全选操作。可以自定义下拉框内容,可以满足我们的需要。

2024-06-12 11:28:45 802

原创 antdv 穿梭框

除了实现简单的穿梭框功能,还想要重写搜索事件,想达到的效果是搜索到的结果的节点能自动展开且高亮显示。antd的穿梭框的数据貌似只接收key和title,而且必须是字符串(我测试不是字符串的不行),所以要把后端返回的数据再处理一下得到我们想要的数据。给穿梭框添加show-search。

2024-06-07 17:21:04 602

原创 vue处理json数据

背景:后端返回的数据不是我想要的,现在需要把 name 替换为title(小声蛐蛐:又让我处理数据)(使用递归的方式将title属性赋了name的值)

2024-06-07 08:47:55 738 1

原创 vue实现pdf下载——html2canvas

的原理是通过遍历DOM树,将每一个HTML元素转化为Canvas对象,并叠加到一起形成一张完整的图片或者PDF文件。2.1 在页面引入html2canvas。html2canvas 官方文档。2.2 创建下载pdf页面的方法。2.使用(页面已经写好)2.3 页面调用下载方法。

2024-06-05 10:03:54 671

原创 让网页的文字可复制

设置或检索是否允许用户选中文本。

2024-05-16 14:10:38 245

原创 vue3笔记

通过扩展于标准HTML的模板语法,我们可以根据JavaScript的状态来描述HTML应该是什么样子的。当状态改变时,HTML会自动更新。

2024-04-17 16:55:43 504

原创 antdv下拉框即可手动输入又可下拉选择

最近有个需求是下拉框既可下拉选择也可手动输入,antd 的a-select组件不能直接使用,所以需要基于插件再修改一下。

2024-01-30 17:00:53 1584 1

原创 echarts 柱状图数据过多时自动滚动

当我们柱状图中X轴数据太多的时候,会自动把柱形的宽度挤的很细,带来的交互非常不好,我们可以用dataZoom属性来解决。如果需要自动滚动,需要再加个定时器,还可以在标签上设置鼠标放上去停止滚动。简易的版本,横向滚动。

2024-01-26 17:27:04 1878

原创 css左右两端对齐

【代码】css左右两端对齐。

2023-11-08 09:42:22 237

原创 antdv 锚点踩坑

背景:使用antd的锚点时,按照官方文档的用法配置之后发现锚点组件的锚点Title位置没办法随着我的页面滚动而变化,但是点击Title跳转具体锚定位置的功能却是没有问题的。解决方法:getContainer绑定滚动范围容器。

2023-10-18 09:17:39 1886 1

原创 js将带标签的内容转为纯文本

创建一个临时 DOM 并给他赋值,然后我们使用 DOM 对象方法提取文本。背景:现需要将富文本的所有 html 标签全部删除得到纯文本。

2023-10-17 09:59:50 702

原创 antd 表格getCheckboxProps禁用

需求:列表某些数据复选框禁用。

2023-10-12 10:13:39 926

原创 a-select下拉框因为数据量太大造成卡顿的问题

实际需求:在项目中一个下拉框中需要展示10000条数据,这10000条数据去后端查询虽然比较快,但是将查询结果返回给前端需要进行渲染,前端就会造成卡顿的现象,这时候就可以使用滑动加载只渲染总数据前100条数据以保证不卡顿。然后当需要搜索的时候对从后台拿到的数据进行过滤,也只取前100条,然后通过select下拉框popupScroll事件,下拉列表滚动时的回调,每次回调时都添加一部分数据来解决下拉框的卡顿问题。

2023-05-12 16:48:47 1369 2

原创 vue-router 中beforeEach无限循环

vue-router 中beforeEach无限循环

2023-04-07 11:13:12 670

原创 antd 表单setFieldsValue给变量赋值

antd 表单setFieldsValue给变量赋值)

2023-04-06 09:44:46 624 1

原创 js根据数组对象的某一属性排序

js根据数组对象的某一属性排序

2023-03-28 16:58:47 164

原创 antdv table 行点击事件且点击高亮显示

antdv table 行点击事件且点击行高亮显示

2023-01-14 14:11:58 2411

原创 echarts文本过长显示...

echarts文本过长显示...

2022-08-29 17:18:16 266

原创 css只翻转背景图片而不翻转内容

想翻转背景图片,直接在元素里面用transform,然后发现内容也翻转了。

2022-08-05 09:42:45 3837

原创 vue 点击事件名是变量

代码】vue点击事件名是变量。

2022-07-22 11:17:53 891

原创 vue中v-for写在template上,加key提示错误

vue中v-for写在template上,加key提示错误

2022-07-22 09:08:32 5486 1

原创 vue3.0项目引入three.js

vue3.0项目引入three.js

2022-07-20 11:34:12 777

原创 vue实现html格式(富文本编辑器)导出word

目录1.导入需要的包2.引入3.点击事件实现导出html-docx-js和file-saver2.引入3.点击事件实现导出

2022-06-24 09:40:55 2542 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除