web_攻城狮-优快云博客

原创 cesium 读取TIFF文件并渲染到地图上

【代码】cesium 读取TIFF文件并渲染到地图上。

2025-07-01 10:13:08 329

本文介绍了使用turf.js进行空间数据分析和可视化处理的方法。首先通过GeoJSON格式输入降雨量观测点数据，利用turf.interpolate进行IDW插值计算，生成网格数据。然后使用turf.isobands创建等值区域并配置颜色，最后通过边界数据裁剪得到区域降雨量分布图。整个过程在Cesium地图平台上实现可视化展示，包括设置实体高度、轮廓等样式参数。该方法适用于各类空间数据分析场景，如气象、水文等观测数据的可视化呈现。

2025-07-01 09:45:48 1474

转载微前端框架Qiankun面试题

《Qiankun微前端面试核心10问》摘要：文章介绍了Qiankun微前端框架的核心知识点，包括：1. 基于single-spa的实现原理，通过路由监听动态加载/卸载微应用；2. 微前端框架设计要点（通信、样式隔离、路由处理等）；3. 子应用注册所需信息（名称、入口、容器等）；4. 通过sandbox实现样式隔离的机制；5. 主子应用间多种通信方式（自定义事件、全局变量等）；6. 子应用的加载（loadMicroApp）和卸载（unmountMicroApp）方法；7. 子应用路由跳转的实现方式。全文系统

2025-06-27 17:24:38 267

原创 uniapp 持续获取定位

获取到定位后通过接口传给后端在pc端前端再通过ws 获取实时的定位数据。后台持续定位、轨迹追踪、可锁屏 - DCloud 插件市场。通过vue+mapbox 实现实时轨迹。// 引入高德定位插件。uniapp使用插件。

2024-06-07 15:59:50 904 2

原创 vue+cesium+heatmap.js 实现热力图

例：import Heatmap from "@/utils/heatmap.js"初始化完cesium后直接用 Heatmap。在需要使用的页面引入heatmap.js。viewer 是初始化的cesium。

2024-06-07 15:37:02 1838 7

原创 vue全景预览插件photo-sphere-viewer

Photo Sphere Viewer可以应用到虚拟旅游、房产展示、产品展示、地理信息系统（GIS）

2024-06-04 14:08:20 4662 3

原创 uniapp-云打包流程（Android -apk包）

4.打自定义调试基座是一样的操作，打完自定义基座把生成的android_debug.apk包安装到手机上，手机打开开发者模式，通过usb连接电脑，修改代码就会同步更新到手机。在命令窗口中输入命令：keytool -list -v -keystore android.keystore。（2）如果更换证书需要把高德开放平台上定位的SHA1 修改为和证书一致的SHA1。查看keystore参数信息（以android.keystore文件为例）也可以使用网站自己生成一个。如何查看证书的SHA1?

2024-06-04 11:59:26 1222 1

原创微信小程序实现全景图预览几种方式

在选择预览全景图的方案时，需要根据具体需求和资源情况进行权衡。小程序插件（如wxPano）和720yun平台提供了完整的全景图预览解决方案，适合对全景图展示有较高要求的场景；而自建网页和Html5全景图则提供了更高的灵活性和兼容性，适合有特殊需求或想要自定义展示效果的场景。同时，使用小程序原生API进行模拟也是一种可行的选择，但需要注意其局限性和实现难度。

2024-05-29 17:31:57 3766

原创 TypeScript基础学习

typeScript 基础学习

2023-11-16 09:14:43 155 1

原创 vue 对接海康视频监控 demo

【代码】vue 对接海康视频监控 demo。

2023-11-10 17:22:37 980 2

原创 vue+ mapbox 添加geojson图层,点击图层通过设置filter属性使某个图层高亮）

3.图层点击事件拿到图层信息赋值，然后点击对应的河流对应的河流就会高亮。2.通过addLayer 添加geoserver服务器上的geojson图层。本例子添加两个图层分别是河流面以及河流高亮面图层。1. 初始化地图，引入sprite、glyphs文件。let sprite = "图标文件";let glyphs = "字体文件";

