温柔小生-优快云博客

原创 GIt ------项目中git新建分支删除本地分支和合并分支 ---知识积累

补充：该命令相当于同时执行了git branch dev和git checkout dev，前者是创建新分支，但并不切换过去；后者是切换到指定分支，并将本地代码也切换成指定分支的代码

2020-05-27 11:26:19 2042 2

原创 ES6------常用知识点---知识积累

目录什么是ES6?let和const字符串模板解构赋值复制数组Mapfor-of循环箭头函数对象的简洁语法class和extends模块化-export,importPromiseGenerator、yield1.什么是ES6?ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECM...

2019-10-20 15:01:47 802 1

原创 React------知识点总结---知识积累（暂更）

安装的步骤1.npm install -g create-react-app2.create-react-app my-app3.cd my-app4.npm start5.安装bootstrop: npm install bootstrap --save6.如果安装单独的node_modules 的话就是 npm installreact一些不同写法{/*注释...*/} ...

2019-10-20 13:09:02 358 1

原创 Flex------ 布局语法---知识积累

一、Flex布局是什么？Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: flex; //这个属性加在大盒子上}行内元素也可以使用Flex布局。.box{ display: inline-flex;}Webkit内核的浏览器，必须加上-webkit前缀。.bo...

2019-05-15 14:33:01 697 1

原创 vue------ 面试题汇总---面试题

1、active-class 是哪个组件的属性？嵌套路由怎么定义(1)、active-class 是 vue-router 模块的 router-link 组件的属性　　(2)、使用 children 定义嵌套路由2、怎么定义 vue-router 的动态路由? 怎么获取传过来的值在 router 目录下的 index.js 文件中，对 path 属性加上 /:id。使用 ...

2019-03-19 13:19:02 1477 1

原创 vue------vue-cli2和vue-cli3安装和常识问题---知识积累

1.vue-cli的安装npm install -g vue-clivue init webpack my-projectcd my-projectnpm installnpm run devgit commit -m “更新代码” -n （这个是vscode提交不了的git上传）安装插件就是：npm install vue-router --save-dev2.vue中的一些...

2019-03-12 09:18:33 665 1

原创 8.Vue------如何重新加载子组件key属性----vue知识积累

‌通过改变key属性的值，Vue会销毁旧组件并创建新组件，从而实现组件的重新加载。这种方法适用于需要完全重新渲染子组件，包括其内部状态和生命周期钩子的场景，特别是当子组件的数据或状态发生较大变化时‌。

2024-12-12 17:05:00 366

原创 7.Vue------$refs与$el详解 ------vue知识积累

refs 与 $elref (给元素或者子组件注册引用信息) 就像你要给元素设置样式，就需要先给元素设定一个 class 一样，同理，你想获取哪个元素的 DOM，就给这个元素先设定一个 ref，其实这里和 JS 中的 document.各种方法获取 DOM 差不多，不过 ref 是访问 VUE 虚拟出来的DOM，这样可以有效的减少性能消耗。

2024-12-12 16:18:39 645

原创 6.Vue------async/await详细的讲解---知识积累

先说一下Promise解释Promise是一种在JavaScript中处理异步操作的对象。它代表了一个尚未完成但承诺未来某个时间会完成的操作结果。Promise有三种状态：pending（等待中）、fulfilled（已成功）和rejected（已失败）。当一个Promise创建后，它可以转换到这三种状态之一，并触发对应的回调函数。.then()方法用于，如果Promise解析（fulfillment），这个函数会被调用并传入解析后的值。.catch()方法则用于。

2024-12-06 14:58:20 2144

原创 5.Vue------ .sync修饰符的原理和作用---vue知识积累

本文探讨Vue中sync修饰符的用法和原理。sync允许子组件直接修改父组件的属性，减少了代码量。举例展示了不使用sync时的常规事件绑定方式以及使用sync后的简洁实现。通过逐步解析代码，揭示了sync修饰符如何简化父子组件间的数据传递。

2024-12-04 17:20:21 784

原创 4.Vue-------this.$set()的使用和详细过程-------vue知识积累

可以解决Vue响应式系统的另一个限制，即无法检测到通过索引直接删除数组元素的变化。也是一个实例方法，用于从响应式对象中删除属性，并确保该操作也是响应式的。同理，执行删除操作时，对象或数组不更新时，可以使用this.$delete。方法，可以显式地告诉Vue，某个属性已经被删除，从而触发视图的更新。

2024-12-04 14:09:53 428

原创 vue--------vue-cli 配置多环境打包--------技能提升

重点：亲测有效亲测有效亲测有效做开发遇到问题最重要是在网上找方法能有效，我觉得这个是重点，要不然真的是浪费时间首先我们先看看 v，通过官网我们可以发现 vue-cli 提供了三个模式（）而每种NODE_ENV下面可以配置多个环境变量我们可以通过.env文件增加后缀来设置某个模式下特有的环境变量。

2024-10-24 11:13:45 1200

原创 vue------ :style 的几种使用方式------vue知识积累

在日常开发中:style的使用也是比较常见的：亲测有效。

2024-09-20 11:35:39 4061 2

原创 3.vue--------reduce属性的使用--------vue知识积累

数组名.reduce((pre,current) => {},参数2)当一个值受其他值影响的时候，就会将这个值写在计算属性当中。 pre:上次执行该方法的返回值。 current：数据项。存放属性（以函数的形式）有效缓存效果：只执行一次。

