作为全球领先的前端表格控件之一,AG Grid 再次引领创新。近日,AG Grid正式发布 AG MCP(Model Context Protocol Server) —— 一个基于开源协议的智能接口,旨在让各类AI模型(如Claude、Cursor、Copilot等)能够直接访问最新、最准确的AG... ...
HTML 版本不停的更新迭代,也导致浏览器支持的写法眼花缭乱,就拿 script 标签来说,刚刚入行的那会儿就只知道用来写内联的 js 代码,后来又学到了引入 js 文件,ES 模块规范化之后又知道能用来引入模块化的 js 代码,可这就是它的全部了吗?? 然而...并不是!!! 各种用法 看看 sc ...
本文从多个维度对比 Galacean 和 Three.js 两款Web3D 引擎的差异,并介绍拟我形象项目从Three.js 切换到 Galacean 以后带来的提升以及项目迁移的心得,为其他 Three.js 项目升级到 Galacean 提供参考。 ...
JavaScript数据网格方案AG Grid 正式发布 34.2 版本,本次更新为开发者带来了更灵活的数据分组方式、更顺畅的大数据集交互体验,以及更直观的 UI 提示与操作反馈。 ...
最初的 JS 执行代码都是一条线执行到底,当遇到比较耗时的操作时,比如大数组循环运算,就会导致页面卡着,就像假死一样。就像一个人在厨房烧菜一样,需要依次完成切菜、炒菜、装盘这些步骤,此过程中没办法同时做其他事情,必须按顺序执行每一个步骤。 Web Worker 赋予了 JS 分配任务的能力,在遇到复 ...
写在开头 点赞 + 收藏 学会 随着前端业务的快速发展,微前端架构已经被广泛采用,其中 qiankun 作为主流解决方案也越来越受到关注。前几天面试时,我就被问到了一个高频问题:qiankun 是如何实现 JS 和 CSS 隔离的? qiankun 的JS 沙箱 qianku ...
大屏项目指南 资源列表 1. echars官方文档:[Apache ECharts](https://echarts.apache.org/zh/index.html) 1. api: [Api](https://echarts.apache.org/zh/api.html#echarts) 2. ...
写在开头 点赞 + 收藏 学会 1. 前端倒计时为何不准? 1.1 JavaScript的“单线程陷阱” JavaScript是单线程语言,所有任务(包括定时器回调)都在同一个线程中排队执行。当主线程被耗时任务(如复杂计算、网络请求)阻塞时,定时器回调只能“望队兴叹”,导致实 ...
在前端风风雨雨的混了多年,从没在项目中实际使用过 IndexedDB 这个浏览器端的数据库,所以今天就摸了下 MDN 的后门,写一个简单的入门示例。 页面大概长这样: 源码: 以下代码包含了一个数据库所有的 CRUD (增删改查)操作。 <div> <button id="js_add_btn">添 ...
在最新版本的 Figma 设计系统 中,所有变量已与 AG Grid Theming API 参数 实现 1:1 映射。这意味着设计师在 Figma 中的修改能够无缝传递到开发代码,彻底消除沟通障碍。更重要的是,借助自动化导出与转换工具,团队可以一键生成生产可用的 AG Grid 自定义主题,显著提... ...
为了满足 DHTMLX Scheduler 用户的实际业务需求,本文将展示如何在 JavaScript 日程组件中实现“带拖拽的任务待办区(Backlog)”。这一功能让用户可以像物业管理系统那样,通过简单的拖拽操作将任务分配到时间轴上的合适位置,大幅提升排程效率与体验。 ...
sessionStorage 与 localStorage 差不多可以算作一对兄弟,它俩的暴露的 API 方法一模一样。 但两者也有不同点: 1、sessionStorage 存入的数据在页面关闭后,会自动清除。 2、相同 URL 的每个 tab 页签的 sessionStorage 会被隔离,互不 ...
ConvertX —— 一个基于 TypeScript、Bun 和 Elysia 实现的自托管在线文件转换工具,支持超过一千种不同格式的文件转换。 ...
本地存储除了 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 ...