刷新
vue vxe-table 如何实现表格设置默认行高同时又支持自定义行高

vue vxe-table 如何实现表格设置默认行高同时又支持自定义行高 在有些产品需求中,列表需要设置默认行高,还得同时支持自适应高度,那么对于这种情况也是可以实现的,首先将默认行高通过 css 变量修改,然后再启用自定义行高,就可以轻松实现这个功能了。 查看官网:https://vxetable ...

记录---浏览器指纹-探究前端如何识别用户设备

博主头像 ‍ 写在开头 点赞 + 收藏 学会 什么是浏览器指纹? 浏览器指纹,是用来唯一标识你浏览器的一组“特征值”。它不是我们理解中的那种真实指纹,而是通过收集浏览器、操作系统、设备分辨率、字体、插件等信息,组合成的一个独特 ID。 和传统的 Cookie 不同,浏览器指纹不需要在用户设 ...

Diff算法的简单介绍

博主头像 原生 DOM 更新 graph LR A[数据变化] --> B[手动查找DOM节点] B --> C[直接修改节点属性] C --> D[处理相关依赖节点] Diff 算法更新 graph LR A[应用状态变更] --> B[生成新的虚拟 DOM 树] B --> C[Diff 算法比较新旧树] ...

vue vxe-table 实现列个性化自定义列功能,自动记忆用户的操作列状态,完整的详细教程

vue vxe-table 实现列个性化自定义列功能,自动记忆用户的操作列状态,完整的详细教程 在开发 ERP 系统或后台管理系统时,经常需要用到的记忆列状态的功能,就是不同用户根据不同的列表页面,比如将用户主动将常用的列显示出来和不常用的列隐藏,列冻结状态等,刷新页面或者下次进入页面后自动回复成上 ...

前端代码安全防护完整指南

随着前端应用复杂度不断提升,保护JavaScript源代码和核心业务逻辑变得越来越重要。本文将介绍多种前端代码安全防护策略,构建多层次的安全防护体系。 前端安全威胁分析 常见安全风险 源代码泄露:核心算法和业务逻辑暴露 API接口滥用:恶意调用后端接口 数据爬取:自动化工具批量获取数据 逆向工 ...

记录---啊!!!Blob 居然这么强大!

博主头像 ‍ 写在开头 点赞 + 收藏 学会 啊!!!Blob 居然这么强大! 在前端开发的世界里,我们每天都在和各种 API、对象和数据打交道。然而,有一个对象,常常被我们忽视,却又在背后默默支撑着许多关键功能 —— 它就是 Blob。 Blob(Binary Large Object) ...

学习 TreeWalker api 并与普通遍历 DOM 方式进行比较

博主头像 介绍 TreeWalker TreeWalker 是 JavaScript 中用于遍历 DOM 树的一个接口。允许你以灵活的方式在 DOM 树中进行前向和后向遍历,包括访问父节点、子节点和兄弟节点。适用于处理复杂的 DOM 操作:在遍历过程中进行添加、删除或修改节点的操作,并继续遍历。 与普通的 f ...

跨域问题

博主头像 1、跨域问题的产生 跨域问题的根源是浏览器的同源策略:出于安全考虑,当从A域名请求B域名的资源时,如果A、B两域名不同源(协议不同/域名不同/端口不同),浏览器就会拦截这次请求或响应。 为什么会有跨域限制——防止窃取用户数据:比如你打开了银行网站www.bank.com进行了登录,后来你又打开了恶意 ...

记录---从零开始编写 useWindowSize Hook

博主头像 ‍ 写在开头 点赞 + 收藏 学会 在 React 开发中,我们经常需要根据窗口大小来调整组件的行为。今天我们将从最简单的实现开始,逐步优化,最终构建出一个高性能的 useWindowSize Hook。 第一步:最简单的实现 让我们从最基础的版本开始: import { use ...

优雅管理模态框:基于 Pinia 的类型安全的解决方案

博主头像 引言 在现代前端应用中,模态框(Modal)是最常用的UI组件之一。然而,随着应用规模的增长,模态框的状态管理往往会变得混乱。本文将介绍一种基于 Pinia 和 Vue 3 Composition API 的类型安全模态框管理方案,帮助你优雅地处理应用中的各种模态框状态。 核心概念解析 1. Pin ...

在Vue3+ElementPlus前端中增加对@wangeditor的富文本编辑器和上传文件的处理的封装,实现系统新闻资讯的管理

博主头像 在很多业务系统中,有时候需要编辑富文本,就是包括图文消息排版等处理,图片有时候需要结合后端实现图片的上传处理,在本篇随笔中,结合@wangeditor的富文本编辑器和上传文件的处理的封装,来实现系统新闻资讯的管理,可以实现图片上传和图文排版的常规操作。 ...

在Vue3+ElementPlus前端中增加表格记录选择的自定义组件,通过结合Popover 弹出框和Input输入框或者按钮选择实现

博主头像 上次客户过来讨论的时候,说起其旧系统很多字段选择是通过弹出表格选择记录的,希望沿袭这个使用习惯,否则客户对新系统开发可能不适应,问我如何在Vue3+ElementPlus前端中是否可以实现,我说你基于JQuery的都可以实现,那么Vue3上开发肯定没问题的,而且响应会更加丝滑的,于是我就琢磨做一个通... ...

@meng-xi/uni-router

博主头像 @meng-xi/uni-router 是一个专为 uni-app 开发的路由管理库,采用类似 vue-router 的设计风格,并提供丰富的工具函数,帮助开发者轻松实现跨平台路由管理。 npm包地址 github地址 核心功能 类 vue-router API:与 vue-router 相似的 A ...

在SqlSugar的开发框架的Vue3+ElementPlus前端中增加对报表模块的封装处理,实现常规报表的快速处理

博主头像 在我们开发业务系统的时候,往往都需要一些数据报表进行统计查看,本篇内容介绍如何在实际的前端中对报表内容进行的一些封装操作,以便提高报表模块开发的效率,报表模块的展示主要是结合Vue3中比较广泛使用的echarts图表组件进行展示。 在前端界面开发中,良好的组件封装和使用,可以给我们提供更好的开发效率... ...

记录---npm link 详解:本地包开发与测试的利器

博主头像 ‍ 写在开头 点赞 + 收藏 学会 npm link 详解:本地包开发与测试的利器 什么是 npm link? npm link 是 npm 提供的一个强大功能,它允许你在本地开发环境中创建符号链接,将本地开发的包链接到其他项目中进行测试和使用。这个功能特别适合在开发自己的 np ...

<1···8910···50>