小知识点(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
说明: 动画延迟时间
值: 数字,以秒为单位

  1. 在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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,117评论 3 119
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,433评论 4 61
  • 先清空所有的,然后单独设置当前; 基于 for 循环来实现的排他思想;
    複製粘貼阅读 1,378评论 0 0
  • 郎平教练在这方面确实挺让人敬佩的!
    PhoebeShaw阅读 238评论 0 0
  • 世界上并没有完美的人,每个人都追求在完美的导流上,有的人追寻的是自身的修养,有的人追寻的是外在的容貌和身材,但不可...
    情感调节剂阅读 468评论 0 0

友情链接更多精彩内容