appearchen的博客

Vue2中使用自定义Leaflet.draw控件 本文介绍了在Vue2环境下使用Leaflet.draw组件时遇到的问题及解决方案。通过封装XDrawToolBar类，自定义绘制工具栏界面，并隐藏原生Leaflet.draw控件，同时保持其功能。 关键点： 问题背景：原生Leaflet.draw组件界面难以调整样式 解决方案： 封装XDrawToolBar类提供自定义UI 保留原生Leaflet.draw功能但隐藏其界面 通过事件绑定将自定义按钮与原绘制功能关联 实现特点： 支持多种绘制类型（点、线、面、矩

摘要 本文记录了一个通过axios POST请求实现Get传参下载blob数据的解决方案。作者尝试了XMLHttpRequest和JQuery Ajax均失败后，最终使用axios成功实现。关键点在于将参数拼接在URL中，设置responseType为blob，并通过创建ObjectURL实现文件下载。代码中还特别处理了beginTime/endTime参数的URL编码问题。该方案虽然原理未明，但可作为实际开发中的参考实现。

本文介绍了一种将分级编码数据转换为树形结构的方法。通过分析编码字段（如1001/100101/10010101），确定最短和最长编码位数。采用递归方式从最长编码开始，逐级向上寻找父节点并建立层级关系，最终生成包含children属性的树形数据结构，适用于前端树控件展示。代码实现了编码解析和树结构构建的全过程，并输出处理结果。

本文介绍了如何让SVG图形自适应填充不同尺寸的网页DIV容器。通过设置SVG节点的width和height属性为100%，并添加preserveAspectRatio="none"属性，可使SVG完全填满容器而不保持原比例。文中提供了三个示例代码，分别展示了SVG在不同宽度(100%、50%、30%)和高度(100px、60px、40px)DIV中的自适应效果。该方法适用于需要SVG图形随容器尺寸变化而自动调整的场景。

不依赖后端通过前端代码实现表格下载为Excel文件的一种方法 理念就是将数据组装为<table>表格字符串，通过Blob下载为文件。

实现了HTML5获取手机方位角并在地图实时显示。HTML5、Vue、Leaflet（用于呈现地图）、leaflet-rotatedmarker（用于旋转marker定位点），需要https部署。