[置顶] vue上通过krpano.js实现360全景图

摘要: vue上通过krpano.js来实现360全景图 阅读全文
posted @ 2023-10-07 16:51 中文还在写码 阅读(2995) 评论(4) 推荐(3)

接上篇 Service Worker 核心 API 与典型使用场景

摘要: Service Worker 核心 API 与典型使用场景 Service Worker(SW)是浏览器在页面之外运行的独立 JavaScript 线程,充当页面与网络之间的「可编程代理」。它不能直接操作 DOM,但能拦截页面发出的所有请求、管理缓存、接收推送、处理后台同步等。 本文按「核心 API 阅读全文
posted @ 2026-08-21 17:00 中文还在写码 阅读(10) 评论(0) 推荐(0)

给 `<img>` 的请求加上 Authorization 头?一个"看起来无解"的前端鉴权坑

摘要: 给 <img> 的请求加上 Authorization 头?一个"看起来无解"的前端鉴权坑 背景 业务系统里有个常见场景:用户登录后,所有后端请求都要带 Authorization: Bearer <token> 鉴权。 axios 请求拦截器已经全局注入了鉴权头: instance.interce 阅读全文
posted @ 2026-08-21 16:09 中文还在写码 阅读(20) 评论(0) 推荐(0)

cesium如何加载大规模数据

摘要: Cesium 加载大规模数据的核心思路是分层、分块、按需、流式——把"一次性塞给浏览器"变成"只加载视野内需要的部分"。下面按数据类型分别说明。 一、地形数据(Terrain) 使用 量化网格(quantized-mesh) 格式,配合地形瓦片服务(如 Cesium Ion、自建的 terrain- 阅读全文
posted @ 2026-08-13 11:57 中文还在写码 阅读(22) 评论(0) 推荐(0)

写给前端的地图坐标转换指南:为什么同一个点,天地图和高德给你的数不一样

摘要: 写给前端的地图坐标转换指南:为什么同一个点,天地图和高德给你的数不一样 第一次做地图业务的人,几乎都会踩同一个坑:后端给的坐标,画到地图上偏了几百米,点跑到马路外面。你以为是数据错了,其实是坐标系没搞对。这篇文章把坐标转换这件事彻底讲清楚。 一个真实的翻车现场 假设你接到一个需求:把 GPS 设备上 阅读全文
posted @ 2026-08-12 13:57 中文还在写码 阅读(38) 评论(0) 推荐(0)

业务表单与附件上传的"三步时序"模式——一份给新人的避坑指南

摘要: 一、为什么单独把这个模式拎出来讲 几乎所有带附件的业务系统,都会踩同一类坑。 一个最典型的场景: 用户在新增表单里选了几个文件,点"确定"。文件先上传到文件服务成功了,结果业务数据保存接口报错。 于是文件服务里多了一堆没有任何业务引用的文件——也就是俗称的孤儿文件。 孤儿文件不会立刻让页面报错,但会 阅读全文
posted @ 2026-08-12 11:18 中文还在写码 阅读(13) 评论(0) 推荐(0)

简单记录一个vue3手风琴组件

摘要: 从一个比较基本的公共组件开始拆分,各个常用的指令的区别 阅读全文
posted @ 2026-07-23 11:05 中文还在写码 阅读(11) 评论(0) 推荐(0)

简单记录两种js实现继承方式的比较

摘要: 方案A // 寄生组合式继承 function clone(parent, child) { // 使用Object.create()方法创建一个新的对象,并将其原型指向父类的原型对象 child.prototype = Object.create(parent.prototype); child. 阅读全文
posted @ 2026-07-11 21:36 中文还在写码 阅读(8) 评论(0) 推荐(0)

关于深拷贝的一些思考

摘要: 问题:写ECharts 图表多层嵌套的 options 配置的时候,直接传递引用,子组件内部的修改会直接“污染”父组件的默认配置 解决方案1:为了小装一手,自己搓一个深拷贝工具函数,可以解决我自己项目的问题, function deepClone(target, map = new WeakMap( 阅读全文
posted @ 2026-07-11 19:49 中文还在写码 阅读(13) 评论(0) 推荐(0)

cesium实现鼠标悬浮展示信息

摘要: /** * 事件处理函数类 */ import TooltipDiv from "../js/tooltip.js"; export default class EventHandler { constructor(arg) { this.Cesium = arg.Cesium; this.hand 阅读全文
posted @ 2024-05-29 11:05 中文还在写码 阅读(1077) 评论(0) 推荐(0)

cesium实现动态创建广告牌

摘要: cesium实现动态创建广告牌 阅读全文
posted @ 2024-05-29 10:51 中文还在写码 阅读(1671) 评论(0) 推荐(1)