首先 ensureRenderer() 调用 createRenderer 方法创建了一个平台相关的渲染器，在本例中就是浏览器环境。参数 rendererOptions 包含了浏览器的一些 dom 操作方法，如 insert、 remove 等。渲染器主要包括两个方法 rend…

0. 背景 目前在丁香医生的业务中，我会负责一个基于Vue全家桶的WebApp项目。 一直有件不太弄得明白的事：在每个组件的template标签里，都会使用dataReady来进行渲染控制。例如像下面这样，请求完了以后再渲染页面。 但是实际上，我在组件的data选项里并没有定义…

即将迎来的端午小假期，小伙伴们都准备好怎么度过了么😄。我每次出去玩都避免不了去看场电影，这次借此机会向大家介绍下我开发的可以查看电影预告片的小项目，希望大家可以去测试，浏览一波即将上映的电影同时可以帮助我测试一下，指出不足，我都会虚心接受的呦！谢谢大家。 前端是通过vue-c…

..... 2. 静态文件本地缓存有两种方式 而开启GZip压缩和使用SSR原理都比较简单，我们很容易想到这两种方式是如何提高页面加载速度的。 但是除了上面几种方式，另外一种优化方案也不容小觑，这也是我在近期项目开发中使用并理解到的。我们先说说通常项目中是如何加载页面数据：Vu…

前端路由简介以及vue-router实现原理

之前用饿了么印象最深刻的是联动菜单和小球飞入购物车动画，所以想看看别人是怎么实现的，但是看了很多仿饿了么的demo都是实现了一个完整的大的项目，要找到那个小模块很麻烦，所以自己将联动菜单和动画提取出来写了一个demo，方便学习。 1. 联动菜单 该元素定位表现为在跨越特定阈值前…

在vue-cli 2.X的时候，也写过一篇类似的文章，在八月份的时候vue-cli已经更新到了3.X，新版本的脚手架，功能灰常强大，试用过后非常喜欢，写篇教程来帮助各位踩一下坑。 如图所示，服务启动的时候回生成一个node_modules包，稍微测试了一下，服务支持ES6语法和…

Vue进阶系列汇总如下，欢迎阅读。 2、使用插件必须在new Vue()启动应用之前完成，实例化之前就要配置好。 3、如果使用Vue.use多次注册相同插件，那只会注册成功一次。 Vue.use接受一个对象参数plugin，首先判断是否已注册，如果多次注册相同插件那么只会注册成…