发表于: 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只能垂直居中。
评论