- 博客(11)
- 收藏
- 关注
原创 element ui 按钮失焦
在ElementUI中,要实现按钮组默认高亮,且点击其他地方不默认失焦,只有点击其他按钮时才变焦的效果,通常需要通过一些自定义的逻辑和样式控制来实现。
2024-09-25 15:10:35
492
原创 box-sizing (怪异盒模型)
在CSS中,的设置确实改变了元素盒模型的计算方式,但它对margin没有直接影响。margin仍然位于元素的外部,不受box-sizing属性的影响。
2024-08-24 19:17:12
389
原创 全双工与半双工
全双工:数据可以在同一时间内在两个方向上同时传输。半双工:数据可以在两个方向上传输,但同一时间只能在一个方向上传输。选择全双工还是半双工通信方式,取决于具体的应用场景、技术要求和成本考虑。在要求高效数据传输和即时双向通信的场合,全双工是更好的选择;而在资源受限或成本敏感的环境中,半双工通信可能更为合适。
2024-08-23 19:15:42
537
原创 词云如何跳转
在数据可视化图表中,特别是当你使用词云(Word Cloud)时,通常词云中的每个单词都是一个可交互的元素,比如可以绑定点击事件来实现跳转或其他交互。不过,要注意的是,具体的实现方式会依赖于你使用的图表库(如 ECharts、Highcharts、D3.js 等)以及你的具体需求(比如跳转到新的页面、弹出对话框、显示更多信息等)。(词的权重或大小)等属性,此外还可能包含你自定义的其他属性,比如在这个例子中的。: 字符串,表示被点击的数据项的名称(在这个上下文中,通常是词云中的一个词)。
2024-08-23 14:39:33
422
原创 Vuex和localStorage完全可以一起使用
为了将Vuex和localStorage结合使用,你通常需要在Vuex的mutation或action中编写代码来同步状态到localStorage,并在Vuex的初始化过程中从localStorage中恢复状态。然而,Vuex的状态是存储在内存中的,这意味着当页面刷新或关闭后,存储在Vuex中的数据会丢失。:对于不需要频繁更新的数据,可以存储在localStorage中,以减少对Vuex状态的依赖和内存的使用。:使用Vuex来管理应用中的状态,确保组件之间的通信是高效和可预测的。
2024-08-21 11:54:03
194
原创 localStorage和Vuex
localStorage和Vuex在前端开发中扮演着不同的角色,它们之间的主要区别体现在数据存储位置、数据共享方式、数据变更方式、数据容量限制、应用场景以及永久性等方面。
2024-08-21 11:51:37
1015
原创 前端的本地储存
虽然Cookie主要用于在服务器和客户端之间传递信息,但它们也可以被用于在客户端(即浏览器)进行少量的数据存储。不过,由于Cookie的存储限制和每次HTTP请求都会携带它们,因此它们通常不是存储大量数据的最佳选择。IndexedDB是一种低级的API,用于在客户端存储大量的结构化数据,包括文件和二进制大对象(blobs)。来访问和修改Cookie。它们通过简单的JavaScript API来访问和修改存储在浏览器中的数据。的数据仅在当前会话(即浏览器标签页)中有效,关闭标签页后数据将被清除。
2024-08-21 09:15:04
1136
原创 对WebSocket的理解
定义:WebSocket是一种在Web应用程序中实现实时双向通信的协议。它基于TCP协议,提供了一个全双工的通道,允许服务器和客户端之间实时交换数据。特点双向通信:WebSocket支持服务器和客户端之间的双向通信,即服务器可以主动向客户端推送数据,而客户端也可以随时向服务器发送数据。实时性强:由于WebSocket建立了持久的连接,因此数据传输的延迟极低,适用于需要实时交互的应用场景。支持二进制:WebSocket不仅支持文本数据,还支持二进制数据的传输,使得数据传输更加灵活和高效。控制开销小。
2024-08-20 16:01:01
1718
原创 vue3传参
在Vue 3中,组件间传参主要通过props、emits、Vuex和Provide/Inject等方式实现。根据你的具体需求选择合适的传参方式。对于简单的父子组件通信,props和emits通常是足够的;对于复杂的状态管理,Vuex是更好的选择;而Provide/Inject则适用于跨越多层的组件通信。
2024-08-13 10:45:38
450
原创 vue2传参
在Vue 2中,事件传参是一种常用的在组件间或父子组件间通信的方式。当你在模板中监听一个事件时,有时候需要向事件处理函数传递一些参数。Vue 2 提供了几种方式来处理事件传参。
2024-08-13 10:26:26
253
原创 vue3表格中请求的图片如何渲染
在使用 Element UI 的表格(<el-table>)组件时,处理图片通常涉及到在表格的某个单元格中显示图片。这通常是通过将图片的 URL 绑定到<img>标签的src属性上来实现的。以下是一个基本的步骤和示例,展示如何在 Element UI 的表格中显示图片。
2024-07-17 20:14:34
429
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人