前言 之前也有做过地图组件（貌似使用百度 api），但大多都是cv也没有去深究。 刚好之前公司有个项目需要点击地址跳转到地图页，在地图页显示相关地址信息，也借此机会重新学习了一下高德地图 api。

Vue3 高德地图自定义信息窗体，引入vue组件实现。 实现信息窗动态传入参数，渲染echarts，同时与外部交互采用emit事件。

在高德地图中使用Vue组件进行自定义Marker、InfoWindow。更方便的创建自定义元素，并实现数据的动态更新。

高德地图中使用 Vue 组件自定义 InfoWindow 信息窗口。将vue实例挂在到信息窗体中实现，更方便的实现信息窗体的信息与外部通信。相对复杂的实现方式

大屏可视化方案 方案 1 scale 1.优点:无需考虑 rem 单位,无需考虑定位,一次适配,无需单独处理图标 2.缺点:两边留白,比例过大时热区偏移,字体模糊. 具体实现 根据屏幕的变化适配的比例

vw 和 rem 是两个神奇的 CSS 长度单位，认识它们之前，我一度认为招聘广告上的“像素级还原”是一种超能力，我想具备这种能力的人，一定专业过硬、有一双高分辨率。

当我还沉浸在UI样式改版后的喜悦中时，QA同学拿着他的华为Mate X5（折叠屏手机）来找我："这个字体在展开状态下太大了，影响用户体验"。这才意识到我们的H5页面一直没有在折叠屏设备上进行过充分测试

tooltip是一个非常常见的交互，一般用于补充文案说明。比如下面这种（蓝色边框表示屏幕边缘） 通常tooltip都会有一个固定的方向，比如top表示垂直居中向上。 但是，如果提示文案比较多，提示区域

背景简介 这几天代码评审，领导无意中看到了我本地代码的控制台，被我花里胡哨的console打印内容吸引了！ 老板看见后，说我这东西有意思，花里胡哨的，他喜欢！