weixin_51396911的博客

原创 Vue3中getCurrentInstance()方法

是 Vue.js 3 Composition API 中的一个函数，它的作用是获取当前组件的实例对象。监听组件生命周期钩子：获取到组件的实例对象后，您可以通过实例对象上的生命周期钩子函数来监听组件的生命周期事件，如。，您可以在组件中像访问普通对象一样访问和修改响应式属性，而无需手动追踪属性的变化。对象是一个代理对象，它会将数据访问和修改的操作转发给真实的响应式数据。，可以获取到组件的实例对象，从而可以访问和调用组件实例上定义的方法。，可以直接访问和修改组件的响应式数据，而不需要手动使用。

原创 this.$forceUpdate()

this.$forceUpdate() 是 Vue.js 的一个实例方法，用于迫使 Vue 实例重新渲染页面。 在 Vue.js 中，当组件或其数据发生变化时，Vue 会自动检测这些变化并重新渲染页面。但是，在某些情况下，Vue 不能获知数据已被修改，比如在以下情况中： 直接通过索引方式修改数组中的某个元素； 修改某个对象的属性但未重新赋值整个对象。 这时，如果要更新页面，可以使用 this.$forceUpdate() 方法。它强制 Vue 实例重新渲染视图

原创 前端开发中的try...catch

ES6——异步编程Promise学习（.then( )回调问题） 异步编程：开发中无论是在浏览器环境中还是在Node环境中，我们都会使用JavaScript我完成...try catch只能捕获同步代码中的异常；同步并发的异步会存在一定的问题

原创 使用nvm实现多版本node自由切换

输出如下版本号即证明安装成功。

原创 svn下载安装与使用教程/方法

当其中一个人提交了代码修改，另一个人只需要进行代码更新就可以得到修改后的代码，选择要更新的文件右键选择update。新建文件，右键选择TortoiseSVN，选择Add，将文件添加到版本库列表。填入刚刚拷贝的仓库地址，与所建立文件要放得地方，点击ok即可。可以进行文件备注，以便于后续的查询查找问题方便最后点击提交。再次点击文件，右键选择svn commit，进行文件的提交。更新成功后如下图显示。

原创 DatePicker 日期选择器结束日期为23：59：59

【代码】DatePicker 日期选择器结束日期为23：59：59。

原创 splice的用法

在了解了splice和slice的用法时，我们知道一般地：当我们需要修改原数组时，可以使用splice方法；当我们需要获取指定区间的元素时，可以使用slice方法。

原创 如何创建vue2，vue3项目

当使用vue-cli（脚手架）创建项目后，并用npm run serve运行项目过程中，出现Conflict: Multiple assets emit different content to the same filename index.html的报错

原创 在uView中的DatetimePicker 实现《年月日时分秒》

【代码】在uView中的DatetimePicker 实现《年月日时分秒》

原创 npm install less-loader报错，无法使用less

严格控制版本号 npm install [email protected] [email protected] --save-dev。

原创 npm版本跟node版本冲突问题导致无法安装依赖运行

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

原创 watch和watchEffect的区别

watch函数与watchEffect函数都是监听器，在写法和用法上有一定区别，是同一功能的两种不同形态，底层都是一样的。

原创 Vue 插槽（slot）详细介绍

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

原创 JSON.stringify和JSON.parse()用法

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

原创 理解浏览器的多线程，JavaScript的单线程

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

原创 Prettier配置

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

原创 安装vite报错:Cannot use import statement outside a module

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

原创 vue组件之间如何传值通信

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

原创 vue指令处理图片加载错误，和图片为空时，前端做默认图片展示

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

原创 IT行业所指的ABC端含义

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

原创 js 如何去除字符串里两端的符号

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

原创 浏览器控制台中字符串（String）、数字(Number)的区别 颜色一个为黑 一个为蓝色

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

原创 解构赋值全解析

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

原创 Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘map‘)报错

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

原创 怎么解析后台返回数据中\r\n换行

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

原创 vue 样式穿透，/deep/ 、::v-deep 、＞＞＞的区别

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

原创 settimeout与setinterval区别

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

原创 vue+element 动态禁用select某一个选项

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

原创 html表格一行的隐藏和显示,使用element-ui中table expand展开行控制显示隐藏，隐藏小箭头列的方法

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

原创 html i标签重置样式,去掉斜体I标签斜体样式属性[css技巧]

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

原创 element el-tooltip 内容换行详解

原创 Missing required prop: “value” 报错的解决办法

一. 报错场景在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赋值 ...

原创 vue中点击列表，点击谁，谁变色，真实案列

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

原创 html5中的空格符

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

原创 element ui解决tooltip延迟显示

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

原创 git的使用流程

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

原创 es6方法补充

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

原创 elementUI+el-upload 上传文件大小与文件类型校验

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

原创 hash和history的区别

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

原创 下载过往node版本之nvm切换node版本

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