摘要: 优雅更新props 更新 prop 在业务中是很常见的需求,但在子组件中不允许直接修改 prop,因为这种做法不符合单向数据流的原则,在开发模式下还会报出警告。因此大多数人会通过 $emit 触发自定义事件,在父组件中接收该事件的传值来更新 prop。 child.vue:(子组件) export 阅读全文
posted @ 2020-11-01 23:40 水吉佩奇 阅读(121) 评论(0) 推荐(0) 编辑
摘要: 一、什么是浅拷贝、什么是深拷贝 最近自己面试被问到浅拷贝、深拷贝,关键是自己一时回答不上了,所以恶补一下。 我们都知道js的数据类型分为基本类型和引用类型,一般讨论到浅拷贝和深拷贝的都是针对引用类型的,像Object和Array这样的复杂类型 1、浅拷贝:以Object为例 var a = { na 阅读全文
posted @ 2020-07-04 20:31 水吉佩奇 阅读(669) 评论(0) 推荐(0) 编辑
摘要: 1.格式化金钱值 const ThousandNum = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); const money = ThousandNum(20190214); // money => "20,190,214 阅读全文
posted @ 2020-06-30 15:49 水吉佩奇 阅读(411) 评论(0) 推荐(0) 编辑
摘要: 在 JavaScript 中整数和浮点数都属于 Number 数据类型,所有数字都是以 64 位浮点数形式储存,即便整数也是如此。 所以我们在打印 1.00 这样的浮点数的结果是 1 而非 1.00 。在一些特殊的数值表示中,例如金额,这样看上去有点变扭,但是至少值是正确了。然而要命的是,当浮点数做 阅读全文
posted @ 2019-01-15 14:34 水吉佩奇 阅读(975) 评论(6) 推荐(0) 编辑
摘要: oracle数据库中,使用wm_concat(column)函数,可以进行字段合并 oracle wm_concat(column)函数使我们经常会使用到的,下面就教您如何使用oracle wm_concat(column)函数实现字段合并,如果您对oracle wm_concat(column)函 阅读全文
posted @ 2017-09-15 15:10 水吉佩奇 阅读(8064) 评论(1) 推荐(0) 编辑
摘要: js数组操作大全(转) shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a:[2,3,4,5] b:1 unshift:将参数添加到原数组开头,并返回数组的长度 var a = 阅读全文
posted @ 2017-09-06 16:34 水吉佩奇 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 定义和用法 sort() 方法用于对数组的元素进行排序。 语法 arrayObject.sort(sortby) 参数sortby:可选。规定排序顺序。必须是函数。 返回值 对数组的引用。请注意,数组在原数组上进行排序,不生成副本。 普通数组排序: js中用方法sort()为数组排序。sort()方 阅读全文
posted @ 2017-06-22 12:04 水吉佩奇 阅读(14433) 评论(0) 推荐(0) 编辑
摘要: 1.路由懒加载 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) const router = new Router({ routes: [ { path: '/', component: () => impo 阅读全文
posted @ 2020-06-30 16:06 水吉佩奇 阅读(299) 评论(0) 推荐(0) 编辑
摘要: promise是什么? 1、主要用于异步计算(异步操作)2、可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果3、可以在对象之间传递和操作promise,可以帮助我们处理队列 为什么会有promise? 为了避免界面冻结(任务) 同步:顺序交付的工作1234,必须按照1234的顺序完成”。 阅读全文
posted @ 2020-06-29 10:58 水吉佩奇 阅读(156) 评论(0) 推荐(0) 编辑
摘要: Vue2.X监听data变化的核心API—Object.defineProperty基本使用: Object.defineProperty实现响应式 1.监听对象(简单对象) 上面通过监听get,set方法了解到data变化,进而可以达到响应式。 2.复杂对象(深度监听),深度监听 触发更新视图 / 阅读全文
posted @ 2020-04-12 19:35 水吉佩奇 阅读(892) 评论(0) 推荐(0) 编辑
摘要: var有变量提升 x = 4; // 变量 x 设置为 4 console.log(x) //输出 4 var x; // 声明 x 上面代码相当于下面的 var x; // 声明 xx = 4; // 变量 x 设置为 4 console.log(x) //输出 4 let不存在变量提升 在代码块 阅读全文
posted @ 2019-01-04 18:08 水吉佩奇 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 为了判断一个对象是否包含自定义属性而不是原型链上的属性,我们需要使用继承自 Object.prototype 的 hasOwnProperty方法。hasOwnProperty 是 JavaScript 中唯一一个处理属性但是不查找原型链的函数。 注意: 通过判断一个属性是否 undefined 是 阅读全文
posted @ 2018-12-24 17:02 水吉佩奇 阅读(311) 评论(0) 推荐(0) 编辑
摘要: 1、不管有木有出现异常,finally块中代码都会执行; 2、当try和catch中有return时,finally仍然会执行; 3、finally是在return后面的表达式运算后执行的(此时并没有返回运算后的值,而是先把要返回的值保存起来,管finally中的代码怎么样,返回的值都不会改变,任然 阅读全文
posted @ 2018-01-31 17:01 水吉佩奇 阅读(262) 评论(0) 推荐(0) 编辑