JavaScript论坛 今日: 0|主題: 736|排名: 75 

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 随着前端业务的快速发展，微前端架构已经被广泛采用，其中 qiankun 作为主流解决方案也越来越受到关注。前几天面试时，我就被问到了一个高频问题：qiankun 是如何实现 JS 和 CSS 隔离的？ qiankun 的JS 沙箱 qiankun 的微前端场景是：主应用加载多个子应用，不同 ...

大屏项目指南 资源列表 1. echars官方文档：[Apache ECharts](https://echarts.apache.org/zh/index.html) 1. api： [Api](https://echarts.apache.org/zh/api.html#echarts) 2. 配置项手册：[Options](https://echarts.apache.org/zh/option.html#title) 3. 术语快查手册:[术语速查手册](https://echarts.apache.org ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣   1. 前端倒计时为何不准？ 1.1 JavaScript的“单线程陷阱” JavaScript是单线程语言，所有任务（包括定时器回调）都在同一个线程中排队执行。当主线程被耗时任务（如复杂计算、网络请求）阻塞时，定时器回调只能“望队兴叹”，导致实际执行时间远晚于预期时间。就像一 ...

在前端风风雨雨的混了多年，从没在项目中实际使用过 IndexedDB 这个浏览器端的数据库，所以今天就摸了下 MDN 的后门，写一个简单的入门示例。 页面大概长这样： 源码： 以下代码包含了一个数据库所有的 CRUD （增删改查）操作。 <div> <button id="js_add_btn">添加书籍</button> </div> <div> <input type="text" nam ...

在最新版本的 Figma 设计系统 中，所有变量已与 AG Grid Theming API 参数 实现 1:1 映射。这意味着设计师在 Figma 中的修改能够无缝传递到开发代码，彻底消除沟通障碍。更重要的是，借助自动化导出与转换工具，团队可以一键生成生产可用的 AG Grid 自定义主题，显著提升交付效率 ...

为了满足 DHTMLX Scheduler 用户的实际业务需求，本文将展示如何在 JavaScript 日程组件中实现“带拖拽的任务待办区（Backlog）”。这一功能让用户可以像物业管理系统那样，通过简单的拖拽操作将任务分配到时间轴上的合适位置，大幅提升排程效率与体验。 DHTMLX Scheduler 试用下载，请联系DHTMLX官方授权代理商 ...

sessionStorage 与 localStorage 差不多可以算作一对兄弟，它俩的暴露的 API 方法一模一样。 但两者也有不同点： 1、sessionStorage 存入的数据在页面关闭后，会自动清除。 2、相同 URL 的每个 tab 页签的 sessionStorage 会被隔离，互不影响。也就是说相同的链接，在 A 标签页打开和在 B 标签打开，A 写入的 sessionStorag ...

大家好，我是 Java陈序员。 在日常工作生活中，常常需要对一些文件进行转换，如不同格式的照片进行转换，还有 Office 各文档之间的转换等。但常常找不到趁手的工具，使用在线工具又担心隐私泄漏。 今天，给大家介绍一个开源自托管的文件转换神器，支持超多种文件格式转换，可以说是格式转换全能王！ 关注微信公众号：【Jav ...

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

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

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

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

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 不能使 ...

原文地址：https://deno.com/blog/history-of-javascript JavaScript 简史 今年，JavaScript 迎来了 30 岁生日。 在这三十年里，JavaScript 从一门仅用 10 天开发出来的“小众脚本语言”，成长为全球最受欢迎的编程语言。让我们通过历史上的关键节点，回顾它的进化之路，展望它的未来方向。 1994 年 12 月 网景发布 Nets ...

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

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

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

js进阶 函数 可以把函数看成java里面的方法本质是一样的知识位置不一样 定义方式一 //绝对值函数 function abs(x){ if(x>=0){ return x; }else{ return -x; } } abs(10) //10 abs(-10) //10 一旦执行return就代表函数结束，返回结果！！！如果没有执行return，函数执行完也会返回结果，结果就是undefined ...

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