小知识点(2018-06-21)

一、JavaScript substr() 方法
substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。
语法：stringObject.substr(start,length)
第一个参数必须要，是要抽取的子串的起始下标，必须是数值；第二个参数可选，如果省略了该参数，那么返回从 stringObject 的开始位置到结尾的字串。

二、<a> 标签的 target 属性
_blank 在新窗口中打开被链接文档。（常用）
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。

三、js中!!()的作用
!!() ,这种写法有将弱类型转化为强类型的作用。（!!(a)的作用是将a强制转换为布尔型（boolean））
在变量为undifined和null时，用一个感叹号返回的都是true,用两个感叹号返回的就是false,所以两个感叹号的作用就在于，如果明确设置了变量的值（非null/undifined/0/""等值),结果就会根据变量的实际值来返回，如果没有设置，结果就会返回false。

四、scrollReveal.js – 页面滚动显示动画JS
1)引入<script src="js/scrollReveal.js"></script>
2）给元素加data-scroll-reveal属性

<h2 class="" data-scroll-reveal="enter left,over .7s,move 100px ,wait .1s">图片或者文字</h2> 

上面说了可以自定义 data-scroll-reveal 属性，下面来看看该属性的关键词和值（可选）。
enter
说明: 动画起始方向
值: top | right | bottom | left
move
说明: 动画执行距离
值: 数字，以 px 为单位
over
说明: 动画持续时间
值: 数字，以秒为单位
after/wait
说明: 动画延迟时间
值: 数字，以秒为单位

3. 在js里面渲染

window.scrollReveal = new scrollReveal();

五、@yield 与 @section的区别
laravel模板继承中，常用的两种方式即为yield和section。
@yield：定义布局 @section：定义区域
@yield 是不可扩展的，@section 既可以被替代，又可以被扩展，这是最大的区别。
（额外扩展下@extends：继承布局@include：嵌入视图）

六、vue中mode使用
mode: 'history', // 去掉路由地址的#

七、vue中signin-up使用
属于vue中的父子通信的方法。
父传给子： props（也就是你这里的signin-up）
子传给父： event