2024-09-12 17:00:55 1296

原创 2.vue--------ES6的属性every使用详情--------vue知识积累

every用于判断数组中的每一项是否均符合条件，并返回一个布尔值，都符合返回true，有一个不符合就返回false，并不再继续执行

2024-09-09 11:32:33 397

原创 vue ------axios中判断接口响应返回的时长------vue项目积累

【代码】前端vue中怎么判断接口请求返回的时长。

2024-09-02 11:42:37 690

原创 Vue+elementUI------实现自行分页的两种方法------vue项目积累

【代码】前端（Vue）实现自行分页的两种方法（记录一下）

2024-08-01 17:00:44 1090

原创 1.vue--------some方法使用--------vue知识积累

callback: 用来测试每个元素的函数，接受三个参数，分别是元素的值、元素的索引、原数组。上述示例中，回调函数判断元素是否大于3，数组中有元素4和5满足条件，所以返回结果为true。hisArg（可选）: 在执行回调函数时要使用的this值。

2024-07-19 17:43:36 1201

原创 vue+element-ui------分页组件Bug 当前页不变化------vue项目积累

原因有可能是点击搜索的时候在搜索里面通过代码去改变了current-page让分页回到第一页，但有可能element内部的页码数据未改变，因此当在此点击第二页的时候相当于页码未发生改变，current-change事件不触发（纯属个人想法）给分页加上一个控制显示和隐藏的变量 v-if=“pageshow”也就是重新去渲染一遍分页组件，问题解决，这样页面显示也就正常了。在搜索改变页码的时候加上如下代码。

2024-07-19 17:12:11 550

原创 vue+elementUi------table实现跨页多选功能---vue项目积累

tabletable完成选择订单。

2024-05-17 15:58:27 983 2

原创时间----利用好自己的空余时间---有感而发

1.在下班的时间段大家都会选择放松，当然我也是会选择放松，毕竟上一天班也是累的。我感觉累归累还是要多学习多看看。2.我们大多数都是没有背景的人，所以都要靠我们自己去争取。还是多去提高自己（持续更新。

2024-05-13 17:09:10 216

原创 Vue----报警告：[vue-router] Duplicate named routes definition: { name: “XXX“, path: “XXX“ }---报错信息

解析：Vue先判断新创建的路由是否有name属性，当有name属性的时候，如果新的name不在nameMap里面，那就把新的name添加到record里面并且赋值nameMap为更新后的record。否则，且在非生产环境下，就会报warning，这时候就会看见我们开头时候的那个警告。找到报warning的位置了，看了一下，这里的意思就是：如果不是生产环境下，那我就给你报这个warning。言外之意就是，与之前命名过该路由名称的路由发生了冲突，所以Vue发出警告。翻译过来就是：定义重复命名的路由。

2024-05-06 17:22:44 1110

原创 Vue+element-ui----- 修改loading加载样式---项目积累

加载功能，默认是全屏加载效果。

2024-05-06 16:11:33 2389 2

原创 vue插件 ------用html2canvas 截屏并下载图片至本地（重点兼容ie浏览器）-----项目积累

html2canvas要做IE浏览器兼容

2024-05-06 11:19:38 871 4

原创 Vue------控制台报错Duplicate keys detected: ‘xxxxx‘. This may cause an update error.解决方案---报错信息

1、提示 Duplicate keys detected ，翻译为：检测到重复的密钥。因此处使用的是测试数据，所以执行修改一下 sbbh的值，不要出现重复的即可。发现问题：v-for中的key是一个相同的值。

2024-04-11 10:20:09 1960

原创 Vue------v-html中包含body标签的样式修改方法---知识积累

就可以改变body里的样式。

2024-01-18 10:32:14 1591

原创 echarts------ 仪表盘进度条相关配置---知识积累

将精度条设为渐变色，中间富文本修改样式：只需要修改（进度条progress、详情detail）

2024-01-05 17:27:17 1439 3

原创 vue+Echarts------ 仪表盘进度条颜色和样式修改----项目积累

2024-01-05 15:39:23 3122

原创 Vue+elementUI----- el-table设置默认选中报错_this.$refs.singleTable.toggleAllSelection is not a function

直接使用以下的方法，报错信息是`_this.$refs.singleTable.toggleAllSelection is not a function。再把它展开，终于在中间部分找到了这个方法，所以这个方法并不是直接。打印出来了是这么一个东西，看他的格式应该是类似数组。这个东西不存在或者有错误，所以我决定把。看了网上的解决方法，加了。打印出来看看是什么东西！

2023-12-20 15:58:51 782

原创 vue + elementui------ 项目表格多选根据状态来禁用---项目积累

这个是直接写在里面了不用再额外调用方法了。判断后台给返回的状态码。

2023-12-19 16:05:16 687

原创 Vue------ 在for循环中设置ref并获取$refs---知识积累

1.设置：【:ref=“‘XXX’ + (index+i)”】或者【:ref=“‘XXX’ + id”】2.获取：let ref = eval(‘this.$refs.XXX’ + index)[0]1.设置：【:ref=“‘XXX’ + index”】XXX -->自定义ref的名字。index+i -->两个for循环的索引；id -->item的唯一标识；

2023-12-15 16:35:45 3695