weixin_51396911的博客

npm WARN npm npm does not support Node.js v17.1.0npm WARN npm You should probably upgrade to a newer version of node as wenpm WARN npm can't make any promises that npm will work with this version.npm WARN npm Supported releases of Node.js are the latest

Vue中的插槽（slot）在项目中用的也是比较多的，今天就来介绍一下插槽的基本使用以及Vue版本更新之后的插槽用法变化。

json通常用于与服务端交换数据在向服务器发送数据时，一般是字符串我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

JS运行在浏览器中，是单线程的，但在window一个JS线程，浏览器是多线程的，浏览器为每个标签页开启了独立的渲染进程，每个进程之间的资源（CPU，内存等）和行为（UI，逻辑等）互不共享，所以即使某个标签页奔溃了也不会影响其他标签页。JavaScript的单线程与它的用途有关，作为浏览器语言，JavaScript的主要用途是与用户互动。以及操作DOM，这决定了它只能是单线程。

第一次碰到这种情况的新手可能不了解在哪里修改，下面给大家讲讲插件，去禁用无重要的插件，禁用后要重启vscode才行

node编程中最重要的思想之一就是模块，而正是这个思想，让JavaScript的大规模工程成为可能。

首先，我们先建立三个页面:主页面parent.vue、子页面son1.vue、子页面son2.vue。主页面配置如下：

后台返回的图片加载到页面上时发现有些图片无法加载出来，这时前端要做默认图片展

A端是开发界面，即管理员所接触的界面。B端是商家界面，即浏览器界面，依托于web界面。B端产品，即2B产品，是面向商家、企业级、业务部门提供的服务产品。C端是用户界面，即app界面，是用户所接触最为广泛的界面。C端市场，即消费者市场，指所有为个人消费而购买或取得商品和服务的个人和家庭。......

substr()是C++语言函数，主要功能是复制子字符串，要求从指定位置开始，并具有指定的长度。

JavaScript中，控制台输出不同颜色数据的区别如下

解构赋值：是对赋值运算符的扩展，把对象或数组的属性或值提取出来，进行赋值给变量；在解构中，解构的源：解构赋值表达式右边部分；解构的目标：解构赋值表达式左边部分；好处：让语法更加简洁优雅；...

项目场景：本来写的是一个js渲染，但是出了个小问题，cannot read properties of null(reading appendChild)报错。大致意思是：不能读取空的属性。

Unix系统里，每行结尾只有“”，即"\n"；Windows系统里面，每行结尾是“”，即“\n\r”；Mac系统里，每行结尾是“”，即"\n"；。一个直接后果是，Unix/Mac系统下的文件在 Windows里打开的话，所有文字会变成一行；而Windows里的文件在Unix/Mac下打开的话，在每行的结尾可能会多出一个^M符号...

在style经常用scoped属性实现组件的私有化时，要改变element-ui某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/

相同条件下，setTimeout() 只执行一次，setInterval() 则循环执行；1.setTimeout() 延迟执行一次： setTimeout(fn, 1000); //延迟1秒，执行一次fn()；应用场景：调用接口2.setInterval() 隔段时间循环执行； setInterval(fn, 1000); //每隔1秒，循环执行fn()应用场景：倒计时...

可以通过设置disabled属性来实现。主要是要注意，如果要动态修改element中的属性，一定要加上：，不然没法动态设置的 <span>AAA<i style="color: red">*</i></span> <el-select v-model="commFileUploadFormData.data_type" .

我们一般会点击按钮去展开查看详情，所以我们替换箭头为“查看详情”按钮，通过toggleRowExpansion方法展开合闭expand。

假如一个对象盒子CSS命名为“.CSS5”,其内使用了html i标签，这个使用我们想使用div css去掉其斜体样式

