<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[kMONSTER4的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/kMONSTER4</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; kMONSTER4]]></copyright><item><title><![CDATA[新版vscode（v1.57）必备配置项——文件标签栏换行展示；Edge集成调试]]></title><link>https://blog.youkuaiyun.com/kMONSTER4/article/details/118018385</link><guid>https://blog.youkuaiyun.com/kMONSTER4/article/details/118018385</guid><author>kMONSTER4</author><pubDate>Fri, 18 Jun 2021 10:30:27 +0800</pubDate><description><![CDATA[文件标签栏换行展示
你可能看过需要插件、写css的，但是现在只需要简简单单的配置就行啦，打开设置在工作区中搜索 workbench.editor.wrapTabs，给它打上勾勾就好啦，这个功能不知道什么版本才有的也是这次更新才发现的，所以在这里记录一下~

效果：

Microsoft Edge Tools for VS Code
在扩展中搜索该插件进行安装，在调试的时候，我们可以在 vscode 中选择元素啦~
安装好后，如果需要断点调试，可以先在JS文件中打好断点，然后启动项目：

注意这里的地址哦~，]]></description><category></category></item><item><title><![CDATA[vue router：解决相同路径不同路由参数跳转同一页面，路由参数不动态刷新的问题]]></title><link>https://blog.youkuaiyun.com/kMONSTER4/article/details/117963762</link><guid>https://blog.youkuaiyun.com/kMONSTER4/article/details/117963762</guid><author>kMONSTER4</author><pubDate>Wed, 16 Jun 2021 17:58:37 +0800</pubDate><description><![CDATA[问题描述
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;当我们使用同一路径跳转不同页面时，路由参数不会刷新，所以组件中接收不到，比如我的路由定义如下：

采用 watch 监听
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1. 在跳转的组件中使用watch进行检测动态改变路由参数：
watch: {
    // 利用watch方法检测路由变化：
    $route: function(to, from) {
      if ]]></description><category></category></item><item><title><![CDATA[vue_shop删除功能报错——_this3.$confirm(...).cath is not a function]]></title><link>https://blog.youkuaiyun.com/kMONSTER4/article/details/117064800</link><guid>https://blog.youkuaiyun.com/kMONSTER4/article/details/117064800</guid><author>kMONSTER4</author><pubDate>Thu, 20 May 2021 10:07:04 +0800</pubDate><description><![CDATA[报错提示

报错代码
在有删除功能的提示框中都会有这样的报错：
      const confirmResult = await this.$confirm(
        '此操作将删除xx, 是否继续?',
        '提示',
        {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }
      ).cath(err =&]]></description><category></category></item><item><title><![CDATA[Less从入门到精通——!important关键字（附源码、学习视频和笔记）]]></title><link>https://blog.youkuaiyun.com/kMONSTER4/article/details/115406863</link><guid>https://blog.youkuaiyun.com/kMONSTER4/article/details/115406863</guid><author>kMONSTER4</author><pubDate>Fri, 02 Apr 2021 19:57:08 +0800</pubDate><description><![CDATA[完整学习视频及资料在这里哦~
链接：https://pan.baidu.com/s/1XHxElnc2N-qwg2f2J30Qyw
提取码：4k8t
关键字(important)
!important关键字：在调用的混合集后面追加 !important 关键字，可以使混合集里面的所有属性都继承 !important。这样可以提升样式的权重以至于不被层叠。
.bg(){
    width: 200px;
    height: 200px;
}
div{
    .bg();
}
div{
    .bg(]]></description><category></category></item><item><title><![CDATA[Less从入门到精通——引入（附学习视频、源码及笔记）]]></title><link>https://blog.youkuaiyun.com/kMONSTER4/article/details/115406794</link><guid>https://blog.youkuaiyun.com/kMONSTER4/article/details/115406794</guid><author>kMONSTER4</author><pubDate>Fri, 02 Apr 2021 19:55:35 +0800</pubDate><description><![CDATA[完整学习视频及资料在这里哦~
