在浏览器打开页面，通过 Ctrl|Cmd + enter 呼出插件交互界面，或者在在浏览器的 JavaScript 控制台内输入toggleBar 呼出交互界面。 在nginx下启动dist目录后，访问页面查看效果。使用slow3G可以很容易地观察到效果

一般入门级的无需太早考虑这方面的，只要专心学好Vue的使用姿势便可。 这种情况一般报错信息可以看到是哪个包抛出的信息，一般卸载这个模块,安装重新安装下即可。 官方解释如下: data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。 Vue 在2.2的时候…

在我们的实际项目中，与Vue的生命周期打交道可以说是家常便饭。掌握Vue的生命周期对开发者来说是特别重要的。那么如果能够从源码角度理解Vue的生命周期，对我们的开发和成长会有进一步的提升。 本文从基础知识开始讲起，分为基础知识和源码解读两部分，对基础知识已经掌握的开发者可自行跳…

大家好啊，我是wangly19，一名前端摸鱼小能手。最近忙着开源项目的东西，还有公司项目的迭代问题，导致更新文章的频率有点低了。也来聊聊我在干嘛吧。 第一个事情就是比较我的阉割版UI Design，要开始Vue3.0的开发工作，所以近期都在看Vue3.0的东西。 其次就是和UI…

回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的…

Vue.js是一款MVVM框架，核心思想是数据驱动视图，数据模型仅仅是普通的 JavaScript 对象。而当修改它们时，视图会进行更新。实现这些的核心就是“响应式系统”。 这部分的代码是非常多的，为了让大家对响应式系统先有一个印象，我在这里先实现一个简易版的响应式系统，麻雀虽…

目前版本单元测试相关情况 vue-next-coverage。 Vue 的核心之一就是响应式系统，通过侦测数据的变化，来驱动更新视图。 通过可响应对象，实现对数据的侦测，从而告知外界数据变化。实现可响应对象的方式： API 本身存在较多问题。 Vue2.x 中，实现数据的可响应…

我们在做移动端的点餐程序的时候，发现当菜品数量巨大的时候，特别是外加很多操作的时候（比如菜品半整份切换的时候），列表里面的菜品数量 进行快速 加减和半整份切换就会卡顿。 我写了个用例，用了2277条数据（找不到性能差的手机，可以适当增加数据量来测试）在 红米3（安卓版本：5.1…

什么是服务端渲染，简单理解是将组件或页面通过服务器生成html字符串，再发送到浏览器，最后将静态标记"混合"为客户端上完全交互的应用程序。 于传统的SPA（单页应用）相比，服务端渲染能更好的有利于SEO，减少页面首屏加载时间，当然对开发来讲我们就不得不多学一些知识来支持服务端渲…