![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
技巧
寒 枫
一条喜欢研究代码的单身狗
展开
-
控制台如何输出展开对象详细信息,去掉省略号
我们使用浏览器输出对象的时候,有时候需要一个个点开对象里的属性像这样对象属性一多起来就显得很麻烦了,不能直观的看属性值解决方法:(…) 是 get/set 类的属性,点击后出现的是 当前的值,不一定和你输出 log 的时候是同一个值如果想要直接看输出时的值(快照)console.log(JSON.parse(JSON.stringify($var)));es6可以直接这样console.log( { ...$var })对象的属性值就会全部展开...原创 2021-07-02 14:53:21 · 2257 阅读 · 0 评论 -
前端学习壁纸图
原创 2021-04-12 16:04:50 · 1117 阅读 · 0 评论 -
vue技巧总结
1,子组件改变父组件的data变量(子组件、父组件同步data变量)使用sync修饰符 <comp :foo.sync="bar"></comp>会被扩展为 <comp :foo="bar" @update:foo="val => bar = val"></comp>当子组件需要更新 foo 的值时,它需要显式地触发一个更新事件: this.$emit('update:foo', newValue)...原创 2020-12-17 16:39:50 · 127 阅读 · 0 评论 -
vue使用的小技巧
vue使用的小技巧转载 2020-07-31 18:05:02 · 121 阅读 · 0 评论 -
es6常用技巧
1,对象的拷贝 let obj = { name : 'book' , page : 20}; let copy = Object.assign({} , obj); //利用扩展运算符 ... 完成对象的拷贝 copy = { ...obj } //拷贝并新增属性 let copy = { ...obj , age : 10}2, 数组的拷贝 let arr = [1,2,3,4,5,6]; console.log('arr ' , arr) let cop原创 2020-11-14 11:47:14 · 110 阅读 · 0 评论