- 博客(16)
- 收藏
- 关注
RSS订阅原创 数组排序之冒泡排序
let arr =[9,3,4,2,5,7,6,8,1]let b=''for(let i =0;i<arr.leaght;i++){for(let j =0;j<arr.leaght;j++){if(arr[j]>arr[j+1]){b=arr[j]arr[j]=arr[j+1]arr[j+1]=b}}}console.log(arr)//[1,2,3,4,5,6,7,8,9]
2021-09-14 18:25:35
121
原创 数组去重的方法总结
1.将数组的每一个元素依次与其他元素做比较，发现重复元素，利用数组方法splice()删除重复元素var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5,5];function norepeat(arr) { for(var i = 0; i < arr.length-1; i++){ for(var j = i+1; j < arr.length; j++){ if(arr[i]==arr[j]){
2021-09-11 18:42:18
149
原创 如何在新项目使用svg-icon组件 步骤
1.安装依赖npm i svg-sprite-loader@4.1.32.配置 vue.config.jsconst path = require('path')function resolve (dir) { return path.join(__dirname, dir)}补充一个配置{ }{ // 省略其他... chainWebpack (config) { // set svg-sprite-loader config.module
2021-09-05 10:14:38
110
原创 怎么捕获 Vue 组件的错误信息
1、errorCaptured 是组件内部钩子，当捕获一个来自子孙组件的错误时被调用，接收 error、 vm、info 三个参数，return false 后可以阻止错误继续向上抛出;2、errorHandler 为全局钩子，使用 Vue.config.errorHandler 配置，接收参数与 errorCaptured 一 致，2.6 后可捕捉 v-on 与 promise 链的错误，可用于统一错误处理与错误兜底....
2021-08-29 18:03:51
823
原创 Vue-loader 是什么？使用它的用途有哪些？
vue-loader 会解析文件，提取出每个语言块，如果有必要会通过其他 loader 处理，最后将他 们组装成一个 commonjs 模块；module.exports 出一个 vue.js 组件;1、< temlate>语言块1,1）默认语言：html1,2）每个.vue 文件最多包含一个< template>块1,3）内容将被提取为字符串，将编译用作 VUE 组件的 template 选项2、< script>2,1）默认语言：JS（在监测到
2021-08-24 20:35:13
481
原创 什么是 Vue 的计算属性
在模板中放入太多的逻辑会让模板过重且难以维护，在需要对数据进行复杂处理，且可能 多次使用的情况下，尽量采取计算属性的方式，好处：使得数据处理结构清晰； 依赖于数据，数据更新，处理结果自动更新;1、计算属性内部 this 指向 vm 实例;2、在 template 调用时，直接写计算属性名即可;3、常用的是 getter 方法，获取数据，也可以使用 set 方法改变数据;4、相较于 methods，不管依赖的数据变不变，methods 都会重新计算，但是依赖数据不变的 时候 computed
2021-08-24 20:31:01
159
原创 Vue生命周期的几个阶段
Vue实例从创建到销毁的过程,就是生命周期.也就是从开始创建,初始化数据,编译模板,挂载Dom→渲染,更新→渲染,卸载等一系列过程.这就叫做Vue的生命周期.1.beforeCreate :在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用2.created:在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，
2021-08-17 20:10:35
157
原创 src和href的区别
src:(source)指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置:在请求src资源时会将其指向的资源下载并应用到文档中,如JavaScript脚本,img图片和ifname等元素.当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载,编译,执行完毕.类似于将所指向资源嵌入当前标签内;href:（hypertext reference/超文本引用）指向网络资源所在位置，建立和当前元素（锚点） 或当前文档（链接）之间的链接，如果我们在文档中添加那么浏览器会识别该文档为
2021-08-17 19:53:19
62
原创 Vue常用指令及其作用
1、v-model 多用于表单元素实现双向数据绑定;2、v-for 格式：v-for="字段名 in(of) 数组 json" 循环数组或 json 需要注意从 vue2 开始取消了$inde;3、v-show 显示内容;4、v-hide 隐藏内容;5、v-if 显示与隐藏 ,v-else-if 必须和 v-if 连用 v-else 必须和 v-if 连用 不能单独使用 否则报错模板编译错误;6、v-bind 动态绑定及时对页面的数据进行更改;7、v-on:click 给标签绑定函数
2021-08-13 17:43:53
2215
原创 Vue 组件里的定时器要怎么销毁
如果页面上有很多定时器，可以在 data 选项中创建一个对象 timer，给每个定时器取个名 字一一映射在对象 timer 中， 在 beforeDestroy 构造函数中 for(let k in this.timer){clearInterval(k)}； 如果页面只有单个定时器，可以这么做:const timer = setInterval(() =>{}, 500)this.$once('hook:beforeDestroy', () => { clearInterval(tim
2021-08-13 17:34:29
243
原创 Vue中的修饰符 .sync
一、.sync修饰符的介绍从2.3.0版本起，Vue重新引入了 .sync修饰符。实现了父子组件数据之间的双向绑定 ， 与v-model类似 . 一般的应用场景就是 在父组件data定义了一个变量 , 我们希望可以在子组件中修改他二 、.sync修饰符的使用1.不使用 .sync实现父子数据绑定:// 在子组件中<MySon> methods:{// 通过触发自定义事件来传递this.$emit('setAge',23) } </MySon>
2021-08-13 17:28:51
217
转载 数组的api方法
1. length 获取数组的长度2. join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。3. pop() 删除并返回数组的最后一个元素4. shift() 删除并返回数组的第一个元素5. push() 向数组的末尾添加一个或更多元素，并返回新的长度。6. unshift() 向数组的开头添加一个或更多元素，并返回新的长度。7. reverse() 颠倒数组中元素的顺序。8. slice() 从某个已有的数组返回选定的元素9. splice() 删除元素，并向数组添
2021-08-11 19:28:30
266
转载 数组与对象的相互转化及数组转树形结构数据
1、数组转换成对象const arr = [ { label: '男', value: 0 }, { label: '女', value: 1 }]function f(arr) { const obj = {} for (let i = 0; i < arr.length; i++) { obj[arr[i].value] = arr[i].label } return obj}const obj = f(arr) console.log(obj) /
2021-08-08 16:34:08
366
转载 2021-08-07
文章目录前言 一、回调地狱是什么？ 二、如何解决回调地狱 1.Promise 2.async/await 总结前言在正式了解“回调地狱”之前，我们先了解两个概念：回调函数 当一个函数作为参数传入另一个参数中，并且它不会立即执行，只有当满足一定条件后该函数才可以执行，这种函数就称为回调函数。我们熟悉的定时器和Ajax中就存在有回调函数：setTimeout(function(){ //function(){console.log('执行了回调函数')}
2021-08-07 21:17:46
80
原创 如何使一个盒子水平垂直居中
方法一:利用定位<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.parent { width: 500px;height:
2021-08-05 20:11:05
165
原创 简单聊一聊ECMAScript6(ES6)新增了哪些方法
一.ECMAScript6，即 ES6，是 ECMAScript 的第六次修订，于 2015年完成，也称 ES2015;ES6 是继 ES5 之后的一次改进，相对于 ES5 更加简洁，提高了开发效率.二.ES6新增的方法:1.新增声明命令 :let 和 const 在 ES6 中通常用 let 和 const 来声明，let 表示变量、const 表示常量.特点:let 和 const 都是块级作用域。以{}代码块作为作用域范围 只能在代码块里面使用 不存在变量提升，只能先声明再使用，否则会
2021-08-04 20:11:58
283
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人