摘要: 概念 将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。类似代码放在setTimeout(fn, 0)中执行。 应用场景 在Vue生命周期的created() 阅读全文
posted @ 2021-03-04 23:54 猫骨喵 阅读(3184) 评论(0) 推荐(0)
摘要: 常见的页面布局方式有, 静态布局 px布局 流式布局(Liquid Layout) 主要的划分区域的尺寸使用百分数(搭配min-*、max-*属性使用) 自适应布局(Adaptive Layout) 即创建多个静态布局,每个静态布局对应一个屏幕分辨率范围 响应式布局(Responsive Layou 阅读全文
posted @ 2021-03-04 10:25 猫骨喵 阅读(2142) 评论(0) 推荐(0)
摘要: 起步 install webpack webpack-cli 资源 install所需的loader, 并在module配置中添加这些loader 输出 install html-webpack-plugin,会用新生成的 index.html 文件,替换我们的原有文件。它创建了一个全新的文件,所有 阅读全文
posted @ 2021-03-02 22:45 猫骨喵 阅读(46) 评论(0) 推荐(0)
摘要: 🎈父组件获取子组件的数据和方法 调用子组件的时候 定义一个ref <select ref="some"></headerchild> 在父组件里面通过this.$refs.some获取到子组件实例,则可以此调用子组件的方法、属性而获得相关数据 this.$refs.some.属性 this.$re 阅读全文
posted @ 2021-02-27 17:45 猫骨喵 阅读(253) 评论(0) 推荐(0)
摘要: const items = [1, 2, 3, 4, 5]; items.sort(() => (0.5 - Math.random())); 阅读全文
posted @ 2021-02-26 21:20 猫骨喵 阅读(70) 评论(0) 推荐(0)
摘要: _.debounce(func, [wait=0], [options=]), debounced(防抖动)函数,该函数会从上一次被调用后,延迟 wait 毫秒后调用 func 方法。 debounced(防抖动)函数提供一个 cancel 方法取消延迟的函数调用以及 flush 方法立即调用。 可 阅读全文
posted @ 2021-02-26 14:29 猫骨喵 阅读(1377) 评论(0) 推荐(0)
摘要: 相同点: 都是JS中数组的迭代方法。 不同点: every()是对数组中每一项运行给定函数,如果该函数对每一项返回true,则返回true。 some()是对数组中每一项运行给定函数,如果该函数对任一项返回true,则返回true。 var arr = [ 1, 2, 3, 4, 5, 6 ]; a 阅读全文
posted @ 2021-02-25 23:41 猫骨喵 阅读(199) 评论(0) 推荐(0)
摘要: ES5 引入了Object.keys方法,返回一个数组,ES2017 引入了跟Object.keys配套的Object.values和Object.entries,作为遍历一个对象的补充手段,供for...of循环使用。 let {keys, values, entries} = Object; l 阅读全文
posted @ 2021-02-23 23:30 猫骨喵 阅读(263) 评论(0) 推荐(0)
摘要: entries(),keys()和values()——用于遍历数组 相同点: 返回一个遍历器对象,,可以用for...of循环进行遍历。 不同点: keys()是对键名的遍历、values()是对键值的遍历,entries()是对键值对的遍历。 for (let index of ['a', 'b' 阅读全文
posted @ 2021-02-23 23:21 猫骨喵 阅读(285) 评论(0) 推荐(0)
摘要: created 类型:Function 详细: 在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data observer),property 和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el property 目前尚不可用。 mounted 类 阅读全文
posted @ 2021-02-23 23:12 猫骨喵 阅读(216) 评论(0) 推荐(0)