一、跨域到底是个啥？ 咱们先打个比方：你家小区的门禁系统规定，只有住在同一栋楼（协议）、同一单元（主 机）、同一楼层（端口）的人才能自由进出，这就是浏览器的\"同源策略\"——最核心的安全守 卫。要是你想找隔壁小区（非同源）的朋友玩，门禁就会拦着你，这就是跨域啦！ 不过要注意哦，跨域是浏览器的限制。用抓包工具能看到接口明明返回了数据，可浏览器就 是不让前端拿；用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，你们前后端开发商量一下看怎么修复吧！ 「后端人员」：这不是我的问题，请求慢我没办法。。前端发生的事，找前端吧！ 防抖 那既然这

前言 前端加载超大图片时，一般可以采取以下措施实现加速： 而对于几百M或上G的大图而言，不管对图片进行怎么优化或加速处理，要实现秒开也是不太可能的事情。而上面介绍的第二条“图像分割切片”是最佳解决方案。下面介绍下如何对大图进行分割，在前端进行拼接实现秒开。 图像切片原理介绍 图像切片是指将一张大图分割成若干个小图的过程，以便于存储和处理。图像切片常用于网络地图、瓦片地图、图像拼接等应用中。 切片原

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

前置条件 创建uniapp项目并关联uniClound云空间 新建uniapp项目，勾选下面“启用uniClound”，选择其中一个云服务商即可。如果在已有项目中启用uniClound，可直接右键项目文件夹，选择“创建uniClound云开发环境”。 创建好uniClound云开发环境后，会在项目目录中增加一个“uniClound”的文件夹，右键该文件夹，选择“关联云服务空间或项目”。 如果还没有

整体逻辑：一、要知道什么情况下会更新二、更新之后从哪去下载更新资源三、选择哪一种更新方式 1、需要在后台定义一个接口，将版本返回到app，每次更新的时候需要设置版本（务必要大于前一版本 2、app接收到数据之后做处理，选择哪种更新方式，以及对应的处理逻辑热更新(type=0) 整包更新(type=1) 3、app两种更新方式对应的打包操作 3.1、热更新–将最新的程序打包成wgt文件首先需要在ma

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