一、跨域到底是个啥？ 咱们先打个比方：你家小区的门禁系统规定，只有住在同一栋楼（协议）、同一单元（主 机）、同一楼层（端口）的人才能自由进出，这就是浏览器的\"同源策略\"——最核心的安全守 卫。要是你想找隔壁小区（非同源）的朋友玩，门禁就会拦着你，这就是跨域啦！ 不过要注意哦，跨域是浏览器的限制。用抓包工具能看到接口明明返回了数据，可浏览器就 是不让前端拿；用Postman也能正常请求到数据，这都说

01：前言 资源地址：https://gitee.com/wangming956514476/imooc-visualization.git 这一小节，我们将要来实现一个地图可视化的项目，项目最终的实现效果如下： 整个可视化项目，一共分为 8 部分。 这八部分我们会按照，难易的顺序来进行绘制，尽量帮助大家可以以 逐步深入 的方式掌握大屏可视化的内容。 那么明确好了，本章的内容之

随着前端应用功能的增加，项目的打包体积也会不断膨胀，影响加载速度和用户体验。本文介绍了几种常见的打包优化策略，通过Vite和相关插件，帮助减少项目体积、提升性能，优化加载速度。rollup-plugin-visualizerrollup-plugin-visualizer插件，是一个可视化工具，以图表的形式，展示打包结果的模块构成与体积分布。安装：pnpm add rollup-plugin-vi

文字无缝滚动在开发大屏的时候会经常遇到。之前有用到marquee，但是它的效果有点差强人意，之后找到了一款非常好用的插件-vue-seamless-scroll。它不仅可以上下左右滚动，还可以实现单步停顿。基本上会符合我们的需求。如果有特殊的需求，可以自行封装自己的组件。下面就介绍几种文字无缝滚动的方法，给大家提供多种思路参考。如果没有特别需求的话，还是vue-seamless-scroll 简单

前言 在日常开发中会涉及到各种按钮请求，测试人员经常怼着一个按钮狂点不止。这样导致很多数据重复提交！ 「前端人员经常怼着测试说」：你能不能不要点那么快啊！ （由于有时候接口返回比较慢） 「测试回怼」：我不知道点击有没有成功呀！所以多点几次咯~ 「项目经理」：这是个 BUG，你们前后端开发商量一下看怎么修复吧！ 「后端人员」：这不是我的问题，请求慢我没办法。。前端发生的事，找前端吧！ 防抖 那既然这

Vue3 为前端开发带来了诸多革新，它不仅提升了性能，还提供了更简洁、更强大的 API。 以下是十个最值得学习和使用的 Vue3 API，它们将助力你的开发工作迈向新高度。 浅层响应式 API：shallowRef 在 Vue3 中，shallowRef 是一个用于创建浅层响应式引用的工具。与普通的 ref 不同，sh

需求 技术栈 实现思路 生产环境 生产环境要考虑两个功能：1、压缩图片：这个比较简单，在generateBundle钩子函数里面处理图片的chunk中的buffer就可以了 2、转webp格式: 还是在generateBundle中，直接copy一份图片的chunk，替换chunk的source和fileName，再添加到bundle中输出 3、替换路径后缀为.webp：这里就有点麻烦，需要考虑图