Vue学习日记25

1.animation-iteration-count属性
解析:animation-iteration-count属性定义动画的播放次数。

2.animation属性
解析:animation属性是一个简写属性,用于设置六个动画属性:
[1]animation-name:规定需要绑定到选择器的keyframe名称。。
[2]animation-duration:规定完成动画所花费的时间,以秒或毫秒计。
[3]animation-timing-function:规定动画的速度曲线。
[4]animation-delay:规定在动画开始之前的延迟。
[5]animation-iteration-count:规定动画应该播放的次数。
[6]animation-direction:规定是否应该轮流反向播放动画。

3.word-wrap属性
解析:语法为word-wrap: normal|break-word;。如下所示:
[1]normal:只在允许的断字点换行[浏览器保持默认处理]。
[2]break-word:在长单词或URL地址内部进行换行。

4.appendTo()方法
解析:appendTo()方法在被选元素的结尾[仍然在内部]插入指定内容。

5.show()方法
解析:如果被选元素已被隐藏,则显示这些元素:

$(selector).show(speed,callback)

6.scrollTop、scrollHeight、clientHeight三者区别
解析:
[1]scrollTop:滑动条距离滚动条顶部的距离
[2]scrollHeight:可滚动内容高度
[3]clientHeight:屏幕高度
说明:滑动条距离滚动条顶部的高度加上屏幕的可视高度加上超过的高度大于可滚动内容高度时即执行数据请求和数据加载。

7.fadeIn()方法
解析:fadeIn()方法使用淡入效果来显示被选元素,假如该元素是隐藏的。

8.toggle()方法
解析:toggle()方法切换元素的可见状态。如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。

9.Object.keys()方法
解析:Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用for…in循环遍历该对象时返回的顺序一致。

10.通过$emit实现子组件向父组件通信
解析:$emit绑定一个自定义事件event,当这个这个语句被执行到的时候,就会将参数arg传递给父组件,父组件通过@event监听并接收参数。

11.Vue中的$refs
解析:一个对象,持有已注册过ref的所有子组件。

12.Vue中的ref
解析:ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用,引用指向的就是DOM元素;如果用在子组件上,引用就指向组件实例。

13.Vue中的$el
解析:获取Vue实例关联的DOM元素。

14.this.$nextTick
解析:this.$nextTick()将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它,然后等待DOM更新。它跟全局方法Vue.nextTick一样,不同的是回调的this自动绑定到调用它的实例上。

15.块元素特点
解析:
[1]独占一行,排斥其它元素跟其位于同一行,包括块元素和行内元素
[2]块元素内部可以容纳其它块元素或行元素

16.行内元素特点
解析:
[1]可以与其它行内元素位于同一行
[2]行内内部可以容纳其它行内元素,但不可以容纳块元素,不然会出现无法预知的效果

17.<a>标签target属性
解析:
[1]_self:默认方式,即在当前窗口打开链接
[2]_blank:在一个全新的空白窗口中打开链接
[3]_top:在顶层框架中打开链接
[4]_parent:在当前框架的上一层里打开链接

18.插入音频、视频和flash
解析:在网页中插入音频、视频和flash都是使用embed标签。如下所示:

<embed src="多媒体文件地址" width="播放界面的宽度" height="播放界面的高度"></embed>

19.插入背景音乐
解析:设置网页背景音乐时常用的方法除了使用bgsound标签,还有使用embed标签和object标签。

20.浮动框架iframe
解析:

<iframe src="浮动框架的源文件" width="浮动框架的宽" height="浮动框架的高"></iframe>

21.Array对象常用方法
解析:
[1]slice():获取数组中的某段数组元素
[2]unshift():在数组开头添加元素
[3]push():在数组末尾添加元素
[4]shift():删除数组中第一个元素
[5]pop():删除数组最后一个元素
[6]toString():将数组转换为字符串
[7]join():将数组元素连接成字符串
[8]concat():多个数组连接为字符串
[9]sort():数组元素正向排序
[10]reverse():数组元素反向排序

22.window对象方法
解析:
[1]open()、close():打开窗口、关闭窗口
[2]resizeBy()、resizeTo():改变窗口大小
[3]moveBy()、moveTo():移动窗口
[4]setTimeout()、clearTimeout():设置或取消一次性执行的定时器
[5]setInterval()、clearInterval():设置或取消重复性执行的定时器

23.document对象方法
解析:
[1]document.write():输入文本到当前打开的文档
[2]document.writeIn():输入文本到当前打开的文档,并添加换行符\n
[3]document.getElementById():获取某个id值的元素
[4]document.getElementsByName():获取某个name值的元素,用于表单元素

24.DOM节点属性
解析:
[1]parentNode:获取当前节点的父节点
[2]childNodes:获取当前节点的子节点集合
[3]firstChild:获取当前节点的第一个子节点
[4]lastChild:获取当前节点的最后一个子节点
[5]previousSibling:获取当前节点的前一个兄弟节点
[6]nextSibling:获取当前节点的后一个兄弟节点
[7]attributes:元素的属性列表

25.JavaScript编辑事件
解析:
[1]oncopy:复制事件
[2]oncut:剪切事件
[3]onpaste:粘贴事件

参考文献:
[1][BScroll warn]: Can not resolve the wrapperDOM:https://blog.csdn.net/xueli_2017/article/details/90717920
[2]JavaScript标准内置对象:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects
[3]Vue知识点汇总(上)–附案例代码及项目地址:https://blog.csdn.net/wuyxinu/article/details/103965753
[4]Vue知识点汇总(下)–附案例代码及项目地址:https://blog.csdn.net/wuyxinu/article/details/103966175
[5]CSS入门:https://blog.csdn.net/wuyxinu/article/details/103583618

发布了364 篇原创文章 · 获赞 422 · 访问量 36万+

猜你喜欢

转载自blog.csdn.net/shengshengwang/article/details/103934740
今日推荐