《Javascript DOM编程艺术》 读书笔记 —— 好书,通俗易懂!!!!! 相当的严谨!!!!
1.javascript弱类型语言,解释性语言。
2.javascript数据类型:字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。
javascript内建对象和用户自定义对象。 宿主对象(浏览器提供的)
3.数组索引下标从0开始。
4.函数:多次使用同一段代码!
变量的命名:多个单词使用下划线 temp_celsius;
函数的命名:驼峰法则哦;
5.return false: 阻止a元素的跳转! 默认行为没有被触发!
6.http性能优化:
A:减少请求的数量。
B:脚本文件放到文档的末尾。
C:压缩代码。
7.伪协议:"javascript:"
8.注意DOM Core 和 HTML-DOM: (HTML Dom、 Css Dom、 Dom core)
1.HTML-DOM代码更短。但只能处理Web文档!
2.标准DOM
9.前端:处理视觉和交互的!
10.CDN: 1.资源服务器,很多站点都用,比如百度,用户访问过baidu,如果baidu用到了百度的CDN,你的网站也用到了,那么同样的文件就不会重新下载了!
当然了,必须要有浏览器的缓存哦!
2.CDN底层是使用地理位置最近、速度最快的服务器提供相应的文件。 CDN服务器:分布式的! 高访问量!
11.引号的嵌套:书上有涉及到哦!
第二遍 补漏
1.转义: \ 135°
2.赋值: =
等于: == 值一致
绝对等于: === 值和类型一致
3.作用域:
a:可访问范围
b:变量的生命周期
4.对象: 属性 + 方法
5.javascript的内建对象(javascript语言自带的)和用户自定义对象和宿主对象(浏览器自带的 BOM)。
6.setAttribute做出的修改不会反映在文档本身的源码里哦! 哦哦!
7.提升站点性能,减少http请求,将js文件合并到一个里面。
8.childNodes:获取任何一个元素的所有子元素(子节点)包含空格和换行符等。
nodeType属性:
a:元素节点:1
b:属性节点:2
c:文本节点:3
nodeValue:节点的值。 node.childNodes[0] 等价于 node.firstChild
node.childNodes[node.childNodes.length - 1] 等价于 node.lastChild
9.渐进增强 优雅降级(平稳退化)
10.伪协议:让我们通过一个链接来调用javascript函数。
11.根据HTTP规范,浏览器每次从同一个域名中最多只能同时下载两个文件。
12.js文件放到body的末尾,不阻塞渲染引擎对页面的渲染。 (Web发布的时候要注意哦!)
js文件整合到一个文件里,减少http请求。
文件压缩(空格和注释删掉),减小体积,加快下载速度。
13.结构化程序设计: 函数应该只有一个入口和一个出口。
14.html css js分离的好处, id class等都可以当作钩子、桥梁,联系起css、js与html之间的关系。
15.注意Dom Core 和 HTML-DOM
document.getElementsByTagName("form") 等价于 document.forms
element.getAttribute("src") 等价于 element.src
16. DOM:文档即是节点树。
17.XMLHttpRequest对象: 浏览器和服务器的代理,中间人! 它来发送请求,处理响应。
18.有些浏览器会限制ajax请求的协议类型。
同源策略:只能请求同一个域中的数据。
19.抽象:将具体的东西改进为一个较为通用的东西的过程就是抽象。 抽象为了便于重用。
20.overflow: scroll; 不管溢出还是不溢出,都将显示滚动条。
overflow:auto; 内容确实溢出了,才会显示滚动条。
21.Modernizr js库! 放在<head></head>里哦! 做兼容的!
22.编解码器:核心就是一个算法,用于压缩和存储视频;同时保证视频的品质。
视频编解码器:H.264 Theora VP8
音频编解码器:MP3 aac ogg
mp4:苹果公司的.
23.localStorage和sessionStorage:在客户端存储大型和复杂数据集的有效方案。
24.webSocket:与服务器进行开放的双向通信。
25.webWorker:在后台执行JavaScript。
26.客户端验证:提升用户的体验。
服务器端验证:保证系统的安全。
27.经验表明:一次请求一个大文件比多次请求多个小文件要更好。
28.web性能提升:减小网页文档的大小;还有就是让浏览器缓存。
CDN:解决分布共享库。 比如jquery文件 ,访问一个网站下载过,访问另一个就不会再次下载了。
内容分发网络,分散存储一些公共的内容。 访问jquery库的时候使用的是同一个公共的url; 由CDN服务器做判断,为你提供地理位置最近、响应速度最快的
服务器提供jquery文件。 相当于文件资源服务器你的,减轻你的服务器的响应负荷;而且是相同的url,所以很容易缓存。
Tips: 记得回头有空了再敲书上的代码哦! 代码是写会的! 理清代码的思维流程。
《Javascript DOM编程艺术》 读书笔记 —— 好书,通俗易懂!!!!! 相当的严谨!!!!的更多相关文章
- JavaScript DOM编程艺术读书笔记(三)
第七章 动态创建标记 在web浏览器中往文档添加标记,先回顾下过去使用的技术: <body> <script type="text/javascript"> ...
- JavaScript DOM编程艺术读书笔记(二)
第五章 最佳实践 平稳退化(graceful degradation):如果正确使用了JavaScript脚本,可以让访问者在他们的浏览器不支持JavaScript的情况下仍能顺利地浏览你网站.虽然某 ...
- JavaScript DOM编程艺术读书笔记(一)
第一章,第二章 DOM:是一套对文档的内容进行抽象和概念化的方法. W3C中的定义:一个与系统平台和编程语言无关的接口,程序和脚本可以通过这个接口动态的访问和修改文档的内容,结构和样式. DHTML( ...
- JavaScript DOM编程艺术 - 读书笔记1-3章
1.JavaScript语法 准备工作 一个普通的文本编辑器,一个Web浏览器. JavaScript代码必须通过Html文档才能执行,第一种方式是将JavaScript代码放到文档<head& ...
- JavaScript DOM编程艺术 读书笔记
2. JavaScript语法 2.1 注释 HTML允许使用"<!--"注释跨越多个行,但JavaScript要求这种注释的每行都必须在开头加上"< ...
- JavaScript DOM编程艺术读书笔记(四)
第十章 实现动画效果 var repeat = "moveElement('"+elementID+"',"+final_x+","+fin ...
- 《javascript dom编程艺术》笔记(一)——优雅降级、向后兼容、多个函数绑定onload函数
刚刚开始自学前端,如果不对请指正:欢迎各位技术大牛指点. 开始学习<javascript dom编程艺术>,整理一下学习到的知识.今天刚刚看到第六章,记下get到的几个知识点. 优雅降级 ...
- JavaScript DOM编程艺术学习笔记(一)
嗯,经过了一周的时间,今天终于将<JavaScript DOM编程艺术(第2版)>这本书看完了,感觉受益匪浅,我和作者及出版社等等都不认识,无意为他们做广告,不过本书确实值得一看,也值得推 ...
- JavaScript DOM编程艺术-学习笔记
发现基础不是很好,补习一下.37买了2本书(dom编程和高级程序设计). 以前读书总是自己勾勾画画,有点没意思.现在写下来,说不定会成为传世经典.哈哈...........随便扯扯淡. 第一天(201 ...
- 《JavaScript DOM编程艺术》笔记一
1.CSS: 继承是CSS技术中的一项强大功能,节点树上的各个元素将继承其父元素的样式属性. 2.3种获取DOM元素方法:getElementById返回一个对象,getElementsByTagNa ...
随机推荐
- C中的数组与指针问题
反复在数组名与指针上犯错误,特记录下. ,,,,}; int *p, *q; p = (); q = (); *(p+1)? *(q-1) ? 答案是 3, 5.这里主要涉及的问题就是指针参与运算 ...
- CF722C. Destroying Array[并查集 离线]
链接:Destroying Array C. Destroying Array time limit per test 1 second memory limit per test 256 megab ...
- AC日记——欧几里得的游戏 洛谷 P1290
题目描述 欧几里德的两个后代Stan和Ollie正在玩一种数字游戏,这个游戏是他们的祖先欧几里德发明的.给定两个正整数M和N,从Stan开始,从其中较大的一个数,减去较小的数的正整数倍,当然,得到的数 ...
- GitHub 下载文件夹
工具 TortoiseSVN 步骤 1.打开要下载的项目,选中要下载的文件夹,右键 选择 复制链接地址 2.把链接中的 tree/master 改成 trunk ,(trunk是master分支,可以 ...
- noip模拟赛(一)宠物之战
宠物之战 (senso.pas/c/cpp) [问题描述] 众所周知,moreD的宠物已经被moreD奴役得体无完肤.这只宠物实在忍无可忍,把自己每天走魔法树的经历告诉了自己的宠物.同时他还说明了自己 ...
- javascript删除元素节点
1.删除元素父节点 function removeElement(_element){ var _parentElement = _element.parentNode; if(_parentElem ...
- FJOI省队集训 chessboard
(题目懒得打字了,建议到新窗口查看) 显然这玩意儿是可以按位搞的...然后就是一个裸的最小割模型? 然而这样做理论上只有30分实际上有40分. 事实上我们可以发现,每一列的取值只和上一列有关,这样我们 ...
- zlog学习笔记(zc_hashtable)
zc_hashtable.h /** * hashtable */ #ifndef __zc_hashtable_h #define __zc_hashtable_h typedef struct z ...
- PAT 1014. 福尔摩斯的约会 (20)
大侦探福尔摩斯接到一张奇怪的字条:"我们约会吧! 3485djDkxh4hhGE 2984akDfkkkkggEdsb s&hgsfdk d&Hyscvnm".大侦 ...
- DBA必备:MySQL数据库常用操作和技巧
DBA必备:MySQL数据库常用操作和技巧 2011-02-25 15:31 kaduo it168 字号:T | T MySQL数据库可以说是DBA们最常见和常用的数据库之一,为了方便大家使用,老M ...