JavaScript DOM编程艺术-学习笔记(第十章、第十一章)

第十章

1.动画中,因为js的效率高,所以看不见过渡效果

2.题外话:①国外人写书,总是先感谢一遍亲朋好友,最后感谢自己的家人。

3.“除非允许用户‘冻结’移动的内容,否则应该避免让内容在页面中移动”

4.动画经常遇到的问题:鼠标来回移动,则动画就会出问题。

原因:队列事件积累。

解决:判断,如果此时有动画,则清空队列。

5.小知识点:①ceil 向上取整 ②floor 向下取整 ③round 取最近的整数

第十一章

1.”html5 问世背后的明争暗斗就像是一步韩国肥皂剧”

2.在Web设计中,网页可以分为三个层---结构层(html)、样式层(css)、行为层(js)

3.小知识点:①视频知识普及:a.视频是一个包含很多东西的容器。这个容器规定了不同的音频和视频轨道在文件中的位置,以及其他与回放相关的特性。b.音频和视频轨道使用不同的‘编解码器’来编码。编码器决定了如何解码音频和视频。编解码器的核心的一套用于压缩、存储视频,并且不损失品质的算法。c.没有一款浏览器支持所有的容器和编解码器。

4.题外话:一个新的技术名词会带动资本的流动,各个行业都想从中获利。然后当风口过去,又会留下什么呢。

时间: 2024-11-11 22:12:41

JavaScript DOM编程艺术-学习笔记(第十章、第十一章)的相关文章

JavaScript DOM编程艺术-学习笔记(第十二章)

第十二章 1.本章是综合前面章节的所有东西的,一个综合实例 2.流程:①项目简介:a.获取原始资料(包括文本.图片.音视频等) b.站点结构(文件目录结构) c.页面(文件)结构 ②设计(切图) ③css -  base.css用于引入使用的css文件 color.css  - 用于设置样式 layout.css - 用于设置布局 Typography.css - 用于设置版式 3.题外话:①在实际开发中,即使是一个空白项目也往往不会从一无所有做起,而借助的平台一般会提供目录结构,所以需要把自己

JavaScript DOM编程艺术学习笔记(一)

嗯,经过了一周的时间,今天终于将<JavaScript DOM编程艺术(第2版)>这本书看完了,感觉受益匪浅,我和作者及出版社等等都不认识,无意为他们做广告,不过本书确实值得一看,也值得推荐给想了解HDOM的相关人员!首先非常感谢作者写出了这么好的一本书,谢谢!书中的内容比较多,我仅记下我认为对自己和他人有所帮助的一些内容! 嗯,首先还是让代码来说话吧! 下面是两段此书中反复强调且通用的经典代码段 1:相当的经典和实用,尤其是当需要为页面加载函数绑定多个函数的时候 /** * [addLoad

JavaScript DOM编程艺术-学习笔记

发现基础不是很好,补习一下.37买了2本书(dom编程和高级程序设计). 以前读书总是自己勾勾画画,有点没意思.现在写下来,说不定会成为传世经典.哈哈...........随便扯扯淡. 第一天(2016年12月11): 1.js由网景和sun公司合作开发. ECMAscript-标准化的JS js最开始叫做LiveScript 2.Dom 是一套大家约定俗称的标准.比如,大家把那种有4个轮子,会跑的东西叫做汽车 dom是一种api.在软件开发领域来说,api是前端与后台约定好的一套标准,前端发送

JavaScript DOM编程艺术学习笔记(一)

第一章 JavaScript简史 1.1 JavaScript的起源 JavaScript是Netscape公司和Sun公司合作开发的.JavaScript的第一个版本,即JavaScript1.0版本,出现在1995年推出的Netscape Navigator2浏览器中.JavaScript是一种脚本语言,通常只能通过Web浏览器去完成一些操作而不能像普通意义上的程序那样独立运行. 1.2 DOM 简单地说,DOM是一套对文档的内容进行抽象和概念化得方法. 1.3 浏览器战争 1.3.1 DH

【干货】JavaScript DOM编程艺术学习笔记1-3

从7月29号到8月8号,断断续续地看完了这本书,做了部分实践联系.总体感觉本书真的只能算是个入门,学完之后看到库的那一章才感觉是个大坑,实践中大部分应该都是用的现成的库吧,所以还要重新学习一个库,但是这本书也算是给这门语言包括DOM的学习打下了个基础,明白了这些底层的东西,才能将库这些用的更好吧.总体来说,难度入门级,阅读体验良好.注:看完书一定要自己敲敲代码,会出现很多你意想不到的错误,自己学着调试找出错误并改正,这也是一项必备能力吧. 一.JavaScript简史 JavaScript语言使

JavaScript DOM编程艺术学习笔记-第二章JavaScript语法

一.JavaScript示例 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 <title>Just a Test</title> 6 </head> 7 <body> 8 <script src="example.js"></scr

JavaScript DOM编程艺术学习笔记(二)

第二章 JavaScript语法 2.1 准备工作 编写JavaScript的环境:文本编辑器 + Web浏览器 用JavaScript编写的代码必须通过HTML/XHTML文档才能执行.有两种方式可以做到这点. 第一种是将JavaScript代码放到文档<head>便签中的<script>标签之间: <!DOCTYPE html> <html lang="en"> <head> <meta charset="

JavaScript DOM编程艺术学习笔记(四)

第四章 案列研究: JavaScript图片库 利用JavaScript来创建图片库将是最佳的选择:把整个图片库的浏览链接集中安排在图片库主页里,只在用户点击了这个主页里的某个图片链接时才把相应的图片传送给他. 时间处理函数(event handler)的作用是,在特定时间发生时调用特定的JavaScript代码.例如,如果想在鼠标指针悬停在某个元素上时触发一个动作,就需要使用onmouseover事件处理函数;如果想在鼠标指针离开某个元素时触发一个动作,就需要使用onmouseout事件处理函

【干货】JavaScript DOM编程艺术学习笔记4-6

四.案例研究:JavaScript图片库 js: function showPic(whichpic){ //取得链接 var source=whichpic.getAttribute("href"); //取得占位图 var placeholder=document.getElementById("placeholder"); //改变占位图src属性 placeholer.setAttribute("src",source); //取得文字描