<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[HelloWord176的博客]]></title><description><![CDATA[随记]]></description><link>https://blog.youkuaiyun.com/HelloWord176</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; HelloWord176]]></copyright><item><title><![CDATA[【多选框、表格全选】element el-checkbox、el-table]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/131897782</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/131897782</guid><author>HelloWord176</author><pubDate>Mon, 24 Jul 2023 16:03:26 +0800</pubDate><description><![CDATA[【多选框、表格全选】element  el-checkbox、el-table。]]></description><category></category></item><item><title><![CDATA[vue + el-table点击表头改变其当前样式]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/131642722</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/131642722</guid><author>HelloWord176</author><pubDate>Mon, 10 Jul 2023 16:48:48 +0800</pubDate><description><![CDATA[【代码】vue + el-table点击表头改变其当前样式。]]></description><category></category></item><item><title><![CDATA[2023年 vue使用腾讯地图搜索、关键字输入提示、地点显示]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/131556906</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/131556906</guid><author>HelloWord176</author><pubDate>Wed, 05 Jul 2023 16:20:52 +0800</pubDate><description><![CDATA[2023年 vue使用腾讯地图搜索、关键字输入提示、地点显示。]]></description><category></category></item><item><title><![CDATA[如果代码已关联git仓库，但是想将代码提交到新的仓库，应该如何做？]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/131349176</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/131349176</guid><author>HelloWord176</author><pubDate>Fri, 23 Jun 2023 11:46:56 +0800</pubDate><description><![CDATA[现在可以进行本地代码的修改和提交了。命令来查看当前所在分支。如果需要切换到另一个分支，可以运行。标志告诉 Git 将当前分支（本地分支）关联到新的远程分支。在其他 Git 仓库中创建新的仓库，并复制仓库的 URL。现在，你的本地代码已经关联到了一个新的远程仓库。命令时，Git 将会将代码推送到新的仓库中。确保你当前在正确的分支上。打开命令行终端并导航到你的本地代码仓库。这将删除你之前关联的默认远程仓库。是你新建的远程仓库的 URL。是你要推送的分支的名称。]]></description><category></category></item><item><title><![CDATA[filter、map、reduce 一次性说清楚]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/130730738</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/130730738</guid><author>HelloWord176</author><pubDate>Wed, 17 May 2023 17:29:33 +0800</pubDate><description><![CDATA[map、filter、reduce]]></description><category></category></item><item><title><![CDATA[Vue Cli 项目白屏时间长，如何优化？？？]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/130554904</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/130554904</guid><author>HelloWord176</author><pubDate>Mon, 08 May 2023 11:41:35 +0800</pubDate><description><![CDATA[vue项目打包优化]]></description><category></category></item><item><title><![CDATA[「微信二次分享」➡️ 自定义标题和图片]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/127902232</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/127902232</guid><author>HelloWord176</author><pubDate>Thu, 17 Nov 2022 13:52:25 +0800</pubDate><description><![CDATA[微信二次分享，自定义标题和图片]]></description><category></category></item><item><title><![CDATA[前端 Vue与flutter之间通信]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/127902128</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/127902128</guid><author>HelloWord176</author><pubDate>Thu, 17 Nov 2022 13:28:40 +0800</pubDate><description><![CDATA[vue 如何 跟 flutter 之间进行参数传递]]></description><category></category></item><item><title><![CDATA[vue 重置页面数据]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/126655327</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/126655327</guid><author>HelloWord176</author><pubDate>Fri, 02 Sep 2022 09:11:07 +0800</pubDate><description><![CDATA[vue 重置页面数据]]></description><category></category></item><item><title><![CDATA[vue + Element动态表格增加删除]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/126650807</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/126650807</guid><author>HelloWord176</author><pubDate>Thu, 01 Sep 2022 20:30:27 +0800</pubDate><description><![CDATA[vue 动态增加表格]]></description><category></category></item><item><title><![CDATA[element-ui 中标签el-select选中无反应问题]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/125371556</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/125371556</guid><author>HelloWord176</author><pubDate>Mon, 20 Jun 2022 13:56:52 +0800</pubDate><description><![CDATA[el-select标签，如果外部还嵌套循环，点击选中标签无反应，删除也不好使，
原因由于层次太多，导致render函数没有自动更新；

