发表于: 2018-05-19 22:09:02

4 681


今天做的事


分离响应式导航栏组件的构架。


明天计划的事:

学习轮播图的书写。


遇到的困难:

暂无


收获:

学习了JS的数据类型:

5种基础数据类型:Null    Undefined  Boolean   String   Number

1中复杂数据类型:Object


学习了JS中的操作符:

一元操作符: 一元加/减  递增/减 ;

布尔操作符: 与 或 非 ;

乘性操作符:乘法、除法、求模。

加性操作符:加法 减法

关系操作符:>    >=    <    <=

相等操作符:==     !=  ===  !==

条件操作符: var max=(5>3) ? num1 : num2;

赋值操作符:var num=23;

逗号操作符: var a=4,b=45,c=33;


简单学习了下基本类型和引用类型的值



学习了JS的事件

  • JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。

网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。

比方说,我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。


注意:事件通常与函数配合使用,当事件发生时函数才会执行。



当用户进入或离开页面时就会触发 onload 和 onUnload 事件。


onload 事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。

onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。

onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。

onSubmit 用于在提交表单之前验证所有的表单域。

onMouseOver 和 onMouseOut 用来创建“动态的”按钮。


其他的事件

onabort图像加载被中断

onblur元素失去焦点

onchange用户改变域的内容

onclick鼠标点击某个对象

ondblclick鼠标双击某个对象

onerror当加载文档或图像时发生某个错误

onfocus元素获得焦点

onkeydown某个键盘的键被按下

onkeypress某个键盘的键被按下或按住

onkeyup某个键盘的键被松开

onload某个页面或图像被完成加载

onmousedown某个鼠标按键被按下

onmousemove鼠标被移动

onmouseout鼠标从某元素移开

onmouseover鼠标被移到某元素之上

onmouseup某个鼠标按键被松开

onreset重置按钮被点击

onresize窗口或框架被调整尺寸

onselect文本被选定

onsubmit提交按钮被点击

onunload用户退出页面


关于作用环境

只有一个元素属于inline或是inline-block(table-cell也可以理解为inline-block水平)水平,

其身上的vertical-align属性才会起作用。

  • 所谓inline-block水平的元素,即可以与inline水平元素混排,又能设置高宽属性的元素,例如图片,按钮,单复选框,单行/多行文本框等HTML控件,只有这些元素默认情况下会对vertical-align属性起作用。
  • 对inline元素设置vertical-align是有作用的,只是要重新设置line-height的值,否则继承了父元素的line-height只能垂直居中。



返回列表 返回列表
评论

    分享到