- 博客(186)
- 收藏
- 关注
原创 使用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
原创 G6基本使用
Graph 是 G6 图表的载体,所有的 G6 节点实例操作以及事件,行为监听都在 Graph 实例上进行。Graph 的生命周期为:初始化—>加载数据—>渲染—>更新—>销毁。G6.Graph的配置项参数Graph 的初始化通过 new 进行实例化,实例化时需要传入需要的参数。设置初始化数据:graph.data(data) //graph 是Graph的实例根据提供的数据渲染视图: graph.render()
2024-12-04 09:24:34
944
原创 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
原创 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
原创 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
原创 antdv 锚点踩坑
背景:使用antd的锚点时,按照官方文档的用法配置之后发现锚点组件的锚点Title位置没办法随着我的页面滚动而变化,但是点击Title跳转具体锚定位置的功能却是没有问题的。解决方法:getContainer绑定滚动范围容器。
2023-10-18 09:17:39
1886
1
原创 js将带标签的内容转为纯文本
创建一个临时 DOM 并给他赋值,然后我们使用 DOM 对象方法提取文本。背景:现需要将富文本的所有 html 标签全部删除得到纯文本。
2023-10-17 09:59:50
702
原创 a-select下拉框因为数据量太大造成卡顿的问题
实际需求:在项目中一个下拉框中需要展示10000条数据,这10000条数据去后端查询虽然比较快,但是将查询结果返回给前端需要进行渲染,前端就会造成卡顿的现象,这时候就可以使用滑动加载只渲染总数据前100条数据以保证不卡顿。然后当需要搜索的时候对从后台拿到的数据进行过滤,也只取前100条,然后通过select下拉框popupScroll事件,下拉列表滚动时的回调,每次回调时都添加一部分数据来解决下拉框的卡顿问题。
2023-05-12 16:48:47
1369
2
原创 vue实现html格式(富文本编辑器)导出word
目录1.导入需要的包2.引入3.点击事件实现导出html-docx-js和file-saver2.引入3.点击事件实现导出
2022-06-24 09:40:55
2542
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人