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

本周学习重点放在JavaScript上,包括《JavaScript高级程序设计》等书籍。同时接触了网页设计的三个层次,探讨了JavaScript与HTML之间的交互,以及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 编程艺术》

 

转载于:https://www.cnblogs.com/darthbadwolf/p/5546493.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值