链接：https://pan.baidu.com/s/1XHxElnc2N-qwg2f2J30Qyw
提取码：4k8t
引入(importing)
引入less文件

我们可以引入一个或多个 .less 文件，然后再这个文件中的所有变量都可以在当前 less 文件中使用。
语法：@import " ×××" ；里面为需要引入less文件的相对路径，若和当前文件同一目录，则直接写被引入文件的名字，如commont，若是外一层，则为../commont，依次类推。

// 在同一目]]></description><category></category></item><item><title><![CDATA[Less从入门到精通——合并属性（附源码、学习视频和笔记）]]></title><link>https://blog.youkuaiyun.com/kMONSTER4/article/details/115406754</link><guid>https://blog.youkuaiyun.com/kMONSTER4/article/details/115406754</guid><author>kMONSTER4</author><pubDate>Fri, 02 Apr 2021 19:48:51 +0800</pubDate><description><![CDATA[完整学习视频及资料在这里哦~
链接：https://pan.baidu.com/s/1XHxElnc2N-qwg2f2J30Qyw
提取码：4k8t
合并属性
逗号分割合并的属性( + )
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在需要合并的属性的 “ : ” 前面加上 “  + ” 就可以完成合并，合并以“ ，” 分割属性。
.mixin(){
    // name 为 in 的动画
    animation+: in 3s;
}
div{
    .mix]]></description><category></category></item><item><title><![CDATA[Less从入门到精通——命名空间（附源码、学习视频和笔记）]]></title><link>https://blog.youkuaiyun.com/kMONSTER4/article/details/115404408</link><guid>https://blog.youkuaiyun.com/kMONSTER4/article/details/115404408</guid><author>kMONSTER4</author><pubDate>Fri, 02 Apr 2021 17:30:17 +0800</pubDate><description><![CDATA[完整学习视频及资料在这里哦~
链接：https://pan.baidu.com/s/1XHxElnc2N-qwg2f2J30Qyw
提取码：4k8t
命名空间


将一些需要的混合组合在一起，可以通过嵌套多层id 或者 class 来实现。这样类似于进行了一种封装可以供重复调用。


我们可以在 Less 混合中为自己封装一些比较日常比较常用的类名，通过命名空间来使用，来使编码更加有效率，如：


比如我们在 混合 #bgc 里面定义了 .a .width .height三个类，分别设置了字体颜色与鼠标经过]]></description><category></category></item><item><title><![CDATA[Less从入门到精通——作用域（附学习视频、源码及笔记）]]></title><link>https://blog.youkuaiyun.com/kMONSTER4/article/details/115404305</link><guid>https://blog.youkuaiyun.com/kMONSTER4/article/details/115404305</guid><author>kMONSTER4</author><pubDate>Fri, 02 Apr 2021 17:27:44 +0800</pubDate><description><![CDATA[完整学习视频及资料在这里哦~
链接：https://pan.baidu.com/s/1XHxElnc2N-qwg2f2J30Qyw
提取码：4k8t
作用域
    相信在座的各位都多多少少听说过吧，Less中的作用域也确实和编程语言的作用域类似。作用域可以理解为可以被访问的区域。
    但编译器解析到一个变量或混合时，会先从当前范围开始查找，也就当前所在的{ }，找不到再去外层也就是父级的作用域开始查找，依次类推。
