摘要：
toast弹框的作用 toast弹框顾名思义，就是为了弹出一个提示框，效果如图： 使用toast弹框可以可用户带来更好的交互体验 toast弹框的使用 Toast组件 制做出toast的样式以及出现的条件 <template> <div class="toast" v-show="isShow"> 阅读全文
摘要：
Promise的理解 Promise是对异步操作的一种解决方案，一般情况下，如果有异步操作，就需要使用Promise对这个异步操作进行封装 使用Promise后可以使代码看起来更加优雅并且易于维护 使用定时器模拟一个异步请求 Promise接收一个函数作为参数，而这个函数又接收两个参数，这两个参数分 阅读全文
摘要：
理解keep-alive keep-alive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染 router-view也是一个组件，如果直接被keep-alive包在里面，所有路径匹配到的视图都会被缓存 <keep-alive> <router-view></router-view 阅读全文
摘要：
组件化思想 如果我们将一个页面中的所有处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理和扩展。但如果，我们将一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，那么整个页面的管理和维护就会变得非常容易了 组件的定义 组件是一个单独功能模块的封装，在这个模块中， 阅读全文
摘要：
axios的定义 axios是一个基于Promise，用于浏览器和node的HTTP客户端 axios的功能特点 在浏览器中发送 XMLHttpRsquests 请求 在node.js中发送http请求 支持Promise API 拦截请求和响应 转换请求和响应数据 等等 axios框架的基本使用 阅读全文
摘要：
为什么需要图片懒加载 简而言之就是为了提高前端性能。 图片在需要的时候才加载，减轻服务的负担，提高页面的加载速度，提高用户体验。 图片懒加载的使用 ①npm安装 npm install vue-lazyload -S ②安装图片懒加载插件 // main.js import VueLazyLoad 阅读全文
摘要：
认识懒加载 路由中通常会定义很多不同的页面，这些页面通常情况下会被打包到一个js文件中，如果我们一次性请求完这些页面，可能会花费一定的时间，甚至用户的电脑都可能会出现短暂的白屏，为了避免这种情况，就必须使用路由懒加载 路由懒加载的作用就是路由对应的组件会被打包成一个个js代码，只有在这个路由被访问到 阅读全文
摘要：
为什么要使用fastclick 移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件，这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件，才有了fastclick。 fastclick的使用 fastclick的使用非常简单 ①npm安装 npm install fa 阅读全文
摘要：
为什么要用计算属性 我们知道，在模板中，我们可以直接通过插值语法显示一些data中的数据，但是在某些情况下，我们可能需要对数据进行一些转化后再显示，或者需要将多个数据结合起来进行显示。 比如我们有firstName和lastName两个变量，而如果我们需要显示完整的名称，可能就需要写上{{first 阅读全文
摘要：
认识better-scroll better-scroll是一款重点用于解决移动端（已支持PC）各种滚动场景需求的插件，可使页面滚动效果更加流畅且富有弹性 better-scroll是用纯JavaScript编写的，这意味着它是无依赖的 better-scroll的原理 BetterScroll是作 阅读全文