摘要:
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是作 阅读全文