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

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

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

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

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

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

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

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

前端开发一直有种错觉，好像异常捕获都是后端的事，毕竟后端开发时如果不处理代码中的异常，有些资源得不到释放，极其容易导致内存泄漏。 前端由于 JS 的垃圾回收机制无需手动释放资源，反而不会怎么使用异常捕获代码中的错误。实际上任何编程语言，要写出一个健壮性的代码，都需要考虑异常处理。 本文分析下哪些地方 ...

js进阶 函数 可以把函数看成java里面的方法本质是一样的知识位置不一样 定义方式一 //绝对值函数 function abs(x){ if(x>=0){ return x; }else{ return -x; } } abs(10) //10 abs(-10) //10 一旦执行return就代 ...

PDF 文档通常是合同、发票、证书和报告的最终格式。尽管它们在设计上是静态的，但用户现在希望能够与它们交互、验证信息并直接从这些文件访问数字服务。这时，二维码就变得至关重要。 PDF 文档中的二维码将印刷或数字内容与动态在线体验连接起来。用户只需扫描二维码即可验证文档、打开相关网站、访问客户门户或继 ...

JS 中异步任务随处可见，比如： 1、用户交互的点击、输入 2、网络请求的 fetch、ajax、WebSocket 3、资源中的图片、脚本加载 4、定时任务 setTimeout、setInterval、动画 5、Web Worker 中的后台任务 以上这些地方都能见到 JS 异步任务使用场景。 ...

全球知名的 JavaScript UI 组件库 DHTMLX Suite 迎来 9.2 新版本！此次更新虽为次版本号，却实质性提升了 Grid 网格组件的交互能力与用户体验，引入了包括历史记录管理、剪贴板操作、数据选择范围管理、Block 区块选择等多项高级模块，支持更接近电子表格的使用体验。 新版 ...

在 ES6 之前，JS 的多行字符串一直是开发难题，在处理多行字符串时，各种各样的方案都有~~ 在 JS 中，如果直接这样写多行字符串： const str1 = '第一行 第二行'; 那浏览器转过来就打脸，分分钟报错： Uncaught SyntaxError: Invalid or unexpe ...

在ERP、MES、数据分析、财务报表等数字化应用场景中，表格控件是前端界面中不可或缺的组件。从类Excel交互，到大数据渲染、再到复杂报表展示，不同项目对表格的需求千差万别。 今天这篇文章，将为你详细解析三款国际知名的商业级前端表格解决方案：✅ Jspreadsheet✅ AG Grid✅ Spre ...

‍ 写在开头 点赞 + 收藏 学会 传统的下载方式如window.open()或<a>标签点击存在诸多痛点： 批量下载时浏览器会疯狂弹窗 HTTPS页面下载HTTP资源被拦截 今天分享的前端iframe批量下载方案，可以有效解决以上问题。 一、传统批量下载方案的局限性 传统的批量 ...

近日，Stimulsoft 官方宣布其产品在“在线地图”功能方面进行了关键调整。自 2025.3.1 版本起，Stimulsoft Dashboards 新增支持 OpenStreetMap，用户在创建仪表板地图时可灵活选择地图服务提供商。 Stimulsoft Ultimate （原Stimuls ...

上篇文章说到了引导式访问组件，其中有个扩展功能是是否强制以及是否第一次进行引导访问，这时候有个 guideKey 可以作为根据判断，那么存储拿取的时候就用到唯一值了，然后就有了这篇文章介绍的几种姿势，有深入哦~ 背景 假设已经使用 guideKeyList 来记录已完成的引导步骤： let guid ...

开发中经常会遇这样的需求：点击 A 元素的时候，需要触发 B 元素的事件，比如：点击一个 div 元素，然后触发 input:file 的 click 事件，用来选择文件上传。 click 方法 以上需求可通过元素的 click 方法触发： <style> .test2 { padding: 4px ...

数据类型 基础类型: String、Number、Boolean、null、undefined、Symbol 存储在栈中，赋值变量和比较均为数据本身。 引用类型：Object、Array、Map、Function 存储在堆中，使用new创建，赋值变量和比较均是内存地址。 检测数据类型 1.typeo ...