- 博客(107)
- 收藏
- 关注
RSS订阅原创 Echarts实现自动旋转柱状3D扇形图
组件代码：pie_3Dstyle_chart.vue在页面中引用：pie3Dchart_page.vue数据源：样式：
2026-06-10 09:28:53
63
原创 大屏地图实现方案之-高德（二）
地图组件：Shanxi3DRipplesMap.vue页面中引用：threeDimensional_ripples_page.vue3D+动态飞线+动态呼吸点（支持大量）地图组件：Shanxi3DFlyinglineMap.vue页面中引用：threeDimensional_flyline_page.vue
2026-06-03 16:04:15
97
原创 大屏地图实现方案之-高德（一）
为了在 Vue 中按需、优雅地加载高德地图，官方推荐使用 @amap/amap-jsapi-loader：LOCA 数据可视化 API 2.0地图组件：Shanxi3DMap页面中引用：twoDimensional_normal_page边界流光效果（动态）地图组件：Shanxi3DStyleMap页面中引用：twoDimensional_style_page技术点备注：1、去掉地图背景网格2、尺寸怎么控制https://lbs.amap.com/api/javascript-api-v
2026-06-01 17:54:44
276
原创 大屏3D地图实现方案之-Echarts具体实现功能代码以及效果展示
地图组件：Shanxi3DMap.vue页面中引用：threemap_normal_page.vue2、2D叠加实现3D地图视觉效果+柱状图地图组件：Shanxi2DStackMap.vue页面中引用：threemap_stack_page.vue3、2D叠加实现3D地图视觉效果+动态飞线、边界发光、动态涟漪散点图等高速图层实现方法可参考大屏2D地图实现方案之-Echarts具体实现功能代码以及效果展示中对应实现方法地图组件：Shanxi3DStyleMap.vue页面中引用：thr
2026-05-27 15:36:57
305
原创 大屏2D地图实现方案之-Echarts具体实现功能代码以及效果展示
地图组件：TwoNormalMap.vue在页面中引用：twomap_normal.vue
2026-05-26 15:55:08
446
原创 大屏实现方案之-Echarts
通过GeoJSON/TopoJSON格式导入自定义地图（如特定区域、行业专属地图，如工业园区、物流园区），扩展地图覆盖范围。示例：展示某省工业园区内企业分布时，导入园区边界GeoJSON，精准定位区域。灵活性：支持内置地图与自定义地图，适配多种地理范围；可视化能力：热力图、区域地图、轨迹动画等满足复杂数据展示需求；交互性：数据联动、钻取、实时更新，支持多维度分析；大屏适配：全屏模式、响应式设计，优化大屏显示效果。
2026-05-25 11:26:35
632
原创 Pc端大屏地图实现方案分析
支持矢量地图、卫星地图、街景，热力图、轨迹动画、室内地图功能完善；部分功能（如基础地图）免费，适合中小型项目；与高德生态（如导航、POI搜索）无缝集成。国内三大地图之一，适合腾讯生态项目。全球顶级 GIS 商业 API，企业级 GIS 大屏标准，功能极强，付费授权，价格高。开源 3D GIS 引擎（Apache2.0），全球 3D 地形 / 模型首选，适合智慧城市、数字孪生、地下管网大屏。阿里开源的图表库，结合地图扩展可实现数据可视化地图，适合大屏数据展示。
2026-05-25 11:13:21
638
原创 H5项目对接专用钉钉（郑政钉）
/ ========== 政务钉钉官方指定：无鉴权 直接调用getAuthCode ==========// this.errorMsg = err.errMsg || "授权失败，政务钉钉环境异常";// ========== 核心：政务钉钉 免鉴权 直接调用dd.ready ==========// 拿到核心的免登授权码。// ========== 兜底：钉钉环境初始化失败的全局监听 ==========// corpId: "", // 必填：政务钉钉企业corpId。
2026-01-13 15:39:52
1405
原创 flutter 3.22+ Android集成高德Flutter地图自定义Marker显示
flutter3.22+实现高德地图添加自定义Marker
2025-09-24 17:12:58
574
原创 Vue学习笔记（一）
Vue.js1、如何引用Vue<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scal
2024-09-03 15:27:51
1299
原创 JavaScript学习笔记（十四）：JS JSON
（JavaScript 对象标记法）。JSON是一种存储和交换数据的语法。JSON是通过 JavaScript 对象标记法书写的文本。
2024-08-22 15:56:43
826
原创 JavaScript学习笔记（十三）：网络请求JS AJAX
回调函数是作为参数传递给另一个函数的函数。在这种情况下，回调函数应包含响应准备就绪时要执行的代码。// 当响应准备就绪时要做什么。
2024-08-15 14:48:45
1082
原创 JavaScript学习笔记（十二）：JS Web API
API 指的是应用程序编程接口（Application Programming Interface）。Web API 是 Web 的应用程序编程接口。浏览器 API 可以扩展 Web 浏览器的功能。服务器 API 可以扩展 Web 服务器的功能。
2024-08-15 09:17:35
1850
原创 JavaScript学习笔记（十一）：JS Browser BOM
Cookie是在您的计算机上存储在小的文本文件中的数据。当web服务器向浏览器发送网页后，连接被关闭，服务器会忘记用户的一切。Cookie是为了解决“如何记住用户信息”而发明的：①、当用户访问网页时，他的名字可以存储在cookie中。②、下次用户访问该页面时，cookie会“记住”他的名字。Cookie 保存在名称值对中，如：当浏览器从服务器请求一个网页时，将属于该页的cookie添加到该请求中。这样服务器就获得了必要的数据来“记住”用户的信息。如果浏览器已关闭本地cookie。
2024-08-01 15:08:18
500
原创 JavaScript学习笔记（十）：JS HTML DOM
1、DOM 简介通过 HTML DOM，JavaScript 能够访问和改变 HTML 文档的所有元素。JavaScript HTML DOM2、JavaScript - HTML DOM 方法HTML DOM 方法是您能够（在 HTML 元素上）执行的动作。HTML DOM 属性是您能够设置或改变的 HTML 元素的值。document.getElementById("demo").innerHTML = "Hello World!";getElementById 是方法
2024-07-26 10:55:18
512
原创 JavaScript学习笔记（九）
请使用关键字class创建一个类。请始终添加一个名为的方法。JavaScript类不是对象。它是 JavaScript对象的模板。
2024-07-17 15:48:51
1179
原创 JavaScript学习笔记（八）
但是最好是把 JavaScript 函数描述为对象。正如您在之前的例子中看到的，JavaScript 函数是通过 function 关键词定义的。JavaScript 函数不会对所传递的参数（argument）实行类型检查。如果一个函数不是 JavaScript 对象的方法，那么它就是全局对象的函数。JavaScript 函数不会检查所接收参数（argument）的数量。函数参数（argument）指的是传递到函数或由函数接收到的真实值。为创建新对象而设计的函数，被称为对象构造函数（对象构造器）。
2024-07-11 08:54:26
865
原创 JavaScript学习笔记（七）
可迭代对象（Iterables）是可以使用for..of进行迭代的对象。从技术上讲，可迭代对象必须实现方法。
2024-07-08 15:29:08
1170
原创 JavaScript学习笔记（六）
try语句使您能够测试代码块中的错误。catch语句允许您处理错误。throw语句允许您创建自定义错误。finally使您能够执行代码，在try和catch之后，无论结果如何。
2024-07-02 14:36:12
1167
原创 JavaScript学习笔记（一）
1、 什么是JavaScript?所有的例子及学习逻辑均来自W3School，以下只是我自己学习的笔记，具体内容可直接参考JS教程JavaScript 是属于 HTML 和 Web 的编程语言,是 web 开发者必学的三种语言之一：HTML 定义网页的内容CSS 规定网页的布局JavaScript 对网页行为进行编程在 HTML 中，JavaScript 代码必须位于 < script> 与 < /script> 标签之间。旧的 JavaScript 例子也许会使用
2024-06-06 15:09:23
516
原创 CSS学习笔记之高级教程（五）
23、CSS 媒体查询 - 实例/* 如果屏幕尺寸超过 600 像素，把 <div> 的字体大小设置为 80 像素 */@media screen and (min-width: 600px) { div.example { font-size: 80px; }}/* 如果屏幕大小为 600px 或更小，把 <div> 的字体大小设置为 30px */@media screen and (max-width: 600px) { div.example
2024-06-03 15:13:02
703
原创 CSS学习笔记目录
CSS学习笔记之基础教程（一）CSS学习笔记之基础教程（二）CSS学习笔记之中级教程（一）CSS学习笔记之中级教程（二）CSS学习笔记之中级教程（三）CSS学习笔记之高级教程（一）CSS学习笔记之高级教程（二）CSS学习笔记之高级教程（三）CSS学习笔记之高级教程（四）
2024-05-30 14:49:04
711
原创 CSS学习笔记之高级教程（四）
19、CSS 用户界面19.1 CSS 调整大小：resizeresize 属性规定元素是否应（以及如何）被用户调整大小。resize: horizontal;水平方向可改变大小resize: vertical;垂直方向可改变大小resize: both;水平+垂直方向都可改变大小20、CSS 变量：var()函数var() 函数用于插入 CSS 变量的值。var() 函数的语法如下：var(name, value)，变量名称必须以两个破折号（--）开头，且区分大小写！20.1 C
2024-05-30 14:20:37
937
原创 CSS学习笔记之高级教程（三）
14、CSS 图像样式14.1 圆角图像：border-radius .img01 { width: 200px; height: auto; /* 四个角一致的圆角 */ border-radius: 10px; }14.2 圆形 .img02 { width: 200px; height: auto; /* 圆形 */ border-radius: 50%; }14.3
2024-05-28 15:14:24
873
原创 CSS学习笔记之高级教程（二）
10、CSS 3D 转换通过 CSS transform 属性，您可以使用以下 3D 转换方法：rotateX()rotateY()rotateZ()10.1 rotateX() 方法（使元素绕其 X 轴旋转给定角度）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="
2024-05-23 16:47:17
956
原创 CSS学习笔记之高级教程（一）
1、圆角：border-radiusborder-radius 属性可以接受一到四个值。规则如下：四个值 - border-radius: 15px 50px 30px 5px;（依次分别用于：左上角、右上角、右下角、左下角）三个值 - border-radius: 15px 50px 30px;（第一个值用于左上角，第二个值用于右上角和左下角，第三个用于右下角）两个值 - border-radius: 15px 50px;（第一个值用于左上角和右下角，第二个值用于右上角和左下角）
2024-05-22 14:36:42
1285
原创 CSS学习笔记之中级教程（三）
14、CSS 下拉菜单14.1 示例1：普通弹窗思路：弹窗内容先隐藏display: none;，:hover时候修改弹窗部分的 display: block;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view
2024-05-16 15:32:56
429
原创 CSS学习笔记之中级教程（二）
-.+CSS学习笔记之中级教程（一）6、CSS 布局 - display: inline-block与 display: inline 相比，主要区别在于 display: inline-block 允许在元素上设置宽度和高度。同样，如果设置了 display: inline-block，将保留上下外边距/内边距，而 display: inline 则不会。与 display: block 相比，主要区别在于 display：inline-block 在元素之后不添加换行符，因此该元素可
2024-05-15 15:20:42
452
原创 CSS学习笔记之中级教程（一）
1、CSS 布局 - display 属性1.1 display 属性display 属性是用于控制布局的最重要的 CSS 属性。display 属性规定是否/如何显示元素。每个 HTML 元素都有一个默认的 display 值，具体取决于它的元素类型。大多数元素的默认 display 值为 block 或 inline。1.2 块级元素（block element）块级元素总是从新行开始，并占据可用的全部宽度（尽可能向左和向右伸展）。会占领页面的一行，其后多个block元素
2024-05-10 16:46:02
1001
原创 CSS学习笔记之基础教程（一）
CSS选择器用于“查找”（或选取）要设置样式的HTML元素。我们可以将CSS选择器分为五类：（1）简单选择器（根据名称、id、类来选取元素）（2）组合器选择器（根据它们之间的特定关系来选取元素）（3）伪类选择器（根据特定状态选取元素）（4）伪元素选择器（选取元素的一部分并设置其样式）（5）属性选择器（根据属性或属性值来选取元素）
2024-05-07 17:55:32
575
原创 CSS学习笔记之基础教程（二）
上节内容CSS学习笔记之基础教程（一）6、边距6.1 外边距：margin6.1.1 外边距marginmargin-topmargin-leftmargin-bottommargin-right<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"
2024-05-07 15:48:13
482
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人