github_39560448的博客

前端工程师们都听过看起来很高级的词，节流和防抖，其实节流就是throttle，防抖就是debounce，其实这个也属于前端性能优化的一部分。

特斯拉CEO马斯克生9个子女，说自己为提高美国生育率正在尽一份力

最近准备一个技术分享，看到以前做的一个语音转文字的功能，放在slides上落灰了，索性整理到这里和大家分享下。从技术选型，到方案设计，到实际落地，可以说把全链路都覆盖到了。

就目前所了解的情况，key的作用有以下这些。v-for遍历时，用id，uuid之类作为key，唯一标识节点加速虚拟DOM渲染响应式系统没有监听到的数据，用+new Date()生成的时间戳作为key，手动强制触发重新渲染场景一大同小异司空见惯，场景二是下面这样的：<div :key="rerender"> <span>Hello Vue.js !</span> <complexComponent :propObj="propObj" :.

说到v-model，就想到了双向数据绑定，而且往往最常见的是在表单元素<input>,<textarea>,<select>中的使用,在一些自定义组件中也使用到了v-model。那么为什么v-model双向数据绑定，自动更新元素呢？v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件：text 和 textarea 元素使用 value 属性和 input 事件；checkbox 和 radio 使用 checked 属性和 change 事件.

如果你写过vue，对v-bind这个指令一定不陌生。下面我将从源码层面去带大家剖析一下v-bind背后的原理。会从以下几个方面去探索：v-bind关键源码分析v-bind化的属性统一存储在哪里：attrsMap与attrsList绑定属性获取函数 getBindingAttr 和 属性操作函数 getAndRemoveAttrv-bind如何处理不同的绑定属性v-bind:key源码分析v-bind:title源码分析v-bind:class源码分析v-bind:style源.

这道考察computed属性的题蛮有意思的。不仅仅考察了computed，而且还考察了vue的依赖收集以及脏检查。computed : { foo() { if(this.a>0){ return this.a} else { return this.b + this.c } }}data() { a: 1, b: 1, c: 1,}众所周知，首次a，b，c均为1时，foo()返回值为1。以foo()返回值为1作.