JavaScript 编年史：探索前端界巨变的幕后推手
原文地址：https://deno.com/blog/history-of-javascript
JavaScript 简史
今年，JavaScript 迎来了 30 岁生日。
在这三十年里，JavaScript 从一门仅用 10 天开发出来的“小众脚本语言”，成长为全球最受欢迎的编程语言。让我们通过历史上的关键节点，回顾它的进化之路，展望它的未来方向。
1994 年 12 月
网景发布 Nets ...
Web前端入门第 81 问：JavaScript cookie 的读写操作
前端的 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 ...
文档处理控件TX Text Control系列教程：使用 C# .NET 将二维码添加到 PDF 文档
PDF 文档通常是合同、发票、证书和报告的最终格式。尽管它们在设计上是静态的，但用户现在希望能够与它们交互、验证信息并直接从这些文件访问数字服务。这时，二维码就变得至关重要。
PDF 文档中的二维码将印刷或数字内容与动态在线体验连接起来。用户只需扫描二维码即可验证文档、打开相关网站、访问客户门户或继续工作 ...
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">
按 ...
