林哈哈在线打杂

1. 防抖是什么？ 防抖是指在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。 例如对于一个按钮，可以规定它在点击0.5s后再响应，若这0.5s内又被点击了，则重新计时，只要在0.5s内不再被点击就可以作出响应。 与防抖相关还有一个概念，那就是节流。…

数组扁平化是指将多维数组转换为一维数组，即将内部嵌套着别的数组的数组提炼成没有嵌套的一维数组。举个栗子： 定义目标空数组，然后我们对原有数组的每一项进行处理，若这一项为数组，则用concat()将这个子项数组合并到目标数组，若这一项不为数组，则直接push到目标数组里。 当元素…

实现这样的条纹背景很简单，linear-gradient属性设置两种或两种以上的颜色，然后用background-size（默认repeat）布满整个背景。条纹背景实现原理简单，变换角度就可以得到不同方向的条纹。 拓展一个普通条纹很好看的文字阴影应用：用两个伪元素，一个重复文字…

flex属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。 下面我归纳了这三个属性的使用规则。 flex-grow 定义项目的放大比例，不支持负值，默认为0。 flex-shrink定义项目的缩小比例，默认为1，负值对该属性无效。 如…

导图里很多记录是我个人的记录习惯，可能表达不太好或者有写错的地方，望指正，蟹蟹~.emmx文件放在Github，有帮助的话可以给个star（￣︶￣）

从上图（Vue的生命周期图）里可以看出有beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed八个钩子函数，下面用代码简单测试一下。 在实例初始化之后，在数据监听…

如果可以，避免在methods中处理DOM事件细节，最好methods只有纯粹的数据逻辑。 .stop --- 取消事件的进一步冒泡，即不会向上触发其他点击事件，相当于event.stopPropagation()。 .prevent --- 阻止事件的默认行为 --- 相当于…

这个TodoList很简单，只包括此时日期的展示、todo项的展示以及todo项的添加。 创建一个钩子函数created()，因为想要在渲染成视图之前就获得当前的日期。 一周七日，一年十二月，将这些对应的时间字符串归于数组里。 用new Date()获得本地的时间，而getDa…