JSAPIThree 数据源系统学习笔记:让数据在地图上可视化
作为一个刚开始学习 mapvthree 的小白,今天要学习数据源系统了!听说这个系统可以把各种格式的数据加载到地图上,还能让数据可视化!想想就实用!
第一次听说数据源系统
今天在文档里看到了"数据源"这个词,一开始我还以为是数据库,结果查了一下才知道,原来这是用来存储和加载地理数据的系统!
文档说数据源系统可以: ...
vxe-gantt 甘特图使用右键菜单
vxe-gantt 甘特图使用右键菜单,支持表头菜单、内容菜单、表尾菜单,自定义样式,配置项 menu-config={header,body,footer},实现对按钮的控制,通过 visibleMethod 和 visible | disabled 属性来控制菜单选项的操作权限,可以精确到每一列每一行的显示隐藏与禁用控制
https://gantt.vxeui.com
菜单点击后会触发 menu-cli ...
如何用 vxe-table 实现粘贴数据自动进入新增行与新增列,数据无限扩充
如何用 vxe-table 实现粘贴数据自动进入新增行与新增列,数据无限扩充,对于大部分业务操作场景,有时需要从 excel 复制数据并粘贴到表格中,由于粘贴的数据会列多于表格定义的行与列,多出的数据需要能支持自动新增与自行新增列,vxe-table提供非常简单的配置方式可以直接支持。
自动新增行
当粘贴数据时,如果粘贴的行数 ...
冰蓝科技正式发布全新纯前端文档编辑产品 —— 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 开发中,我们经常会遇到以 ...
vxe-table 透视表分组汇总及排序基础配置
vxe-table 透视表分组汇总及排序基础配置,对数据进行汇总后,支持对汇总及子项进行排序。
通过拖拽列到聚合列表,自动对数据进行合计汇总。设置 custom-config.allowGroup 和 custom-config.allowValues 启用拖拽功能
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee ...
uni-app - switchTab 跳转到 页面后不走onLoad,option无法更新
场景:tabbar页面是展示一个列表,页面中有一个搜索按钮,点击按钮进入搜索页面,输入字段以后返回tabbar页面展示相应的搜索结果,切换tabbar页面后搜索条件置空
方案1:使用 navigateTo跳转传值
坑1:因为搜索页要跳转的是tabbar页面,不能直接使用navigateTo 跳转,只能使用switchTab,但是switchTab不支持传参
方案2:使 ...
vxe-gantt table 甘特图如何设置任务视图每一行的背景色
vxe-gantt table 甘特图如何设置任务视图每一行的背景色,例如给不同任务设置不同背景色。
查看官网:https://gantt.vxeui.com/
gitbub:https://github.com/x-extends/vxe-gantt
gitee:https://gitee.com/x-extends/vxe-gantt
效果
代码
通过 task-view-config.viewStyle.cellStyle 设置任务视图行样式,也可以用 task-v ...
JSAPIThree 天空和天气系统学习笔记:营造真实的环境氛围
作为一个刚开始学习 mapvthree 的小白,今天要学习天空和天气系统了!听说这个系统可以让场景更有氛围感,还能模拟真实的天气效果!想想就期待!
第一次听说天空系统
今天在文档里看到了"天空"这个词,一开始我还以为是背景色,结果查了一下才知道,原来这是用来营造场景氛围的环境系统!
文档说天空系统可以:
提供场景 ...
JSAPIThree UI 控件学习笔记:用内置控件提升交互
作为刚接触 mapvthree 的新手,今天我专门学习了 UI 控件模块。这里整理出最常用的控件和实用技巧,帮助和我一样的初学者快速上手。
控件管理入口:engine.widgets
mapvthree 中的控件由 EngineWidgets 管理,实例化后可以通过 engine.widgets 访问。控件分两种启用方式:
初始化时配置:在 new Engine() 时,通过 widge ...
浅谈 AI 搜索前端打字机效果的实现方案演进
作者:vivo 互联网前端团队 - He Yanjun在当代前端开发领域,打字机效果作为一种极具创造力与吸引力的交互元素,被广泛运用于各类网站和应用程序中,为用户带来独特的视觉体验和信息呈现方式,深受广大用户的喜爱。本文将深入介绍在AI搜索输出响应的过程中,打字机效果是怎样逐步演进的。力求以通俗的语言和严谨的思路深入 ...
JSAPIThree 事件系统学习笔记:处理交互的基础
作为刚接触 mapvthree 的新手,今天我专门学习了事件系统。这里汇总最实用的内容,帮助和我一样的初学者快速掌握交互的核心用法。
绑定与移除事件,只需记住 add/remove
mapvthree 复用了 Three.js 的 addEventListener / removeEventListener,所以任何继承自 Object3D 的对象都能直接绑定事件。引擎内部的调度器会帮我 ...
mapvthree 地理投影设计分析——自动转换与统一接口的设计理念
mapvthree 的地理投影系统是二三维一体化架构的重要组成部分,其设计理念既不同于传统地图引擎的单一投影限制,也不同于需要手动处理投影转换的通用 3D 引擎。本文将从设计理念、支持能力、架构设计等角度,深入分析 mapvthree 投影系统的创新设计。
注: mapvthree 是 JSAPI Three(百度地图 JavaScript API Three)在代 ...
如何使用 vxe-table 实现虚拟滚动Dom的查找替换功能,excel查找与替换功能
如何使用 vxe-table 实现虚拟滚动Dom的查找替换功能,excel查找与替换功能
https://vxetable.cn
通过 keyboard-config.isFNR 启用,支持 formatter 内容查找,需要注意如果不希望被随意替换成任意值时应该重写替换方法
查找规则是按照字段实际值进行匹配,如果需要按照自定义的值进行匹配,可以通过 fnr-config.findMethod ...
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 应用领域的技术布局,持续为全球开发者提供更高性能、更 ...
vxe-table 如何实现跟 excel 一样的筛选框,支持字符串、数值、日期类型筛选
vxe-table 如何实现跟 excel 一样的筛选框,支持字符串、数值、日期类型筛选
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
字符串类型
通过设置 filterRender.cellType='string' 或空默认设置为字符串类型筛选框
<template>
<div>
...