前端开发综合论坛 今日: 0|主題: 906|排名: 70 

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣   unplugin-auto-import：为 Vite、Webpack、Rollup 设计的按需自动导入 API 的强大工具 🔍 开发痛点分析 在日常前端开发中，我们经常遇到以下困扰： 重复导入常用模块 - 如 dayjs、lodash 等工具库 频繁引用枚举值 - 相同的 enum 需要在多个文件中重复导入 全局函数 ...

本地存储除了 Cookie 外，还有 localStorage 和 sessionStorage，本文一探 localStorage。 localStorage 此 API 存入的数据会 永久 保存在浏览器中，除非用户手动删除。 localStorage 能用于同一浏览器同一域名跨标签页通信。 同一浏览器无痕模式和非无痕模式下，localStorage 存储的数据无法互通，且无痕模式存入的数据在 ...

近日，JavaScript 数据表格方案AG Grid 正式发布 34.1 版本，本次更新以“提升开发者生产力、简化测试流程、增强布局与样式控制”为核心目标，带来了多项实用功能与体验优化。值得一提的是，该版本为非中断版本，当前使用 33.x 版本的开发者可无缝升级，无需修改已有代码。 AG Grid最新版下载，请联系AG Grid中国区合 ...

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

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

React开发者们的呼声，DHTMLX团队听到了！继DHTMLX React Gantt图表广受欢迎后，DHTMLX再次带来全新力作 —— DHTMLX React Scheduler正式发布！ 该组件将成熟稳定的JavaScript Scheduler功能完美移植到React生态，为现代Web开发提供强大的日程排程能力，极大地提升项目开发效率与界面体验。本文将带您快速了解其核心 ...

原生 DOM 更新 graph LR A[数据变化] --> B[手动查找DOM节点] B --> C[直接修改节点属性] C --> D[处理相关依赖节点] Diff 算法更新 graph LR A[应用状态变更] --> B[生成新的虚拟 DOM 树] B --> C[Diff 算法比较新旧树] C --> D[计算最小变更集] D --> E[批量更新真实 DOM] 什么是 Diff 算法 ...

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

大家好，我是 Java陈序员。 作为一名程序员，你是否会想搭建个人技术博客，却被各种技术配置搞得头大？用静态博客系统要手动部署，用动态系统又担心速度太慢，找图床、配评论、做统计还要东拼西凑各种工具？ 今天，给大家介绍一款简洁优雅的高性能个人博客系统，开箱即用！ 关注微信公众号：【Java陈序员】，获取开源项目 ...

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

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 啊！！！Blob 居然这么强大！ 在前端开发的世界里，我们每天都在和各种 API、对象和数据打交道。然而，有一个对象，常常被我们忽视，却又在背后默默支撑着许多关键功能 —— 它就是 Blob。 Blob（Binary Large Object）听起来像是一个“冷门”对象，但实际上，它几乎无处不在 ...

介绍 TreeWalker TreeWalker 是 JavaScript 中用于遍历 DOM 树的一个接口。允许你以灵活的方式在 DOM 树中进行前向和后向遍历，包括访问父节点、子节点和兄弟节点。适用于处理复杂的 DOM 操作：在遍历过程中进行添加、删除或修改节点的操作，并继续遍历。 与普通的 for 循环 + querySelector 相比灵活性更高。执行速度方面 ...

大家好，我是 Java陈序员。 在日常生活中，常常需要设计个人 Logo. 对于许多非专业人士来说，设计 Logo 可能是一件令人头疼的事情。 今天，给大家介绍一款在线的 Logo 生成器，帮助你轻松生成 Pornhub 风格的 Logo！ 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 项目 ...

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

面试时候经常会被问及 Cookie 大小限制，但一直没尝试写一些 demo 测试下溢出极限值会怎样~~ 本文就来看看各种极限情况！ 英文 测试代码： (() => { const maxSize = 4 * 1024; // 4KB const name = 'name' // 最大出入的 value 长度 const maxValueStr = 'a'.repeat(maxSize - name.length); // firefox 不能使 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 在 React 开发中，我们经常需要根据窗口大小来调整组件的行为。今天我们将从最简单的实现开始，逐步优化，最终构建出一个高性能的 useWindowSize Hook。 第一步：最简单的实现 让我们从最基础的版本开始： import { useState, useEffect } from 'react' function u ...

vxe-table 实现服务端筛选、分页筛选 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 配置 filter-config.remote 和 filter-change 与 clear-all-filter 事件，实现服务端筛选 <template> <div> <vxe-grid v-bind="gridOptions" v-on ...

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

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

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