2023-11-10 17:10:38 1424 1

geojson 面图层数据

2025-07-01

vue3基础知识点快速掌握

内容概要 Vue 3 是一款构建用户界面的渐进式框架。其核心知识点包括：响应式系统、组件化开发、生命周期钩子、指令系统、模板语法、计算属性和侦听器、Vue Router（路由管理）、Vuex（状态管理）等。Vue 3 相较于 Vue 2 带来了性能提升、更小的包体积、更好的 TypeScript 支持以及 Composition API 等新特性。适用人群 Vue 3 适用于前端开发者，特别是那些希望构建高效、可维护性强的前端应用的开发者。无论是新手还是有经验的开发者，Vue 3 的简洁性和灵活性都能帮助他们快速上手并提升开发效率。使用场景及目标 Vue 3 可用于多种前端场景，如单页面应用（SPA）、混合应用（Hybrid App）、服务端渲染（SSR）等。使用 Vue 3 的目标是帮助开发者更高效、更简洁地构建用户界面，提供丰富的交互体验。通过 Vue 3 的组件化开发，开发者可以复用代码，提高开发效率；通过 Vue Router 和 Vuex，开发者可以方便地管理应用的路由和状态。其他说明 Vue 3 提供了丰富的文档和社区支持，开发者可以方便地查阅相关资料，解决问题

2024-06-07

webpack常见面试题总结.pdf

前端面试题汇总 Webpack webpack与grunt、gulp的不同？与webpack类似的工具还有哪些？谈谈你为什么最终选择（或放弃）使用webpack？三者都是前端构建工具，grunt和gulp在早期比较流行，现在webpack相对来说比较主流，不过一些轻量化的任务还是会用gulp来处理，比如单独打有哪些常见的Loader？他们是解决什么问题的？有哪些常见的Plugin？他们是解决什么问题的？ webpack 中 loader 和 plugin 的区别是什么 webpack的构建流程是什么?从读取配置到输出文件这个过程尽量说全是否写过Loader和Plugin？描述一下编写loader或plugin的思路？是否写过Loader和Plugin？描述一下编写loader或plugin的思路？ webpack的热更新是如何做到的？说明其原理？如何利用webpack来优化前端性能？（提高性能和体验）如何提高webpack的构建速度？怎么配置单页应用？怎么配置多页应用？ npm打包时需要注意哪些？如何利用webpack来更好的构建？如何在vue项目中实现按需加载？

2023-11-16

前端最近几年的面试题手册

最近几年前端题总结 HTML⾯试题 1.2 CSS⾯试题 1.3 JS⾯试题 1.4 HTTP⾯试题 1.5 TCP⾯试题 1.6 DOM⾯试题 1.7 浏览器原理⾯试题 1.8 前端⼯程化⾯试题 1.9 React⾯试题 1.10 Vue⾯试题 1.11 前端安全⾯试题 1.12 webpack⾯试题 1.13 算法⾯试题 1.14 字符串类笔试题 1.15 JS笔试题 1.16 如何应对HR⾯ 1.17 如何应对项⽬⾯ 1.18 如何写简历我知道现在并不是跳槽的旺季，可能很多⼈不会看这篇⽂章，但是当真正跳槽季来临的时候，往往很多⼈⼜开始为填满⾃⼰的简历⽽发愁，当⾃⼰的简历⽯沉⼤海，⼜会冒出这种⾔论：哎呀，还是⾃⼰学历不够好，我能⼒没问题就是吃了学历的亏⾃⼰没有⼤⼚的履历真是吃亏，⾃⼰能⼒没问题，就是没⼤⼚背书所在的公司都是⼀些⽼技术栈，我的简历就太吃亏了，都怪公司实际情况是，⼤⼚履历、名校经历、出⾊项⽬只要有⼀项拿得出⼿，就会成为抢⼿货，更何况随着时间的推移更重要的还是⼯作履历和项⽬经历。与其今后发愁如何填满简历，不如现在⾏动为⾃⼰的简历『打⼯』。