前端学习笔记--23/5~27/5《JavaScript高级程序设计》阅读心得

先总结一下这一周,本来的计划是强化JavaScript的。所以制定的目标是读《JavaScript高级程序设计》的。但是其中穿插了很多我对构建网页的学习。

并且这个周发生了两件非常严重的事情。一件事情是我跟男朋友说学得好辛苦的时候,他劝我还是放弃好了。

我那一天实在太伤心难过,以至于书打开了都看不下去。

当时心情真的很糟,虽然自己学习的确很有困难,但是自己都没有想过要放弃。

还有一件事情就是我突然获得了一个挺不错的offer,是一个创业公司。做web前端。说起来也是一段机缘巧合。现在正在考虑离职的事情,其实已经考虑的差不多了,就看自己什么时候想好了去提离职了。

哎,有一点背弃信义的感觉,现在的项目非常的紧张,所以可能现在提离职会千夫所指啊。

不过,我所做的一切,自己坚持的一切,不就是为了有一天能够抓住机会么。不管怎么样吧。

 

5.23 网页设计的3个层次

1.结构层 structure layer

由html负责

2.表示层 presentation layer

由css负责创建

3.行为层 behavior layer

由JavaScript和DOM负责。"内容应该如何对该事件做出反应"

总结:一个优秀的网页中,三个层次是完全分离的。

 

5.24 哭了

 

5.25 《JavaScript 高级程序设计》

笔记:

1. 现代web应用程序一般都把全部JavaScript引用放在<body>元素中页面内容的后面

<body>

  <!--放内容-->

  <script type="text/javascript" src="..."></script>

</body>

comment:但是在我目前的开发过程中,似乎并没有遇到这样的情况,在视频中跟着做的网页,好像基本上都是放在<head>标签内的

 

JavaScript -----------(事件)---------HTML

JavaScript与HTML之间的交互瞬间,由事件完成

事件流 从页面中接受的时间的顺序

IE:事件冒泡流

NetScape:事件捕获流

事件冒泡流:事件最开始由最具体的元素接收,然后逐级向上传递直到最不具体的元素

事件捕获流:不太具体的节点应最闲接收到事件,载具体的节点最后接收到事件

HTML事件处理程序

缺点:HTML与JavaScript代码紧密耦合

 

DOM 0级事件处理程序

即把一个函数复制给一个事件的处理程序属性 简单、跨平台

 

5.26 《JavaScript高级程序设计》

NaN(not a number) 表示一个本来要返回数值的操作数未返回数值的情况

特点:1.任何涉及NaN的操作都会返回NaN

     2.NaN与任何值不相等,包括NaN本身

数值转换:

Number() 用于任何数据类型

parseInt() 、parseFloat() 专门转换成字符串成数值

eg. parseInt("123", 10)第二个参数为10进制的意思

parseFloat()只解析十进制值

 

5.27 《JavaScript高级程序设计》

3.5节 操作符

一元操作符 只操作一个值  ++  --

一元加和减操作符,放在数值前面对数值不产生任何影响。

按位非:

执行按位非的结果就是返回数值的反码

并且由于是在数值的底层进行操作(二进制),所以计算速度比该数的绝对值加一的负数操作要快一些。

 

 

下周计划:

继续强化JavaScript,阅读《JavaScript入门经典》《JavaScript高级程序设计》《JavaScript DOM 编程艺术》

 

posted @ 2016-05-31 17:02  DarthBadwolf  阅读(225)  评论(0编辑  收藏  举报