前端工作日常功能
花信少年plus
编程路上的一名幼稚园小朋友
展开
-
跨域问题全攻略:Vue 与 Java 实现方案
首先我要解决跨域就得先了解一下跨域,跨域问题(CORS,Cross-Origin Resource Sharing)通常由浏览器的同源策略(Same-Origin Policy, SOP)引起,这是一种用于保护用户安全的浏览器机制。主要原因在于,当浏览器发起请求时,如果请求的目标资源和当前页面的源(协议、域名、端口)不一致,浏览器会默认阻止这些跨域请求,造成“跨域”问题。原创 2024-09-27 16:34:20 · 589 阅读 · 0 评论 -
在 Vue 3 中生成动态的 Word 文档
在开发过程中遇到一个需求,动态生成一个word报表,当时考虑了是前端做还是后端做的问题,最后发现两个解决需求的方法都大差不差,但考虑到前端少发一个请求,就此使用的前端来解决。就此功能完成了,当然如果需求是生成成功的同时就下载文档,可以将下载功能直接写在生成功能内,就可以省去异步处理的代码量。创建一个工具函数,用于加载。模板,填充数据并生成文档。原创 2024-09-26 17:33:22 · 431 阅读 · 0 评论 -
使用Vue 3结合ECharts实现地图数据下钻功能
实现地图下钻功能的核心是有不同层级的地理数据,比如国家、省份、城市的地图。ECharts 官方提供了大部分国家和地区的地理数据。在 Vue 3 中创建一个 ECharts 组件并实现点击事件处理来进行地图下钻。或者使用第三方 API 来动态获取这些数据。总结思路:地图下钻就是获取点击事件,并重新生成一份下钻后的地图。并将下载好的JSON文件放入assets文件中。选择对应的省市区获取到对应的JSON数据。下载所需的 GeoJSON 数据。原创 2024-09-27 16:50:21 · 411 阅读 · 0 评论