最近准备一个技术分享，看到以前做的一个语音转文字的功能，放在slides上落灰了，索性整理到这里和大家分享下。从技术选型，到方案设计，到实际落地，可以说把全链路都覆盖到了。语音转写流程图PC端浏览器如何录音录音完毕后语音如何发送语音发送和实时转写通用录音组件总结语音转写流程图PC端浏览器如何录音 {代码...} ...

写过vue的同学都知道，单文件组件.vue在开发中使用频率是非常高的。如果不想再手写或者CV的话，不妨尝试一下我写的这个小工具，支持交互式生成.vue文件，生成的过程只需要回答一些小问题即可。目前仅支持vue2和部分属性，如果对这个项目感兴趣的话，欢迎提issue，欢迎提pr（合适的话我会第一时间merge），或者fork一份改...

几乎所有使用Vue的开发者都知道，Vue的双向绑定是通过Object.defineProperty()实现的，也知道在getter中收集依赖，在setter中通知更新。

众所周知，首次a，b，c均为1时，foo()返回值为1。以foo()返回值为1作为起始态，独立的执行下面以下3个操作，vue会如何计算foo呢？

好的断网处理会让人很舒适：lol的断线重连，王者荣耀的断线重连 可以确保游戏的继续进行坏的断网处理甚至不处理会出bug：比如我手上的项目就出了个bug 业务人员表示非常苦恼网络问题一直是一个很值得关注的问题。比如在慢网情况下，增加loading避免重复发请求，使用promise顺序处理请求的返回结果，或者是增加一些友好的...

在近两年996模式下的近乎疯狂的迭代需求打磨平台的锻炼下，积累了一些前端通信方面的一些实践经验，在这里做一个汇总。一来对自己做一个总结，二来也是给小伙伴们提供一些吸收。

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

说到v-model，就想到了双向数据绑定，而且往往最常见的是在表单元素<input>,<textarea>,<select>中的使用，在一些自定义组件中也使用到了v-model。

创建自定义事件（Creating custom events） 增加自定义数据（Adding custom data - CustomEvent()）

就目前所了解的情况，key的作用有以下这些。 v-for遍历时，用id，uuid之类作为key，唯一标识节点加速虚拟DOM渲染 响应式系统没有监听到的数据，用+new Date()生成的时间戳作为key，手动强制触发重新渲染 场景一大同小异司空见惯，场景二是下面这样的： {代码...} 那么vue中key的相关知识点到底是怎样的呢？ 官方API知识...

阅读完这篇博客你会有以下收获： slot算法是什么？ shadow DOM是什么？ vue slot机制与w3c web component 规范的 shadow DOM渲染结果有何异同？ slot算法 The slotting algorithm assigns nodes of a shadow tree host into slots of that tree. InputHOST -- a shadow tree hostOutput All child nodes of HOST are slo...

md解析有些失败，可以移步简书[链接]。原文链接：[链接] 主要内容目录 元数据 流 章节 标题 短语 内嵌 交互 可触 表单 次要内容目录 脚本支持元素 透明内容模型 其他内容模型 每个HTML标签都是一定数量的内容目录中的一员，内容目录是一个具有相同特性的标签组。标签组的划分是不严格的，因为实际上组内的标签之间是没有...

抽离出来就是{created(){}}和{getAllUsers({commit},url){}}正常情况下，如果将函数赋值到对象的属性值，简称为方法，应该这样写才对：{created:function(){}}以及{getAllUsers:function({commit},url){}}

本来不想推的，看到github上有个项目很简单，都有300 star，推推看咯。虽然这个项目很简单，但是还蛮有趣，用来入门vue2和nodejs以及mongodb再好不过了。等这几天把公司手头的事情忙完，再把vuex的部分强化下。