<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_37899622的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_37899622</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_37899622]]></copyright><item><title><![CDATA[微信小程序页面跳转的区别]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/131411431</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/131411431</guid><author>qq_37899622</author><pubDate>Tue, 27 Jun 2023 10:22:10 +0800</pubDate><description><![CDATA[②wx.redirectTo：跳转到新页面并且关闭当前页面，不可以返回上一层页面(跳转到指定的非TabBar页面)③wx.reLaunch：跳转到新页面并且关闭当前所有页面，不可以返回上一层页面。①wx.navigateTo：跳转到新页面，可以返回上一层页面。④wx.switchTab：跳到属于tabBar的页面。]]></description><category></category></item><item><title><![CDATA[组件库upload组件上传图片/视频前校验类型大小尺寸时长等]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/131241799</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/131241799</guid><author>qq_37899622</author><pubDate>Fri, 16 Jun 2023 10:31:39 +0800</pubDate><description><![CDATA[【代码】组件库upload组件上传图片/视频前校验类型大小尺寸时长等。]]></description><category></category></item><item><title><![CDATA[el-select滚动分页加载、模糊搜索防抖]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/130062444</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/130062444</guid><author>qq_37899622</author><pubDate>Mon, 10 Apr 2023 16:15:32 +0800</pubDate><description><![CDATA[【代码】el-select滚动分页加载、模糊搜索防抖。]]></description><category></category></item><item><title><![CDATA[vue中async/await不生效的问题]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/129988350</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/129988350</guid><author>qq_37899622</author><pubDate>Thu, 06 Apr 2023 14:21:44 +0800</pubDate><description><![CDATA[但是发现这么写并不生效，因为await后需要的是一个promise(它最主要的意图是用来等待 Promise 对象的状态被 resolved)。]]></description><category></category></item><item><title><![CDATA[el-select可以新建条目时 限制输入字数]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/129811699</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/129811699</guid><author>qq_37899622</author><pubDate>Tue, 28 Mar 2023 11:21:10 +0800</pubDate><description><![CDATA[以上，第一次加载的表格数据 科目的下拉框输入有限制。但是，如果点击导入，表格中新增的数据的科目下拉框是没有输入限制的，需要强制刷新此页面。一.el-select新建条目需要设置allow-create和filterable。以上，各种情况下，el-select可创建条目的输入限制字数的功能均已实现。3.在el-table中，而且通过某个操作表格中的数据会新增。②provide / inject声明注入法。2.el-select在动态加载的组件中。1.页面中仅有一个el-select。]]></description><category></category></item><item><title><![CDATA[vue2和vue3分别实现同一页面（v-for动态渲染：img/div设置背景图片、鼠标悬浮展示按钮、高斯模糊等）]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/126305004</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/126305004</guid><author>qq_37899622</author><pubDate>Fri, 12 Aug 2022 15:36:01 +0800</pubDate><description><![CDATA[vue2和vue3分别实现同一页面（v-for动态渲染：img/div设置背景图片、鼠标悬浮展示按钮、高斯模糊等）]]></description><category></category></item><item><title><![CDATA[数组、字符串、对象相关方法以及布尔值判断]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/125866639</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/125866639</guid><author>qq_37899622</author><pubDate>Tue, 19 Jul 2022 18:24:10 +0800</pubDate><description><![CDATA[六、限制输入n个汉字 2*n个字符。]]></description><category></category></item><item><title><![CDATA[JavaScript日期相关计算]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/125816609</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/125816609</guid><author>qq_37899622</author><pubDate>Sat, 16 Jul 2022 15:28:23 +0800</pubDate><description><![CDATA[js日期相关计算]]></description><category></category></item><item><title><![CDATA[vscode实用插件]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/123008666</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/123008666</guid><author>qq_37899622</author><pubDate>Fri, 18 Feb 2022 17:54:41 +0800</pubDate><description><![CDATA[在使用VSCode时，添加一些插件可以优化使用感受，特此记录了一些博主常用的实用插件]]></description><category></category></item><item><title><![CDATA[前端社招 面经十]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/122962406</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/122962406</guid><author>qq_37899622</author><pubDate>Wed, 16 Feb 2022 15:24:50 +0800</pubDate><description><![CDATA[一、vue的生命周期
1.Vue实例需要经过创建、初始化数据、编译模板、挂载DOM、渲染、更新、渲染、卸载等一系列过程，这个过程就是Vue的生命周期，Vue中提供的钩子函数有beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。

2.常用
①created使用场景（操作数据）：

发送ajax请求（调用请求数据的方法）；（更推荐在这里发送ajax请求）
操作data中的数据和methods]]></description><category></category></item><item><title><![CDATA[前端社招 面经九]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/122957942</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/122957942</guid><author>qq_37899622</author><pubDate>Wed, 16 Feb 2022 12:57:24 +0800</pubDate><description><![CDATA[一、vue生命周期各个钩子函数？分别做什么？
1.Vue实例需要经过创建、初始化数据、编译模板、挂载DOM、渲染、更新、渲染、卸载等一系列过程，这个过程就是Vue的生命周期，Vue中提供的钩子函数有beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。

2.常用
①created使用场景（操作数据）：

发送ajax请求（调用请求数据的方法）；（更推荐在这里发送ajax请求）
操作data]]></description><category></category></item><item><title><![CDATA[前端社招 面经八]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/122949722</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/122949722</guid><author>qq_37899622</author><pubDate>Tue, 15 Feb 2022 18:15:41 +0800</pubDate><description><![CDATA[一、项目部署、发布
Jenkins （develop自动发布，release 手动发布）
二、元素水平垂直居中
// 关键代码
display: flex;
align-items:center;
justify-content:center;

&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;meta charset="UTF-8"&gt;
        &lt;title&gt;&lt;/title&gt;
       ]]></description><category></category></item><item><title><![CDATA[前端社招 面经七]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/122919319</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/122919319</guid><author>qq_37899622</author><pubDate>Mon, 14 Feb 2022 10:23:58 +0800</pubDate><description><![CDATA[一、vue的生命周期？mounted和created什么时候用，有什么区别？
二、虚拟dom是什么？为什么要使用？
三、vue常用的指令？v-if和v-show的区别，什么情况下使用？v-if和v-for可以同时使用吗？
四、ES6了解多少？

...]]></description><category></category></item><item><title><![CDATA[vue：修改滚动条样式]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/121401011</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/121401011</guid><author>qq_37899622</author><pubDate>Thu, 18 Nov 2021 16:26:42 +0800</pubDate><description><![CDATA[首先要知道，修改滚动条样式，利用伪元素-webkit-scrollbar。
注意，::-webkit-scrollbar仅仅支持WebKit的浏览器(例如谷歌Chrome、苹果Safari)。
其次还需要了解滚动条的一些组成：

::-webkit-scrollbar 滚动条整体部分，可以设置宽度等
::-webkit-scrollbar-thumb  滚动条里面的滑块
::-webkit-scrollbar-button 滚动条轨道两端的按钮，允许通过点击以微调滑块的位置
::-webkit-scroll]]></description><category></category></item><item><title><![CDATA[vue：两个按钮模拟滚动条功能]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/121400248</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/121400248</guid><author>qq_37899622</author><pubDate>Thu, 18 Nov 2021 14:45:34 +0800</pubDate><description><![CDATA[效果图：



首先准备好两个图标：

图标可以在阿里巴巴矢量图标库下载：iconfont - 阿里巴巴矢量图标库
代码：
    &lt;div class="scroll-container"&gt;
      &lt;v-btn icon small v-if="showScrollButtonLeft" @click="handleScroll('left')" color="primary" class="left-btn"&gt;
        &lt;img
          :src=]]></description><category></category></item><item><title><![CDATA[vuetify：v-data-table自定义列显示的内容及搜索功能]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/120745450</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/120745450</guid><author>qq_37899622</author><pubDate>Wed, 17 Nov 2021 16:24:59 +0800</pubDate><description><![CDATA[&lt;template&gt;
  &lt;v-container class="loan-work-queue" grid-list-xl fluid&gt;
    &lt;add-activity-dialog v-if="showDialog.addActivity" :showDialog="showDialog" :isActivitiesManagement="isActivitiesManagement" @initTableData="initTableData"&gt;&lt;/add]]></description><category></category></item><item><title><![CDATA[Vue：实现一组按钮的多选功能]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/121291170</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/121291170</guid><author>qq_37899622</author><pubDate>Tue, 16 Nov 2021 15:07:42 +0800</pubDate><description><![CDATA[&lt;template&gt;
  &lt;div id="history-settings"&gt;
    &lt;v-toolbar color="#F9FAFD" dark class="toolbar-card" style="height: 80px;"&gt;
      &lt;v-toolbar-title style="font-size: 24px; font-weight: 600; line-height: 32px; height: 32px; color: #161A40; ]]></description><category></category></item><item><title><![CDATA[Vue：将自制的icon打包成文件，使用的时候直接用class即可；以及直接使用icon文件]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/121335027</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/121335027</guid><author>qq_37899622</author><pubDate>Mon, 15 Nov 2021 15:34:47 +0800</pubDate><description><![CDATA[一、将icon存放在一个文件夹中，再写一个css文件

.components-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.components-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
 ]]></description><category></category></item><item><title><![CDATA[解决vue中数据更新了但是v-data-table中数据没有重新渲染的问题]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/121210894</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/121210894</guid><author>qq_37899622</author><pubDate>Mon, 08 Nov 2021 16:54:19 +0800</pubDate><description><![CDATA[由于 JavaScript 的限制，当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue，Vue 不能检测到数组的变动。
为了解决上述问题，可以使用$set方法。
$set的两种使用方法：
this.set(item, 'preview', { menu: result, value: result[0].value }) // 变更的数组，新增的属性名，属性值
this.set(item, indexOfItem, newValue) // 变更的数组，要更]]></description><category></category></item><item><title><![CDATA[vue+vuetify项目]]></title><link>https://blog.youkuaiyun.com/qq_37899622/article/details/120830580</link><guid>https://blog.youkuaiyun.com/qq_37899622/article/details/120830580</guid><author>qq_37899622</author><pubDate>Mon, 18 Oct 2021 17:56:04 +0800</pubDate><description><![CDATA[①安装vuetify
npm install vuetify

②在main.js引入

import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'
Vue.use(Vuetify)

vuetify: new Vuetify(),

③在index.html中引入字体和图标

&lt;!-- Fonts and icons --&gt;
&lt;link rel="stylesheet" href="https://fonts.g]]></description><category></category></item></channel></rss>