摘要: [Toc] 前言 明确一个概念————过滤器的本质是函数。其作用在于用户输入数据后,它能够进行处理,并返回一个数据结果。Vue.js与AngularJS相似,使用管道符(|)进行连接 vue1.0有内置过滤器,2.0已经移除。 "Vue中文文档关于过滤器的链接" ex.局部过滤器 ex.全局过滤器 阅读全文
posted @ 2020-03-13 12:36 Syinho 阅读(222) 评论(0) 推荐(0)
摘要: [Toc] 创建阶段 1.创建一个Vue的实例 new Vue({}); 2.Init Events & Lifecycle 表示刚初始化了一个Vue空的实例对象,这时候,这个对象身上只有默认的一些生命周期函数和默认的事件。其它的还没有创建。 3.beforeCreate beforeCreate与 阅读全文
posted @ 2020-03-12 19:02 Syinho 阅读(747) 评论(0) 推荐(0)
摘要: 一般来说,v if有更高的切换消耗而v show有更高的初始渲染消耗。因此,如果需要频繁切换v show较好,如果在运行时条件不大可能改变v if较好 点击之后可以发现两个h3元素消失了,但是打开开发者工具可以看到两者的区别:写了v show语句的<h3&gt标签在查看时会发现它的标签内写好了sty 阅读全文
posted @ 2020-03-11 22:41 Syinho 阅读(323) 评论(0) 推荐(0)
摘要: [Toc] 窗口移动 window.moveTo()与window.moveBy()方法。 以上代码虽然各个浏览器都支持,但是适用性不同。 IE\EDGE:允许对当前页面进行调整。 Chrome、Opera、FF:不允许对当前页面进行位置调整。只允许对window.open出来的页面进行调整。实验证 阅读全文
posted @ 2020-03-09 17:52 Syinho 阅读(395) 评论(0) 推荐(0)
摘要: window.open()方法会返回一个指向新窗口的索引。我们可以尝试使用该索引来调整新窗口的位置和大小。 调用close()方法还可以关闭新打开的窗口 大多数浏览器只允许通过用户点击的方式弹出窗口,例如以下代码的弹窗行为会被浏览器制止。 上面的代码实测在chrome、FF、Opera、Edge中均 阅读全文
posted @ 2020-03-09 17:37 Syinho 阅读(628) 评论(0) 推荐(0)
摘要: ##容器与项目 容器:父元素下的子元素如果要布局成弹性布局,则父元素称之为容器。 项目:弹性布局的元素称之为项目,它是容器的子元素。 ##主轴与交叉轴 主轴:项目们排列的方向称之为主轴。若项目们横向排列,主轴就是x轴;若项目们纵向排列,主轴就是y轴。(此处的x轴与y轴和直角坐标系不同,y轴是由上到下 阅读全文
posted @ 2020-03-07 19:15 Syinho 阅读(181) 评论(0) 推荐(0)
摘要: 接收两个参数:第一个参数是指定生成的字符串的最小长度,第二个参数是用来补全的字符串。如果没有指定第二个参数,默认用空格填充。 padStart()用于头部补全 <p id="time"></p>//18:52:01 <script> window.onload = () => { var dt = 阅读全文
posted @ 2020-03-07 18:54 Syinho 阅读(196) 评论(0) 推荐(0)
摘要: [Toc] reduce方法从数组的第一项开始,逐个遍历到最后。reduceRight从数组的最后一项开始,向前遍历到第一项。 接收两个参数:一个在每一项上调用的函数和(可选的)作为归并基础的初始值。 传给reduce和reduceRight的函数接收四个参数:前一个值(previous),当前值( 阅读全文
posted @ 2020-03-07 18:07 Syinho 阅读(174) 评论(0) 推荐(0)
摘要: [Toc] concat 1.创建当前数组的副本。2.将接收到的参数添加到这个副本的末尾。3.返回构建的新数组。 concat不影响原数组。 var colors=["red","green","blue"]; var colors2=colors.concat("yellow",["black", 阅读全文
posted @ 2020-03-07 12:10 Syinho 阅读(367) 评论(0) 推荐(0)
摘要: includes方法用来判断一个数组是否包含一个指定的值,如果是返回true,否则返回false let side=['runoob','google','taobao']; var result1=side.includes('runoob'); var result2=side.includes 阅读全文
posted @ 2020-03-06 17:50 Syinho 阅读(307) 评论(0) 推荐(0)