一. 报错场景在VUE中使用element-ui的el-select组件时出现该报错运行结果： （界面初始加载时会报以下错，且在点击el-select与切换el-option时都会继续报错）[Vue warn]: Missing required prop: "value" 二. 报错原因2.1.el-select中没有进行双向数据绑定（v-model）2.2 el-option没有进行value赋值 ...

需求：假设点击左边数字就使改盒子变色话不多说上代码!!!HTML:JS:CSS:

1，Html中空格&nbsp; &#160; 不断行的空白（1个字符宽度）&ensp; &#8194; 半个空白（1个字符宽度）&emsp; &#8195; 一个空白（2个字符宽度）&thinsp; &#8201; 窄空白（小于1个字符宽度）2，Css 的方式空格　CSS中当 white-space 属性取值为pre时，浏览器会保留文本中的空格和换行,例如： <divstyle="wh...

<el-popover placement="top-start" title="标题" width="200" :open-delay="1500" trigger="hover" content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"> <el-button slot="reference">hover 激活</el-button> </el-popover>// ...

Git是目前世界上最先进的分布式版本控制系统，在处理各种项目时都十分高效，而且非常的高大上。SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。而且集中式版本控制系统是必须联网才能工作。Git是分布式版本控制系统，它就没有中央服务器的，每个人的电脑就是一个完整的版本......

一、forEach 1. 循环遍历数组 2. 用法: 3. ~~~ 数组.forEach((item,index)=>{ item代表数组每一项值，index代表数组下标 }) 特点：根本停不下来，一定要执行到循环结束，return也停不下来，没有返回值 ~~~ 二、findIndex 1. 用于查找 数据中符合条件的下标 2. ~~~ 返回值=数组.findIndex(...

组件<el-upload accept="image/jpeg,image/gif,image/png" class="upload-demo upload-tip" :action="uploadUrl()" :on-preview="handlePreview"

vue-router（前端路由）有两种模式，hash模式和history模式1.hash 就是指 url 尾巴后的 # 号以及后面的字符，history没有带#，外观上比hash 模式好看些2.原理的区别（原理）3. hash 能兼容到IE8， history 只能兼容到 IE10；4.由于 hash 值变化不会导致浏览器向服务器发出请求，而且 hash 改变会触发 hashchange 事件（hashchange只能改变 # 后面的url片段）；虽然hash路径出现在URL中，但是不会...

nvm是一个nodejs版本管理工具，我们可以通过它来对nodejs的版本进行切换

列如在平时的表格搜索框核心代码// 把事件换成获取列表的事件clearable @clear="findUserByName(searchName)"// searchName:重新加载数据的方法

解决办法找到eslintrc.js文件中的’@vue/standard’注释掉即可解决此bug

网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。

a：hover{cursor:pointer}//选择你需变化的盒子类名

解决方式一 ： 将Dialog下的close-on-click-modal属性改为‘false’。需要注意的是： 在使用close-on-click-modal属性时，必须在该属性前加“:”。解决方式二： 可以通过before-close属性，在Dialog关闭时，让用户进行确认是否需要关闭。before-close 仅当用户通过点击关闭图标或遮罩关闭 Dialog 时起效。如果你在 footer 具名 slot 里添加了用于关闭 Dialog 的按钮，那么可以在按钮的点击回调函数里加入 befo..

改变table表格某行的字体颜色需要增加这个属性。​

​处于某种原因，有时候一个表格里很多种样式，比如单元格动态改变字体颜色​

// 一级菜单的title::v-deep.el-submenu.is-active > .el-submenu__title { color: #409eff !important;} // 一级菜单的i标签::v-deep.el-submenu.is-active > .el-submenu__title i { color: #409eff !important;} // 一级菜单的图片（改变图片的颜色）::v-deep .el-submenu.is-active..

## 参数说明::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb）::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）.

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #divtest { width: 400px; height: 400px; background-color: aqua;.

列子： <el-tabs v-model="activeTab" @tab-click="handleClick"> <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane> <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane> <el-tab-pane label="角色管理" name=