在el-select标签内加入 @change=“$forceUpdate()” ，强制刷新视图即可。]]></description><category></category></item><item><title><![CDATA[vue在多方法执行完后再执行另一个方法（等待请求完数据再执行）async/await使用方法]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/125332610</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/125332610</guid><author>HelloWord176</author><pubDate>Fri, 17 Jun 2022 14:17:30 +0800</pubDate><description><![CDATA[vue 中的 async await 异步 等待 按顺序执行]]></description><category></category></item><item><title><![CDATA[vite项目启动报错【 Cannot find module ‘unplugin-vue-components/vite 】]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/125087040</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/125087040</guid><author>HelloWord176</author><pubDate>Wed, 01 Jun 2022 17:14:36 +0800</pubDate><description><![CDATA[vite项目启动项目报错]]></description><category></category></item><item><title><![CDATA[常用简洁的 JS 代码片段]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/123902944</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/123902944</guid><author>HelloWord176</author><pubDate>Fri, 01 Apr 2022 17:44:10 +0800</pubDate><description><![CDATA[1、单行 If-Else 语句
这是许多编程语言的共同特征。你可以使用三元运算符用一行代码编写整个语句，而不是在多行上编写 if-else。
const age = 12;
let ageGroup;


// 常用写法
if (age &gt; 18) {
  ageGroup = "An adult";
} else {
  ageGroup = "A child";
}


// 简写
ageGroup = age &gt; 18 ? "An adult" : "A child";

但是，不要过度使]]></description><category></category></item><item><title><![CDATA[vue 动态添加条件或表头]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/123328666</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/123328666</guid><author>HelloWord176</author><pubDate>Mon, 07 Mar 2022 13:50:46 +0800</pubDate><description><![CDATA[话不多说 直接看效果

代码如下：
&lt;template&gt;
  &lt;div&gt;
    &lt;el-form ref="formRef" label-width="70px" :model="formData" autocomplete="on" @submit.prevent&gt;
      &lt;el-row v-for="(item, index) in formData.querys" :key="index" :gutter="16" :xs="24"&gt;
     ]]></description><category></category></item><item><title><![CDATA[vue使用clipboard.js 《一键复制》]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/121268168</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/121268168</guid><author>HelloWord176</author><pubDate>Thu, 11 Nov 2021 15:09:16 +0800</pubDate><description><![CDATA[安装

npm install clipboard --save


vue项目我们可以对其进行简单的处理
我们可以在项目目录下utils(没有新建)新建一个 clipboard.js文件

import Clipboard from 'clipboard' //引入cliboard
import { ElMessage } from 'element-plus'  //消息提示

function clipboardSuccess(msg) {
  ElMessage.success(msg || '..]]></description><category></category></item><item><title><![CDATA[vue3 响应式原理 和vue 2 响应式原理对比]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/119932233</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/119932233</guid><author>HelloWord176</author><pubDate>Thu, 26 Aug 2021 15:19:14 +0800</pubDate><description><![CDATA[vue2.x的响应式


实现原理：


对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。


数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。
Object.defineProperty(data, 'count', {
    get () {}, 
    set () {}
})





存在问题：

新增属性、删除属性, 界面不会更新。
直接通过下标修改数组, 界面不会自动更新。



Vue3.0的响应式

]]></description><category></category></item><item><title><![CDATA[VUE3项目搭建【vue-cli 及 vite】]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/119909297</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/119909297</guid><author>HelloWord176</author><pubDate>Wed, 25 Aug 2021 14:09:34 +0800</pubDate><description><![CDATA[第一种：通过 vue-cli 脚手架进行项目搭建：
VUE3项目创建对VUE-cli的版本是有限制的，版本必需在 4.5.0以上才可以
我们可以在 cmd 窗口 输入  vue -V 来进行查看

如果版本不对的话可以进行版本升级：
npm install -g @vue/cli

建议以下方式：
1.通过config命令
npm config set registry https://registry.npm.taobao.org

npm info underscore （如果上面配置正确这个命令会有字]]></description><category></category></item><item><title><![CDATA[js立即执行函数]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/119457977</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/119457977</guid><author>HelloWord176</author><pubDate>Fri, 06 Aug 2021 16:29:41 +0800</pubDate><description><![CDATA[一：什么是立即执行函数？
声明一个函数，并马上调用这个匿名函数就叫做立即执行函数；也可以说立即执行函数是一种语法，让你的函数在定义以后立即执行；
立即执行函数的创建步骤，看下图：

二：立即执行函数的写法：
有时，我们定义函数之后，立即调用该函数，这时不能在函数的定义后面直接加圆括号，这会产生语法错误。产生语法错误的原因是，function 这个关键字，既可以当做语句，也可以当做表达式，比如下边：
//语句
function fn() {};

//表达式
var fn = function (){};

]]></description><category></category></item><item><title><![CDATA[vue input输入框实时搜索]]></title><link>https://blog.youkuaiyun.com/HelloWord176/article/details/119216364</link><guid>https://blog.youkuaiyun.com/HelloWord176/article/details/119216364</guid><author>HelloWord176</author><pubDate>Thu, 29 Jul 2021 17:26:07 +0800</pubDate><description><![CDATA[废话不多说先看效果：

代码如下：
&lt;template&gt;
  &lt;div style="padding-left: 3px; margin-top: 3px"&gt;
    &lt;!-- 搜索框 --&gt;
    &lt;div class="input-warp"&gt;
      &lt;input
        class="input"
        v-model="keyWord"
        type="text"
        placeholder="输]]></description><category></category></item></channel></rss>