JS事件深度解析一、二、三 事件 循环 队列 事件传播 事件监听列表 shadow dom 异步 事件的派发
一 、事件的综述
首先需要了解几个术语:
宿主环境:将js引擎作为一个组件包含在内,并且为它提供运行所需的资源的外部系统。
就是说,宿主环境提供了所有的资源,比如网络 文件 渲染 各种功能接口等等,没有了宿主环境, js引擎就是光杆司令,它就只能空转,做不了任何事情。
宿主对象:所有不是由 J ...
JSAPIThree 加载天地图学习笔记:使用天地图影像服务
作为一个刚开始学习 mapvthree 的小白,今天要学习加载天地图了!听说这个功能可以加载天地图的影像服务,作为场景的底图!想想就期待!
第一次听说天地图加载
今天在文档里看到了"天地图"这个词,一开始我还以为是某个地图库,结果查了一下才知道,原来这是国家基础地理信息中心提供的地图服务!
文档说天地图加载可以: ...
JSAPIThree 加载 Mapbox 数据学习笔记:使用 Mapbox 矢量瓦片地图
作为一个刚开始学习 mapvthree 的小白,今天要学习加载 Mapbox 数据了!听说这个功能可以加载 Mapbox 的矢量瓦片地图,还能自定义样式!想想就期待!
第一次听说 Mapbox 数据加载
今天在文档里看到了"Mapbox"这个词。文档说 Mapbox 数据加载可以:
加载 Mapbox 官方地图
支持自定义 MVT 路径
需要配置 AccessToken
我的 ...
JSAPIThree 加载 Cesium 数据学习笔记:使用 Cesium 地形和影像服务
作为一个刚开始学习 mapvthree 的小白,今天要学习加载 Cesium 数据了!听说这个功能可以加载真实的地形数据,还能使用 Cesium 的影像服务!想想就期待!
第一次听说 Cesium 数据加载
今天在文档里看到了"Cesium"这个词。文档说 Cesium 数据加载可以:
加载真实的地形数据
使用 Cesium 的影像服务
支持 Cesium Ion 服务
...
让项目管理更智能:基于 DHTMLX Gantt + AI 的自然语言项目构建方案
在现代项目管理软件中,如何让用户以更直观、自然的方式处理复杂的项目数据,正变得越来越关键。其中,DHTMLX Gantt 凭借其成熟稳定的能力、完善的 API、灵活的配置体系,在全球范围内已被广泛应用于工程、制造、IT 研发、供应链等各类项目调度场景。
DHTMLX Gantt 最新版官方试用下载,请联系慧都科技
DHTMLX Gantt ...
JSAPIThree 数据源系统学习笔记:让数据在地图上可视化
作为一个刚开始学习 mapvthree 的小白,今天要学习数据源系统了!听说这个系统可以把各种格式的数据加载到地图上,还能让数据可视化!想想就实用!
第一次听说数据源系统
今天在文档里看到了"数据源"这个词,一开始我还以为是数据库,结果查了一下才知道,原来这是用来存储和加载地理数据的系统!
文档说数据源系统可以: ...
冰蓝科技正式发布全新纯前端文档编辑产品 —— Spire.WordJS
近日,知名的国产化文档开发组件提供商E-iceblue(冰蓝科技)正式发布全新的前端文档编辑产品——Spire.WordJS。作为E-iceblue在前端文档处理领域的重要产品,Spire.WordJS 以 Web 架构为企业提供高性能、高兼容性的 Word 文档编辑能力,进一步完善了其在文档技术方向的产品矩阵。
Spire.WordJS试用下载,请联系慧都 ...
浏览器 15 个常见指纹特征,使用插件 FingerprintJS 生成浏览器指纹
浏览器指纹是什么?
像人类的指纹一样,浏览器指纹也是用于唯一身份认证的一种标识。
这东东常被广告商用于用户跟踪,比如 A、B 网站都添加了一个广告商,如果用户访问了 A 网站,查看了些商品或文章,然后再访问 B 网站,那么广告商就知道用户对哪些东西感兴趣,就可以在 B 网站中投放一些感兴趣的广告。
浏览器指纹起的 ...
fix-broken-img:零依赖的图片优雅降级解决方案
fix-broken-img:零依赖的图片优雅降级解决方案
在现代 Web 开发中,图片加载失败是一个常见但容易被忽视的问题。今天我要介绍一个我最近开源的解决方案——fix-broken-img,一个零依赖的 WebComponents 组件,专门用于处理图片加载失败时的优雅降级。
问题背景:为什么需要图片降级?
在 Web 开发中,我们经常会遇到以 ...
uni-app - switchTab 跳转到 页面后不走onLoad,option无法更新
场景:tabbar页面是展示一个列表,页面中有一个搜索按钮,点击按钮进入搜索页面,输入字段以后返回tabbar页面展示相应的搜索结果,切换tabbar页面后搜索条件置空
方案1:使用 navigateTo跳转传值
坑1:因为搜索页要跳转的是tabbar页面,不能直接使用navigateTo 跳转,只能使用switchTab,但是switchTab不支持传参
方案2:使 ...
JSAPIThree 天空和天气系统学习笔记:营造真实的环境氛围
作为一个刚开始学习 mapvthree 的小白,今天要学习天空和天气系统了!听说这个系统可以让场景更有氛围感,还能模拟真实的天气效果!想想就期待!
第一次听说天空系统
今天在文档里看到了"天空"这个词,一开始我还以为是背景色,结果查了一下才知道,原来这是用来营造场景氛围的环境系统!
文档说天空系统可以:
提供场景 ...
JSAPIThree UI 控件学习笔记:用内置控件提升交互
作为刚接触 mapvthree 的新手,今天我专门学习了 UI 控件模块。这里整理出最常用的控件和实用技巧,帮助和我一样的初学者快速上手。
控件管理入口:engine.widgets
mapvthree 中的控件由 EngineWidgets 管理,实例化后可以通过 engine.widgets 访问。控件分两种启用方式:
初始化时配置:在 new Engine() 时,通过 widge ...
JSAPIThree 事件系统学习笔记:处理交互的基础
作为刚接触 mapvthree 的新手,今天我专门学习了事件系统。这里汇总最实用的内容,帮助和我一样的初学者快速掌握交互的核心用法。
绑定与移除事件,只需记住 add/remove
mapvthree 复用了 Three.js 的 addEventListener / removeEventListener,所以任何继承自 Object3D 的对象都能直接绑定事件。引擎内部的调度器会帮我 ...
mapvthree 地理投影设计分析——自动转换与统一接口的设计理念
mapvthree 的地理投影系统是二三维一体化架构的重要组成部分,其设计理念既不同于传统地图引擎的单一投影限制,也不同于需要手动处理投影转换的通用 3D 引擎。本文将从设计理念、支持能力、架构设计等角度,深入分析 mapvthree 投影系统的创新设计。
注: mapvthree 是 JSAPI Three(百度地图 JavaScript API Three)在代 ...
JSAPIThree 标签使用学习笔记:在地图上添加文字和图标
作为一个刚开始学习 mapvthree 的小白,今天要学习标签功能了!听说这个功能可以在地图上添加文字和图标,用来显示地点名称、数值信息等!想想就实用!
第一次听说标签功能
今天在文档里看到了"标签"这个词,一开始我还以为是 HTML 的标签,结果查了一下才知道,原来这是在地图上显示文字和图标的功能!
文档说标签可以: ...
mapvthree Engine 设计分析——二三维一体化的架构设计
mapvthree Engine 作为二三维一体化渲染引擎的核心,其设计理念既不同于传统地图引擎,也不同于纯粹的 3D 渲染引擎。本文将从架构设计的角度,深入分析 Engine 如何巧妙地融合两种设计范式,创造出独特的二三维一体化架构。
注: mapvthree 是 JSAPI Three(百度地图 JavaScript API Three)在代码中的命名空间。
一、设 ...
JSAPIThree 地图投影学习笔记:理解坐标系统
作为一个刚开始学习 mapvthree 的小白,今天要学习地图投影了!听说这个系统可以控制地图的坐标系统,不同的投影方式有不同的效果!想想就好奇!
第一次听说地图投影
今天在文档里看到了"投影"这个词,一开始我还以为是投影仪那种投影,结果查了一下才知道,原来这是地图学里的概念!
文档说地图投影是:
将地球表面的地 ...
AG Grid与Bryntum达成战略合作:共同打造更强大的数据密集型应用组件生态
近日,全球知名的高性能数据表格与图表解决方案提供商 AG Grid 宣布与专注于高级排程与项目管理 Web 组件的 Bryntum 达成战略合作伙伴关系,并获得来自 Adelis Equity Partners 的长期投资支持。本次合作将进一步强化双方在现代 Web 应用领域的技术布局,持续为全球开发者提供更高性能、更 ...
ImageViewer.js:一个零依赖的现代化图片预览组件
🎯 引言
在当今的 Web 开发中,图片预览功能几乎是每个网站的标配。然而,大多数现有的图片预览库要么过于臃肿,要么依赖特定的前端框架,要么配置复杂。有没有一种方案,能够只需引入一个 JavaScript 文件,就能为网站添加完整的图片预览功能?
今天我要向大家介绍 ImageViewer.js - 一个真正意义上的零依赖、现代化图片 ...
全新AI增强Demo发布:DHTMLX Gantt与Diagram如何通过LLM更智能地构建项目与组织结构
作为近年来增长最快的技术领域之一,人工智能(AI)正改变企业在 Web 前端、项目管理和可视化领域的应用方式。DHTMLX 团队持续深耕 AI 能力,并积极探索如何将最新的 LLM(大语言模型)能力与其 JavaScript UI 组件进行深度融合。
DHTMLX 近日推出了 3 个全新 Demo,展示了 AI 如何显著提升 Gantt 甘特图与& ...