Web前端入门第 79 问：JavaScript async & await 的异步任务进化之路
JS 中异步任务随处可见，比如：
1、用户交互的点击、输入
2、网络请求的 fetch、ajax、WebSocket
3、资源中的图片、脚本加载
4、定时任务 setTimeout、setInterval、动画
5、Web Worker 中的后台任务
以上这些地方都能见到 JS 异步任务使用场景。
不过 JS 的异步任务 使用方法 却经过了多次迭代，多次进化才像一个完全体~~
...
DHTMLX Suite 9.2 重磅发布：支持历史记录、类Excel交互、剪贴板、拖放增强等多项升级
全球知名的 JavaScript UI 组件库 DHTMLX Suite 迎来 9.2 新版本！此次更新虽为次版本号，却实质性提升了 Grid 网格组件的交互能力与用户体验，引入了包括历史记录管理、剪贴板操作、数据选择范围管理、Block 区块选择等多项高级模块，支持更接近电子表格的使用体验。
新版 Grid 组件不仅在数据可视化、数据编辑 ...
Web前端入门第 78 问：JavaScript 比较少见的模版字符串用法
在 ES6 之前，JS 的多行字符串一直是开发难题，在处理多行字符串时，各种各样的方案都有~~
在 JS 中，如果直接这样写多行字符串：
const str1 = '第一行
第二行';
那浏览器转过来就打脸，分分钟报错：
Uncaught SyntaxError: Invalid or unexpected token
ES5 多行字符串
以下多种方式都输出：
公众号：
前端路引
1、使 ...
前端表格控件选型指南：Jspreadsheet、AG Grid、SpreadJS，谁更适合你？
在ERP、MES、数据分析、财务报表等数字化应用场景中，表格控件是前端界面中不可或缺的组件。从类Excel交互，到大数据渲染、再到复杂报表展示，不同项目对表格的需求千差万别。
今天这篇文章，将为你详细解析三款国际知名的商业级前端表格解决方案：✅ Jspreadsheet✅ AG Grid✅ SpreadJS
它们各自擅长什么？ ...
记录---用 iframe 实现前端批量下载的优雅方案 —— 从原理到实战
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
传统的下载方式如window.open()或<a>标签点击存在诸多痛点：
批量下载时浏览器会疯狂弹窗
HTTPS页面下载HTTP资源被拦截
今天分享的前端iframe批量下载方案，可以有效解决以上问题。
一、传统批量下载方案的局限性
传统的批量下载方式通常是循环创建 a 标签并触发 ...
Stimulsoft 仪表板支持 OpenStreetMap：适应必应地图 API 停用新变化
近日，Stimulsoft 官方宣布其产品在“在线地图”功能方面进行了关键调整。自 2025.3.1 版本起，Stimulsoft Dashboards 新增支持 OpenStreetMap，用户在创建仪表板地图时可灵活选择地图服务提供商。
Stimulsoft Ultimate （原Stimulsoft Reports.Ultimate）是用于创建报表和仪表板的通用工具集。该产品包括用于Win ...
数组去重的几种姿势
上篇文章说到了引导式访问组件，其中有个扩展功能是是否强制以及是否第一次进行引导访问，这时候有个 guideKey 可以作为根据判断，那么存储拿取的时候就用到唯一值了，然后就有了这篇文章介绍的几种姿势，有深入哦~
背景
假设已经使用 guideKeyList 来记录已完成的引导步骤：
let guideKeyList = uni.getStorageSync("guid ...
Web前端入门第 77 问：JavaScript 由程序触发绑定事件的几种方式
开发中经常会遇这样的需求：点击 A 元素的时候，需要触发 B 元素的事件，比如：点击一个 div 元素，然后触发 input:file 的 click 事件，用来选择文件上传。
click 方法
以上需求可通过元素的 click 方法触发：
<style>
.test2 {
padding: 4px;
margin-top: 12px;
}
</style>
<input type="file" class="test1" ...
JavaScript
数据类型
基础类型: String、Number、Boolean、null、undefined、Symbol 存储在栈中，赋值变量和比较均为数据本身。
引用类型：Object、Array、Map、Function 存储在堆中，使用new创建，赋值变量和比较均是内存地址。
检测数据类型
1.typeof 基本数据类型
不能区分null，数组，对象，正则，因为返回的都是”object”
type ...
Web前端入门第 76 问：JavaScript 鼠标事件(mouse) enter/leave 和 over/out 区别
题外话
在考察事件基础的时候，会经常被问及 click、mousedown、mouseup 它们三者执行的先后顺序是怎样的？
如果平时没太注意，这细节可能就会忽略，毕竟很少会在同一个元素上面同时绑定这三个事件~~
直接上示例：
<div class="c">测试点击事件</div>
<script>
(() => {
const c = document.querySelector('.c')
...
JavaScript中如何遍历对象？
JavaScript中如何遍历对象？
今天来点稍微轻松的话题，如何在JavaScript中遍历对象，在平常的工作中，遍历对象是很常见的操作，javascript提供了多种方法来遍历对象的属性。这些方法各有特点，不同的场景需要使用不同的方法。
假设我们有一个Person对象，包含名字和年龄两个属性，下面看看有哪些方式可以遍历这个对象。
con ...
企业级图表方案AG Charts v12正式发布：全新功能提升图表交互体验与开发效率
AG Grid成立于英国，致力于提供优秀的企业级数据表格及图表解决方案。
AG Grid及AG Charts是其两大主要的高性能企业级JavaScript数据表格及图表解决方案，被全球开发者广泛采用。广泛应用于金融、电信、制造等行业，支持 Angular、React、Vue 和纯 JavaScript 项目，拥有企业级的性能与功能深度，凭借其卓越的性能、丰富的 ...
Web前端入门第 75 问：JavaScript 性能优化之事件委托（事件代理）原理
如今 Vue 大行其道，大部分开发场景直接使用 @click 就实现了事件绑定，可能都没思索过 JS 中的事件性能优化。
事件委托原理
事件委托 其主要是利用了事件冒泡这个特性。
以点击事件 click 为例：将事件绑定在父元素上，点击子元素会通过冒泡的方式触发父元素的点击事件。这种绑定事件的方式，就称之为 事件委托，也称为 事 ...
Cesium 无人机巡检三维效果实现
uavInspection.js代码
/**
* 无人机巡检
*/
import * as mars3d from "mars3d"
import * as Cesium from 'mars3d-cesium'
import * as turf from "@turf/turf"
import { getMap } from '@/components/mars3dMap/js/index.js'
import { getHeightByLngLat } from '@/components/mars3dMap/js/utils.js'
import GlowLineM ...
企业级数据网格方案AG Grid Enterprise 34 发布：聚焦过滤、编辑与树数据管理的全面升级
AG Grid成立于英国，致力于提供优秀的企业级数据表格及图表解决方案。
AG Grid及AG Charts是其两大主要的高性能企业级JavaScript数据表格及图表解决方案，被全球开发者广泛采用。凭借其卓越的性能、丰富的功能与高度可定制性，成为构建复杂数据驱动型应用的优选工具库。
近日，AG Grid Enterprise 34 正式发布，作为 2025 ...
Web前端入门第 74 问：JavaScript 事件冒泡与事件捕获
在讨论冒泡和捕获之前，先看这么一段代码：
<style>
.bd {
border: 1px solid #000;
padding: 8px;
}
</style>
<div id="container1" class="bd">
外层
<div id="container2" class="bd">
内层
<div id="container3" class="bd">
最内层
<div id="container4" class="bd">
按 ...
javascript中IIFE（立即执行函数表达式）到底是咋来的？
介绍
IIFE(Immediately Invoked Function Expression)，中文名称：立即执行函数表达式，其实IIFE最早并不叫这个名字，而是叫做Self-Executing Anonymous Function，即自执行匿名函数。根据MDN的资料，IIFE这个说法最早由Ben Alman于2010年提出，下面我们一起来看看这个名字的来龙去脉。
2010年11月5日，Ben Alman写下来他的 ...
Web前端入门第 73 问：JavaScript DOM 常用事件那点小事
网页上各种炫酷的交互效果离不开各种 DOM 事件 的支持，在写这篇文章之前，一度以为 JS 的事件绑定/取消方式就我知道的那几种，翻阅文档之后才发现，知识面还是有待提升，多翻翻文档，就像发现新大陆一样~~
常用事件
鼠标事件：
click：鼠标左键单击
dblclick：鼠标左键双击
mousedown / mouseup：鼠标按下/释放
mousemove ...
Web前端入门第 72 问：JavaScript DOM 内容操作常用方法和 XSS 注入攻击
当项目的安全团队找上门告诉您，您开发的项目存在 XSS 安全漏洞，作为一个开发人员，就问您慌不慌？？
HTML 内容写入的时候，如果稍不注意就会触发隐藏 BOSS 漏洞 XSS。
XSS 漏洞原理就是利用了网站上内容输入的地方，比如说常见的评论提交，老六 通过输入评论的地方，提交一些 包含 JS 代码的内容 到服务器，服务器没做任 ...
Web前端入门第 72 问：JavaScript DOM 内容操作常用方法和 XSS 注入攻击
当项目的安全团队找上门告诉您，您开发的项目存在 XSS 安全漏洞，作为一个开发人员，就问您慌不慌？？
HTML 内容写入的时候，如果稍不注意就会触发隐藏 BOSS 漏洞 XSS。
XSS 漏洞原理就是利用了网站上内容输入的地方，比如说常见的评论提交，老六 通过输入评论的地方，提交一些 包含 JS 代码的内容 到服务器，服务器没做任 ...
