一位不知名小前端的一些笔记

最近小组有个关于vue virtual dom的分享会，提前准备一下......[Vue源码分析]Virtual DOM本文章涉及源码版本为Vue 2.5.2为什么使用virtual dom做一件事一般都先问问为什么，那么为什么使用virtual dom？真正的 DOM 元素是非常庞大的，因为浏览器的标准把 DOM 设计的很复杂。如果频繁地操作 DOM ，会产生一定的性能问题。举个例子：创建一个header标签，并打印dom的描述信息：

最近小组有个关于vue源码分析的分享会，提前准备一下…前言：Vue有两个版本：Runtime + Compiler 、 Runtime only ，前者是包含编译代码的版本，后者不包含编译代码，编译过程需要借助webpack的vue-loader，接下来分析的是Runtime + Compiler版本，编译过程感觉挺复杂的，所以下边只是大概分析一下整个流程，源码理解直接写在源码中。### 模板的编译 之前分析Virtual DOM的时候我们分析过模板到真实 DOM 渲染的过程，中间有一个环节把模板编

[Vue源码分析] v-model实现原理最近小组有个关于vue源码分析的分享会，提前准备一下…前言:我们都知道使用v-model可以实现数据的双向绑定，及实现数据的变化驱动dom的更新，dom的更新影响数据的变化。那么v-model是怎么实现这一原理的呢？接下来探索一下这部分的源码。

最近小组有个关于vue源码分析的分享会，提前准备一下…前言:我们都知道Vue中父组件可以通过 props 向下传数据给子组件；子组件可以通过向$emit触发一个事件，在父组件中执行回调函数，从而实现子组件与父组件的通信，如下图：从图可以看到，这种机制兄弟组件之间是通信不了的，假如不借助vuex等库，如何实现兄弟组件之间的通信？接下来说说事件总线。事件总线的实现举个例子，如图，建个vue...

最近小组有个关于vue源码分析的分享会，提前准备一下…前言：插件通常会为 Vue 添加全局功能，这个官网文档有说过了，如果对插件不了解，建议先阅读一下官网文档：https://cn.vuejs.org/v2/guide/plugins.html#使用插件使用插件插件的使用很简单，使用Vue.use注册后即可全局使用，比如项目中需要用到vue-router这个插件，如图引用即可：接下来分...

最近运营反馈了一个问题：谷歌浏览器打开第三方储值平台，使用谷歌浏览器自带的翻译功能后，选择商品没有计算总额。首先可以肯定的是这不是bug，这个平台已经兼容了13种语言，只是运营没有通过语言栏切换语言，而是通过谷歌翻译。当初想到的方法禁止谷歌浏览器翻译当前页面...