07 2018 档案

摘要:Unable to preventDefault inside passive event listener due to target being treated as passive? 使用滚动时候,新版google浏览器,会弹出如下的警告。 解决方法,可以加上* { touch-action: 阅读全文
posted @ 2018-07-31 15:51 raindi 阅读(209) 评论(0) 推荐(0) 编辑
摘要:passive 的事件监听器 很久以前,addEventListener() 的参数约定是这样的: addEventListener(type, listener, useCapture) 后来,最后一个参数,也就是控制监听器是在捕获阶段执行还是在冒泡阶段执行的 useCapture 参数,变成了可 阅读全文
posted @ 2018-07-31 15:45 raindi 阅读(316) 评论(0) 推荐(0) 编辑
摘要:模式 vue-router中的模式选项主要在router实例化的时候进行定义的,如下 const router = new VueRouter({ mode: 'history', // 两种类型history 还有 hash routes: routes // 可以缩写成routes }) 有两种 阅读全文
posted @ 2018-07-27 17:12 raindi 阅读(3618) 评论(0) 推荐(0) 编辑
摘要:报以下错误: 原因: axios实例没有all这个方法,all是axios的静态方法 解决方法: 以下方法不是最好的,还没找到更好的解决办法,目前先这样解决。 阅读全文
posted @ 2018-07-25 18:22 raindi 阅读(2312) 评论(0) 推荐(0) 编辑
摘要:一、应用 效果: 美国进口Culturelle康萃乐 益生菌30片儿童水果味LGG... 二、理解 注意:-webkit-line-clamp是webkit的私有属性,是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。 -webkit- 阅读全文
posted @ 2018-07-25 16:59 raindi 阅读(3681) 评论(0) 推荐(0) 编辑
摘要:keep-alive是vue内置的一个组件,可以使被它包含的组件处于保留状态,或避免被重新渲染。 用法: 运行结果描述: input输入框内,路由切换输入框内部的内容不会发生改变。 常见的用法:(下图是在https://www.cnblogs.com/sysuhanyf/p/7454530.html 阅读全文
posted @ 2018-07-25 16:48 raindi 阅读(855) 评论(0) 推荐(0) 编辑
摘要:想要获取子节点的数量,有几种办法。 childNodes 它会把空的文本节点当成节点, <ul> 文本节点 <li>元素节点</li> 文本节点 <li>元素节点</li> 文本节点 </ul> 所以childNodes.length就是5 而另一种方法 Children 就不用担心 它只显示元素节 阅读全文
posted @ 2018-07-23 23:28 raindi 阅读(1192) 评论(0) 推荐(0) 编辑
摘要:闭包的解释 当函数可以记住并访问所在的词法作用域,即使函数是在当前词法作用域之外执行,这时就产生了闭包 在javascript中,只有函数内部的子函数才能读取局部变量,所以说,闭包可以简单理解成“定义在一个函数内部的函数“。所以,在本质上,闭包是将函数内部和函数外部连接起来的桥梁。 闭包的特点: 1 阅读全文
posted @ 2018-07-18 11:32 raindi 阅读(855) 评论(0) 推荐(0) 编辑
摘要:转载自https://blog.csdn.net/FE_dev/article/details/75948659 说明 vertical-align属性,是CSS属性中一个比较重要的属性,也是比较不好理解的一个。 我们今天就来说说它。 解释 先来看看他的定义。 定义和用法 vertical-alig 阅读全文
posted @ 2018-07-13 16:14 raindi 阅读(276) 评论(0) 推荐(0) 编辑
摘要:对象属性监听的两种方法: 1.普通的watch 2.对象属性的watch tips: 只要bet中的属性发生变化(可被监测到的),便会执行handler函数;如果想监测具体的属性变化,如pokerHistory变化时,才执行handler函数,则可以利用计算属性computed做中间层。事例如下: 阅读全文
posted @ 2018-07-12 09:18 raindi 阅读(34289) 评论(0) 推荐(3) 编辑
摘要:场景: 从后台请求的数据结构如下: 我的list是对象,而comment又是list里的对象,渲染成功了,却报如下错: 解决办法: 添加一个:v-if 阅读全文
posted @ 2018-07-09 15:44 raindi 阅读(6966) 评论(0) 推荐(1) 编辑
摘要:说明 如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。 array.sort()方法默认是升序排序,如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个 阅读全文
posted @ 2018-07-07 17:12 raindi 阅读(687) 评论(0) 推荐(0) 编辑
摘要:v-model 用在 input 元素上时 v-model虽然很像使用了双向数据绑定的 Angular 的 ng-model,但是 Vue 是单项数据流,v-model 只是语法糖而已: 第一行的代码其实只是第二行的语法糖 我们仔细观察语法糖和原始语法那两行代码,可以得出一个结论: 在给 <inpu 阅读全文
posted @ 2018-07-07 13:28 raindi 阅读(1168) 评论(0) 推荐(0) 编辑
摘要:场景: 解决方法:可以做的是将其包含router-link在适当的位置v-if,以便在您的异步数据实际到达之前不会尝试渲染。 html代码: js 阅读全文
posted @ 2018-07-06 17:22 raindi 阅读(6316) 评论(0) 推荐(0) 编辑
摘要:在实际项目开发中,在某一组件中声明的全局过滤器Vue.filter并不能在其他组件中使用,所以,我认为只要调用两次以上或者可能会被调用两次以上的过滤器,就应该写入统一个过滤器文件中,方便统一调用。下面是如果创建并调用统一的过滤器的方法: 1.在公用js文件夹中新建文件filters.js 2.在fi 阅读全文
posted @ 2018-07-05 14:37 raindi 阅读(761) 评论(0) 推荐(0) 编辑
摘要:观察者模式: 大体上是, 1、松耦合的代码; 2、一对多的关系; 3、主体状态变化时,所有依赖被通知; 4、主体和观察者互不知晓。 基本上,满足上面四点的,就可以算是观察者模式了。来看一个demo, 它们的运行关系是这样的, 1、发布对象pub已经存在; 2、订阅对象[sub1,sub2,sub3] 阅读全文
posted @ 2018-07-05 12:34 raindi 阅读(146) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示