摘要:
骨架屏的意思就是,在页面数据没有渲染完成之前,把页面的答题框架展示出来,解决白屏问题,提升用户体验 骨架屏实现方式有三种: 一、图片代替:不灵活,且图片加载也是需要时间的,不推荐 二、页面结构写死:不灵活,不能复用,如果多个页面需要用到,得写多个,不推荐 三、通过webpack配置:可灵活配置,可复 阅读全文
摘要:
1、for循环 2、ES6 new Set()方法 3、filter去重 阅读全文
摘要:
实际开发中,很多数据需要进行过滤、正则、转化等等 那么这些操作函数可以注册成一个全局的过滤器。 1、首先建一个 filter.js 文件 2、引入注册(可以在 main.js 中注册,也可以在 install 中注册,个人觉得在 install 中注册更优雅,install 上篇博文有提) 3、组件 阅读全文
摘要:
开发过程中高频复用组件都会注册为全局; 最普通的全局就把组件一个个引入到 main.js 中,但是这样做会让 main.js 变得非常杂乱 所以我们会到 install 的两种方式来实现全局注册(注意组件命名) 1、install的方式,就是直接导出一个install,然后main.js里引入 2、 阅读全文
摘要:
http://doc.liangxinghua.com/vue-family/5.html 阅读全文
摘要:
1、基本语法: 条件 ? 表达式1 : 表达式2 条件为 true ,执行表达式1,为 false 执行表达式2 2、多条件运算 条件1 ? 表达式1 : 条件2 ? 表达式2 : 条件3 ? 表达式3 : 表达式4 当条件1为true执行表达式1,返回false,执行条件2,条件2返回false, 阅读全文
摘要:
在平常的开发中,对计算属性computed计算属性也不是很熟悉,今天看了一下API,发现了computed的一些绝密宝藏技巧。 计算属性:顾名思义可以理解为 可以进行复杂逻辑、大量计算的一种属性 例如: 1 <div id="example"> 2 <p>Computed reversed mess 阅读全文
摘要:
ES5:谁调用this指向谁,普通函数指向window, 1、普通函数(包括立即执行函数) 2、函数调用 2.1:构造函数(继承) 2.2:对象、数组调用 2.3:事件调用 输出调用对象 document window ES6函数其实没有自己的this指向,他会往外寻找,找到为止,输出的this是外 阅读全文
摘要:
vue实现数据双向绑定主要是:采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty() 数据劫持,来劫持各个属性的setter,getter,在数据更新时发布消息给订阅者,触发相应监听回调。 当把一个普通 Javascript 对象传给 Vue 实例来作为它的 阅读全文
摘要:
vue组件是可复用的vue实例,一个组件被创建好之后,就可能被用在各个地方,而组件不管被复用了多少次,组件中的data数据都应该是相互隔离,互不影响的. 基于这一理念,组件每复用一次,data数据就会被复制一次,之后,当某一处复用的地方组件内data数据被改变时,其他复用地方组件的data数据不受影 阅读全文