<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[最初都是小白]]></title><description><![CDATA[只有不断积累我们才能成为更好的我们。]]></description><link>https://blog.youkuaiyun.com/Originally_M</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Originally_M]]></copyright><item><title><![CDATA[前端大量数据渲染，分段优化]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/149345713</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/149345713</guid><author>Originally_M</author><pubDate>Tue, 15 Jul 2025 09:18:05 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[Antd Vue中使用table组件把相同名称的合并单元格---只需两步]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/143518398</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/143518398</guid><author>Originally_M</author><pubDate>Tue, 05 Nov 2024 18:48:32 +0800</pubDate><description><![CDATA[Antd Vue 表格合并单元格，两步解决！]]></description><category></category></item><item><title><![CDATA[Git：误将master分支污染了时，你该怎么做？从某个commit开始检出一个新分支]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/129724283</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/129724283</guid><author>Originally_M</author><pubDate>Thu, 23 Mar 2023 09:43:11 +0800</pubDate><description><![CDATA[【代码】误将master分支污染了时，你该怎么做？提交记录回退？]]></description><category></category></item><item><title><![CDATA[css引入本地字体包用法]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/128383976</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/128383976</guid><author>Originally_M</author><pubDate>Tue, 20 Dec 2022 14:10:39 +0800</pubDate><description><![CDATA[css使用本地字体]]></description><category></category></item><item><title><![CDATA[video 去掉播放按钮并循环播放 可替代gif]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/127289894</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/127289894</guid><author>Originally_M</author><pubDate>Wed, 12 Oct 2022 20:25:20 +0800</pubDate><description><![CDATA[video代替gif]]></description><category></category></item><item><title><![CDATA[vue中使用echarts拉伸缩放屏幕自适应]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/127074395</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/127074395</guid><author>Originally_M</author><pubDate>Tue, 27 Sep 2022 17:08:29 +0800</pubDate><description><![CDATA[vue 使用echarts拉伸屏幕自适应]]></description><category></category></item><item><title><![CDATA[js 按 对象类型分组]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/125953067</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/125953067</guid><author>Originally_M</author><pubDate>Sat, 23 Jul 2022 22:14:31 +0800</pubDate><description><![CDATA[js 数组按对象类型分组
]]></description><category></category></item><item><title><![CDATA[vue.使用popstate监听点击浏览器自带返回按钮]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/125481077</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/125481077</guid><author>Originally_M</author><pubDate>Mon, 27 Jun 2022 11:42:56 +0800</pubDate><description><![CDATA[vue.使用popstate监听点击浏览器自带返回按钮]]></description><category></category></item><item><title><![CDATA[解决fullPage中使用dialog时滑动冲突问题]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/125391369</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/125391369</guid><author>Originally_M</author><pubDate>Tue, 21 Jun 2022 15:07:46 +0800</pubDate><description><![CDATA[解决fullPage中使用dialog时滑动冲突问题]]></description><category></category></item><item><title><![CDATA[vue数组分组递归（按数组加合分组，如小于等于100时分一组）]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/123813167</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/123813167</guid><author>Originally_M</author><pubDate>Tue, 29 Mar 2022 10:00:49 +0800</pubDate><description><![CDATA[使用场景：(由数组a 得到 数组b)
数组 a:[30,20,30,50,50,40,30]
数组 b:[[30,20,30],[50,50],[40,30]]
  mounted(){
	let a = [30,20,30,50,50,40,30]  //原数组
	let b = [] //新书组容器
	let max = 100 //期望最大加合100为一组
	let newArr =  this.getArr(a,max,b) //新数组
  }
  methods:{
  	// 分组方法：三个参数]]></description><category></category></item><item><title><![CDATA[vue 移动端中使用WebSocket对话]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/123549610</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/123549610</guid><author>Originally_M</author><pubDate>Thu, 17 Mar 2022 15:08:04 +0800</pubDate><description><![CDATA[效果：

代码：
import { Toast } from "mint-ui";
export default {
  data(){
    return{
      websocket: null,
      keyWord:'',
      searchKey:'search_qa'
    }
  },
  mounted(){
    // 初始化WebSocket
    this.initWebSocket()
  },
  methods:{
       // 初始化
    in]]></description><category></category></item><item><title><![CDATA[css 录音声波动效]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/123548370</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/123548370</guid><author>Originally_M</author><pubDate>Thu, 17 Mar 2022 14:27:32 +0800</pubDate><description><![CDATA[想要的效果：
类似微信的按住说话功能：

HTML
&lt;div class="time-box"&gt;
    &lt;span class="start-taste-line"&gt;
      &lt;hr class="hr1" /&gt;
      &lt;hr class="hr2" /&gt;
      &lt;hr class="hr3" /&gt;
      &lt;hr class="hr4" /&gt;
      &lt;hr class="hr5" /&gt;
    ]]></description><category></category></item><item><title><![CDATA[vue中使用jquery 滑动到页面底部]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/123525701</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/123525701</guid><author>Originally_M</author><pubDate>Wed, 16 Mar 2022 14:41:06 +0800</pubDate><description><![CDATA[期望点击按钮或其他操作时可以滚动到底部
方法：
 // 滑动到底部
    scrollToBottom(){
      this.$nextTick(() =&gt; {
           //要滑动的高度= 当前dom的滑动高度 - 当前窗口可视区域高度
           var height = $("#scrollBox")[0].scrollHeight - $(window).height();
            $("#scrollBox").scrollTop(height)]]></description><category></category></item><item><title><![CDATA[vue 数组分组递归（按个数分组，如3个一组）]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/123522761</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/123522761</guid><author>Originally_M</author><pubDate>Wed, 16 Mar 2022 13:48:29 +0800</pubDate><description><![CDATA[使用场景：(由数组a 得到 数组b)
数组 a:[1,2,3,4,5,6,7]
数组 b:[[1,2,3],[4,5,6],7]
  mounted(){
	let a = [1,2,3,4,5,6,7] //原数组
	let b = [] //新书组容器
	let num = 3 //期望3个为一组
	let newArr =  this.group(b,a,num) //新数组
  }
  methods:{
  	// 分组方法三个参数分别是 新数组，原数组，几个分为一组
  	 group(newA]]></description><category></category></item><item><title><![CDATA[js 强制刷新页面]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/123417931</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/123417931</guid><author>Originally_M</author><pubDate>Fri, 11 Mar 2022 10:11:17 +0800</pubDate><description><![CDATA[硬刷新 ==点击浏览器刷新按钮，请按需使用。
 location.reload() 


]]></description><category></category></item><item><title><![CDATA[EventBus组件通信 vue 两个无关的组件间通讯]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/123399760</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/123399760</guid><author>Originally_M</author><pubDate>Thu, 10 Mar 2022 14:12:35 +0800</pubDate><description><![CDATA[EventBus相当于系在两个组件的桥梁，两个页面通过EventBus进行传递参数，调用方法。
示例： A页面调用B页面的方法
第一步：建立EventBus文件
在src下建立utils文件夹，utils文件夹下创立EventBus.js
 import Vue from 'vue';
 /**
  * 事件总线
  * @usage:
  * EventBus.$emit('event',payload);
  * EventBus.$on('on',(payload)=&gt;{});
  */
 co]]></description><category></category></item><item><title><![CDATA[rem用法-两步实现响应式布局]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/123337172</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/123337172</guid><author>Originally_M</author><pubDate>Mon, 07 Mar 2022 19:12:58 +0800</pubDate><description><![CDATA[rem 根据根目录字体大小来适应
1:设置html字体大小
&lt;style&gt;
	html {
      font-size: 625%;
    }
&lt;/style&gt;

2:使用：1rem == 100px
&lt;style&gt;
	div {
      width:1rem;  // 100px
      height:0.5rem; // 50px
    }
&lt;/style&gt;


...]]></description><category></category></item><item><title><![CDATA[vue移动端 滑动到底部加载文章，实现下拉文章分页加载效果]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/123073542</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/123073542</guid><author>Originally_M</author><pubDate>Tue, 22 Feb 2022 17:53:39 +0800</pubDate><description><![CDATA[html：
&lt;template&gt;
  &lt;div class="rink"&gt;
    &lt;div class="top-list scroll-wrap"
     v-infinite-scroll="loadMore"
    infinite-scroll-disabled="loading"
    :infinite-scroll-immediate-check="true"
    infinite-scroll-distance="70"&gt;
      &lt;]]></description><category></category></item><item><title><![CDATA[解决报错: `defaultValue` is invalid for `getFieldDecorator` will set `value`, please use `option...]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/123049586</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/123049586</guid><author>Originally_M</author><pubDate>Mon, 21 Feb 2022 16:15:17 +0800</pubDate><description><![CDATA[报错原因：
当我的input 绑定了v-decorator的时候，又设置了default-value默认值，如下：
   &lt;a-input v-decorator="[ `name`]" default-value="默认文字"  /&gt;

就会报错：
Warning: defaultValue is invalid for getFieldDecorator will set value, please use option.initialValue instead.
解决办法：
在v-deco]]></description><category></category></item><item><title><![CDATA[css 全局滚动条样式美化]]></title><link>https://blog.youkuaiyun.com/Originally_M/article/details/122837972</link><guid>https://blog.youkuaiyun.com/Originally_M/article/details/122837972</guid><author>Originally_M</author><pubDate>Wed, 09 Feb 2022 11:14:02 +0800</pubDate><description><![CDATA[css代码
  *::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  *::-webkit-scrollbar-thumb {
  /*滚动条里面深色条*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(236, 236, 236, 0.1);
  background: #ccc;
  }
  *::-webki]]></description><category></category></item></channel></rss>