// 在变量那一章我们也提到了作用域
// 现在再来练习一下吧
@color:pink;]]></description><category></category></item><item><title><![CDATA[Less从入门到精通——嵌套规则（附学习视频、源码及笔记）]]></title><link>https://blog.youkuaiyun.com/kMONSTER4/article/details/115404187</link><guid>https://blog.youkuaiyun.com/kMONSTER4/article/details/115404187</guid><author>kMONSTER4</author><pubDate>Fri, 02 Apr 2021 17:24:37 +0800</pubDate><description><![CDATA[完整学习视频及资料在这里哦~
链接：https://pan.baidu.com/s/1XHxElnc2N-qwg2f2J30Qyw
提取码：4k8t
嵌套规则
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;嵌套规则它模仿了HTML的结构，让我们的CSS代码更加简洁明了清晰
1. 子元素嵌套
可以将子元素的样式直接写在父元素的里面，形成嵌套
header{
	color:green;
	// 表示选择 header的子元素p 并设置其样式
	p{					
	    co]]></description><category></category></item><item><title><![CDATA[Less从入门到精通——变量与混合（附学习视频、源码及笔记）]]></title><link>https://blog.youkuaiyun.com/kMONSTER4/article/details/115404005</link><guid>https://blog.youkuaiyun.com/kMONSTER4/article/details/115404005</guid><author>kMONSTER4</author><pubDate>Fri, 02 Apr 2021 17:21:37 +0800</pubDate><description><![CDATA[完整学习视频及资料在这里哦~
链接：https://pan.baidu.com/s/1XHxElnc2N-qwg2f2J30Qyw
提取码：4k8t
变量（variables）
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Less中采用“ @ ”定义变量，使用时直接使用“@命名符”。
1. 作为普通变量
// 命名：
@color:red; 
// 调用：
div{
      color:@color;
}

&nbsp;&nbsp;&nbsp;&nbsp;&nbs]]></description><category></category></item><item><title><![CDATA[VM15 Ubuntu 18.04安装VMware Tools]]></title><link>https://blog.youkuaiyun.com/kMONSTER4/article/details/115403803</link><guid>https://blog.youkuaiyun.com/kMONSTER4/article/details/115403803</guid><author>kMONSTER4</author><pubDate>Fri, 02 Apr 2021 17:12:10 +0800</pubDate><description><![CDATA[开始安装
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;打开虚拟机VMware Workstation，启动Ubuntu系统，菜单栏 -&gt; 虚拟机 -&gt; 安装VMware Tools，等待一会，桌面出现VMware Tools镜像
准备环境

点击出现的镜像，复制里面的压缩包
在我们的主目录中创建一个文件夹用于安装，右击新建文件夹或者在终端输入mkdir 文件名（我这里的文件名设置为tool）
将刚刚复制的压缩包，粘贴在刚刚创建的文件夹中

解压
&nbsp]]></description><category></category></item><item><title><![CDATA[无线网络实验之构建无线网络环境（在VM15 ubuntu 18.04中装ns2）]]></title><link>https://blog.youkuaiyun.com/kMONSTER4/article/details/115403639</link><guid>https://blog.youkuaiyun.com/kMONSTER4/article/details/115403639</guid><author>kMONSTER4</author><pubDate>Fri, 02 Apr 2021 17:08:33 +0800</pubDate><description><![CDATA[搭建 NS2 仿真实验环境
安装VMware Workstation
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我安装的为vm 15
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
安装vm tool
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;详见:https://www.cnblogs.com/Monster-su/p/14606271.html
&nbsp;&nbsp;&nbsp;&]]></description><category></category></item><item><title><![CDATA[blog项目:在mongoose中进行populate联合查询导致模板无法渲染—解决报错信息之SyntaxError: Unexpected token R in JSON at position 0]]></title><link>https://blog.youkuaiyun.com/kMONSTER4/article/details/115403529</link><guid>https://blog.youkuaiyun.com/kMONSTER4/article/details/115403529</guid><author>kMONSTER4</author><pubDate>Fri, 02 Apr 2021 17:06:30 +0800</pubDate><description><![CDATA[报错信息

出错代码
    let articles = await Article.find().populate('author');
    res.render('admin/article', { articles });

出错原因
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在mongoose中使用populate方法实现集合关联时，导致模板引擎无法渲染，这是因为当集合联合查询和渲染页面模板同时进行会导致两者冲突，从而导致无法渲染页面，例如我们把上面的代码改成如下]]></description><category></category></item></channel></rss>