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

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

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

logoly —— 一个简单的在线 Logo 生成器，提供了类似 Pornhub 或 OnlyFans 风格的 Logo 生成功能，可以自定义颜色、字体大小，并支持 PNG 或 SVG 格式下载。 ...

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

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

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

vxe-table 实现服务端筛选、分页筛选 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 配置 filter-co ...

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

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

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

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

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

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

在这个人工智能时代，Markdown因其易用性而备受重视。这种标记语言易于人类和机器理解。此外，与 HTML 和 DOCX 相比，这种格式更有助于法学硕士 (LLM) 理解文档结构。因此，本指南将介绍如何以 Python 编程方式将HTML转换为 Markdown。我们将使用Aspose.HTML ...

需求：主进程产生菜单栏，点击菜单栏触发事件，获取渲染进程的数据并进行文件保存 AI【豆包】给的解决方案： 指令：electron主线程触发获得界面数据回调 实现流程 主进程通过 ipcMain.send 或 ipcMain.invoke 向渲染进程发送数据请求 渲染进程通过 ipcRenderer. ...

Vue-Official 手动更改插件显示语言 至今，Vue-Official 作为 Vue.js 的官方插件，仍然没有提供手动修改 language server 语言的设置项。Vscode 的 Typescript 插件早已经支持在设置里单独更改语言。 现在我有一个奇怪的需求：由于我不想下载 V ...

使用 Python 将网页转换为 PDF 有时您需要离线访问网页，使其更易于访问。因此，将HTML页面转换为PDF即可满足您的需求。令人惊讶的是，您可以在几秒钟内在 Python 项目中启用 HTML 到 PDF 的转换。本指南将为 Python 开发人员介绍一个功能强大的 SDK——Aspose. ...

在现代软件开发中，图形用户界面（GUI）不仅仅是功能的承载体，更是用户体验的关键组成部分。一个美观、统一且具备高度可定制性的界面，能够显著提升系统的专业感和使用效率。 Stimulsoft 作为功能强大的报表和仪表板解决方案提供商，其 JavaScript 版本（Stimulsoft Reports ...

前端的 cookie 读写在 2020 年之前一直不存在一个官方的接口，每次需要使用 cookie 的时候，要么是引入三方插件，要么就需要自己封装一个公用的组件或函数。 npm 的 cookie 插件周下载量 6 千万左右，可以想象一下此功能在前端的应用场景有多么广泛~~ cookie 插件: ht ...