<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[sunxiaobai1的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/sunxiaobai1</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; sunxiaobai1]]></copyright><item><title><![CDATA[横向无缝轮播图]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/136251449</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/136251449</guid><author>sunxiaobai1</author><pubDate>Fri, 23 Feb 2024 11:32:18 +0800</pubDate><description><![CDATA[我们通过v-for指令循环渲染图片，并且根据currentIndex和translateX控制图片列表的位移。点击“Prev”和“Next”按钮时，调用相应的方法改变当前索引和位移距离，实现图片的切换效果。]]></description><category></category></item><item><title><![CDATA[前端几个风骚操作]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/134164229</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/134164229</guid><author>sunxiaobai1</author><pubDate>Wed, 01 Nov 2023 16:22:23 +0800</pubDate><description><![CDATA[风骚操作]]></description><category></category></item><item><title><![CDATA[使用less或者scss 定义css变量，点击触发方法 修改css变量]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/134154609</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/134154609</guid><author>sunxiaobai1</author><pubDate>Wed, 01 Nov 2023 09:48:25 +0800</pubDate><description><![CDATA[使用less或者scss 定义css变量，点击触发方法 修改css变量]]></description><category></category></item><item><title><![CDATA[npm install 卡住不动解决方法]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/134135005</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/134135005</guid><author>sunxiaobai1</author><pubDate>Tue, 31 Oct 2023 10:35:47 +0800</pubDate><description><![CDATA[删除项目中的node_modules文件夹和package-lock.json。在控制台执行下面命令。]]></description><category></category></item><item><title><![CDATA[在Vue中使用axios全局挂载默认配置代理跨域]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/131736475</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/131736475</guid><author>sunxiaobai1</author><pubDate>Sat, 15 Jul 2023 10:54:53 +0800</pubDate><description><![CDATA[axios可以使数据请求更简单方便，学习使用axios优化自己的项目。]]></description><category></category></item><item><title><![CDATA[后端返回文件流，下载并重新命名文件]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/131736463</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/131736463</guid><author>sunxiaobai1</author><pubDate>Sat, 15 Jul 2023 10:54:22 +0800</pubDate><description><![CDATA[4.使用 URL.createObjectURL() 方法创建一个临时的下载链接。3.将文件流数据转换为 Blob 对象。标签的点击事件来开始下载文件。1.接收后端返回的文件流数据。属性为你想要的新文件名。5.将下载链接赋值给。]]></description><category></category></item><item><title><![CDATA[在Vue中使用两个不同的接口地址，并封装请求，添加请求头]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/131736444</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/131736444</guid><author>sunxiaobai1</author><pubDate>Sat, 15 Jul 2023 10:53:38 +0800</pubDate><description><![CDATA[index.js是一个环境变量，它应该是在 Vue.js 项目的配置文件中定义的。一般来说，这个变量用于存储与后端 API 相关的 URL 地址。在 Vue.js 项目中，可以使用环境变量来管理不同环境下的配置，例如开发环境、测试环境和生产环境。通过配置不同的环境变量值，可以在不同的环境中使用不同的 API 地址，而无需更改代码。具体的 API 地址取决于你的项目配置，你可以在 Vue.js 项目的根目录下找到.env文件或文件等，里面定义了该环境变量的值。在代码中使用。]]></description><category></category></item><item><title><![CDATA[Vue框架使用swiper5实现带缩略图的轮播图]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/131736429</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/131736429</guid><author>sunxiaobai1</author><pubDate>Sat, 15 Jul 2023 10:52:49 +0800</pubDate><description><![CDATA[【代码】Vue框架使用swiper5实现带缩略图的轮播图。]]></description><category></category></item><item><title><![CDATA[使用git时创建密钥]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/131735188</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/131735188</guid><author>sunxiaobai1</author><pubDate>Sat, 15 Jul 2023 09:39:28 +0800</pubDate><description><![CDATA[git添加密钥]]></description><category></category></item><item><title><![CDATA[微信小程序、vueH5页面互相跳转并传递参数]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/129819519</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/129819519</guid><author>sunxiaobai1</author><pubDate>Tue, 28 Mar 2023 17:00:38 +0800</pubDate><description><![CDATA[微信小程序、vueH5页面互相跳转并传递参数]]></description><category></category></item><item><title><![CDATA[简单实现可拖拽的div]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/127982792</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/127982792</guid><author>sunxiaobai1</author><pubDate>Tue, 22 Nov 2022 14:55:41 +0800</pubDate><description><![CDATA[【代码】简单实现可拖拽的div。]]></description><category></category></item><item><title><![CDATA[Typora免费版下载安装 过期解决办法 - 副本]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/126229504</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/126229504</guid><author>sunxiaobai1</author><pubDate>Mon, 08 Aug 2022 15:58:31 +0800</pubDate><description><![CDATA[现在的Typora收费了，但是官网还是可以找到历史版本，1.0之前的不收费。新版虽然收费还是很值得入手的，免费版嘛，也还是能用的。Typora安装后打开弹窗错误看最后！]]></description><category></category></item><item><title><![CDATA[js常用的校验]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/126229477</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/126229477</guid><author>sunxiaobai1</author><pubDate>Mon, 08 Aug 2022 15:57:27 +0800</pubDate><description><![CDATA[js常用的校验。]]></description><category></category></item><item><title><![CDATA[axios的封装+添加请求头签名+md5加密]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/126229453</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/126229453</guid><author>sunxiaobai1</author><pubDate>Mon, 08 Aug 2022 15:56:27 +0800</pubDate><description><![CDATA[axios的封装+添加请求头签名+md5加密]]></description><category></category></item><item><title><![CDATA[axios查询字典翻译]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/126229405</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/126229405</guid><author>sunxiaobai1</author><pubDate>Mon, 08 Aug 2022 15:55:55 +0800</pubDate><description><![CDATA[axios查询字典翻译。]]></description><category></category></item><item><title><![CDATA[改变原数组的方法和不改变原数组的方法]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/123282086</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/123282086</guid><author>sunxiaobai1</author><pubDate>Fri, 04 Mar 2022 17:44:59 +0800</pubDate><description><![CDATA[改变原数组的方法和不改变原数组的方法
1.改变原数组的方法
    var arr = []
    arr.splice()
    arr.reverse()
    arr.fill()
    arr.copyWithin()
    arr.sort()
    arr.push()
    arr.pop()
    arr.unshift()
    arr.shift()

arr.splice()
    // 1.删除功能。
    let arr = ['a', 'b', 'c', ']]></description><category></category></item><item><title><![CDATA[监听鼠标移入移出]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/122863153</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/122863153</guid><author>sunxiaobai1</author><pubDate>Fri, 11 Feb 2022 09:28:25 +0800</pubDate><description><![CDATA[鼠标移入、移出触发事件实现
移入：mouseenter
移出：mouseleave
例子
$(document).on('mouseenter', '#aaa', function(){
     alert("鼠标移入事件！");
 }).on('mouseleave', '#aaa', function(){
     alert("鼠标移出事件！");
 });


...]]></description><category></category></item><item><title><![CDATA[监听鼠标移入移出添加删除class事件 - 副本]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/122863173</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/122863173</guid><author>sunxiaobai1</author><pubDate>Fri, 11 Feb 2022 09:28:01 +0800</pubDate><description><![CDATA[添加删除class方法
添加：节点.classList.add(“类名”)；
删除：节点.classList.remove(“类名”)；
例子
mouseover  鼠标移入触发函数
mouseout  鼠标移出触发函数
添加类名和删除类名可以以逗号分割来添加多个或者删除多个
classList.add(“类名”，“类目”)；

  // 移入显示  移除隐藏 
   window.onload = function () {
            document.querySelector('.cla]]></description><category></category></item><item><title><![CDATA[Vs-code 必备插件]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/122863205</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/122863205</guid><author>sunxiaobai1</author><pubDate>Fri, 11 Feb 2022 09:27:46 +0800</pubDate><description><![CDATA[文章作者: Jackpop
文章連結: https://zhuanlan.zhihu.com/p/111004160
版權聲明: 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。


VS Code是这两年非常热门的一款开发工具，它不仅有提升开发体验的界面、轻量化的编辑器，还有丰富而强大的插件，这些优秀的插件使得VS Code生态体系更加吸引人，让开发效率大大提升。本文来介绍10款高效的VS Code插件，总有一款能够惊艳到你。

前言
VS Code的确是一款非常热门、有强大用户基础.]]></description><category></category></item><item><title><![CDATA[vue 数据更新后，echarts图表不更新]]></title><link>https://blog.youkuaiyun.com/sunxiaobai1/article/details/122863233</link><guid>https://blog.youkuaiyun.com/sunxiaobai1/article/details/122863233</guid><author>sunxiaobai1</author><pubDate>Fri, 11 Feb 2022 09:27:37 +0800</pubDate><description><![CDATA[在获取数据后  echarts图表不会根据数据更新
props: ['RyZcPjgzTable1'], // 介绍父组件传过来的数据
  // 监听数据
  // 每当数据发生变化后  都会触发这个事件  给alldata 重新赋值  在重新调用更新数据的方法
  watch: {
    RyZcPjgzTable1: function (newVal) {
      this.allData = []
      newVal.forEach(item =&gt; {
        this.al]]></description><category></category></item></channel></rss>