吴小明- - 博客园

2021年8月5日

摘要： const flatten = (arr, depth = 1) => depth != 1 ? arr.reduce((a, v) => a.concat(Array.isArray(v) ? flatten(v, depth - 1) : v), []) : arr.reduce((a, v) 阅读全文

posted @ 2021-08-05 16:21 吴小明- 阅读(74) 评论(0) 推荐(0)

统计数组中重复出现项的个数然后用一个对象表示

摘要： var cars = ['BMW','Benz', 'Benz', 'Tesla', 'BMW', 'Toyota']; var carsObj = cars.reduce(function (obj, name) { obj[name] = obj[name] ? ++obj[name] : 1; 阅读全文

posted @ 2021-08-05 16:10 吴小明- 阅读(53) 评论(0) 推荐(0)

reduce方法同时实现map和filter

摘要：将数组中的值翻倍，再输入大于50的数： const numbers = [10, 20, 30, 40]; const doubledOver50 = numbers.reduce((finalList, num) => { num = num * 2; if (num > 50) { finalL 阅读全文

posted @ 2021-08-05 16:07 吴小明- 阅读(191) 评论(0) 推荐(0)

精确到指定位数的小数

摘要： const round = (n, decimals = 0) => Number(`${Math.round(`${n}e${decimals}`)}e-${decimals}`) 阅读全文

posted @ 2021-08-05 15:59 吴小明- 阅读(51) 评论(0) 推荐(0)

一次性函数，只运行一次的代码

摘要：适用于只需要执行一次的代码阅读全文

posted @ 2021-08-05 15:28 吴小明- 阅读(131) 评论(0) 推荐(0)

交换两个变量

摘要： 1、方法一：定义临时变量 2、方法二：利用数组的解构（不需要第三个变量）阅读全文

posted @ 2021-08-05 11:03 吴小明- 阅读(84) 评论(0) 推荐(0)

2021年8月2日

vue中的render函数

摘要：创建一个HelloWorld组件： <script> import Test from '@/components/Test' export default { props: { tag: String }, data() { return { arr: ['小王', '小明', '小红'] } } 阅读全文

posted @ 2021-08-02 17:46 吴小明- 阅读(456) 评论(0) 推荐(0)

vue兄弟组件通信

摘要： 1、通过改变父组件中的状态，从而改变兄弟组件的状态 Parent.vue： <template> <div> <h1>父组件</h1> <p>{{name}}</p> <Child1 :name='name' @child1Click='name = $event' /> <Child2 :name 阅读全文

posted @ 2021-08-02 16:38 吴小明- 阅读(832) 评论(0) 推荐(0)

2021年8月1日

vue父子组件通信

摘要： 1、props+$emit Parent.vue： <template> <div> <h1>父组件</h1> <p>{{message}}</p> <Child :message='message' @messageChange='message=$event' /> </div> </templ 阅读全文

posted @ 2021-08-01 00:29 吴小明- 阅读(67) 评论(0) 推荐(0)

2021年7月30日

Safari浏览器css兼容

摘要： Safari浏览器不支持 white-space: nowrap; 使用时为了兼容 Safari 需要加上宽度限制阅读全文

posted @ 2021-07-30 11:30 吴小明- 阅读(395) 评论(0) 推荐(0)

吴小明

公告