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编程艺术》 读书笔记 —— 好书，通俗易懂！！！！！ 相当的严谨！！！！的更多相关文章

  1. JavaScript DOM编程艺术读书笔记(三)

    第七章 动态创建标记 在web浏览器中往文档添加标记,先回顾下过去使用的技术: <body> <script type="text/javascript"> ...

  2. JavaScript DOM编程艺术读书笔记(二)

    第五章 最佳实践 平稳退化(graceful degradation):如果正确使用了JavaScript脚本,可以让访问者在他们的浏览器不支持JavaScript的情况下仍能顺利地浏览你网站.虽然某 ...

  3. JavaScript DOM编程艺术读书笔记(一)

    第一章,第二章 DOM:是一套对文档的内容进行抽象和概念化的方法. W3C中的定义:一个与系统平台和编程语言无关的接口,程序和脚本可以通过这个接口动态的访问和修改文档的内容,结构和样式. DHTML( ...

  4. JavaScript DOM编程艺术 - 读书笔记1-3章

    1.JavaScript语法 准备工作 一个普通的文本编辑器,一个Web浏览器. JavaScript代码必须通过Html文档才能执行,第一种方式是将JavaScript代码放到文档<head& ...

  5. JavaScript DOM编程艺术 读书笔记

    2. JavaScript语法 2.1 注释      HTML允许使用"<!--"注释跨越多个行,但JavaScript要求这种注释的每行都必须在开头加上"< ...

  6. JavaScript DOM编程艺术读书笔记(四)

    第十章 实现动画效果 var repeat = "moveElement('"+elementID+"',"+final_x+","+fin ...

  7. 《javascript dom编程艺术》笔记（一）——优雅降级、向后兼容、多个函数绑定onload函数

    刚刚开始自学前端,如果不对请指正:欢迎各位技术大牛指点. 开始学习<javascript dom编程艺术>,整理一下学习到的知识.今天刚刚看到第六章,记下get到的几个知识点. 优雅降级 ...

  8. JavaScript DOM编程艺术学习笔记（一）

    嗯,经过了一周的时间,今天终于将<JavaScript DOM编程艺术(第2版)>这本书看完了,感觉受益匪浅,我和作者及出版社等等都不认识,无意为他们做广告,不过本书确实值得一看,也值得推 ...

  9. JavaScript DOM编程艺术-学习笔记

    发现基础不是很好,补习一下.37买了2本书(dom编程和高级程序设计). 以前读书总是自己勾勾画画,有点没意思.现在写下来,说不定会成为传世经典.哈哈...........随便扯扯淡. 第一天(201 ...

  10. 《JavaScript DOM编程艺术》笔记一

    1.CSS: 继承是CSS技术中的一项强大功能,节点树上的各个元素将继承其父元素的样式属性. 2.3种获取DOM元素方法:getElementById返回一个对象,getElementsByTagNa ...

随机推荐

  1. 浅谈C++设计模式之抽象工厂（Abstract Factory）

    抽象工厂(Abstract Factory)模式是为了提供一系列相关或相互依赖对象的接口.对象创建型模式的一种. 客户Client 抽象工厂接口AbstractFactory 抽象工厂的实现类Conc ...

  2. 浅谈输入输出”重定向“——基于Linux系统

    前言 进程在启动后会自动的打开3个文件:标准输入.标准输出和标准错误输出分别对应文件描述符0.1.2.对于每个进程他们都都维护了一张文件描述符表(file descriptor table),通常fd ...

  3. C++/C#互调步骤

    一.C#调用C++ dll步骤(只能导出方法):  * 1. c++建立空项目->源文件文件夹中添加cpp文件和函数  * 2. c++属性设置中,配置类型设置为动态库dll,公共语言运行时支持 ...

  4. MMORPG大型游戏设计与开发（规范）

    一件事如果没有规范.章法,那么做这件事起来往往会遇到许多难题,特别是在多人协作的时候,没有到规范通常让每个人多多少少都面临着头疼的困难.举个例子,多个人要做一桌美味的饺子,有买材料.做面皮.弄肉(菜) ...

  5. Android蓝牙实例（和单片机蓝牙模块通信）

    最近做毕设,需要写一个简单的蓝牙APP进行交互,在网上也找了很多资料,终于给搞定了,这里分享一下^_^. 1.Android蓝牙编程 蓝牙3.0及以下版本编程需要使用UUID,UUID是通用唯一识别码 ...

  6. div根据内容改变大小并且左右居中

    div{ display:inline-block; width:auto; } 这个div的父元素text-align:center;

  7. 那些年我们用到的jquery选择器！！

    一:基本选择器 1:标签选择器: 返回值(元素集合):$("h2")选取所有h2元素. 2:类选择器:返回值(元素集合):$(".title")选取所有clas ...

  8. windows下使用 linux命令好办法

    1. 安装下载 CygwinPortable一键安装包.7z 2. 把安装路径下/  [D:\cygwinportable\CygwinPortable\App\Cygwin\bin] 加到 Path ...

  9. NOIP1999 旅行家的预算

    题目描述 一个旅行家想驾驶汽车以最少的费用从一个城市到另一个城市(假设出发时油箱是空的).给定两个城市之间的距离D1.汽车油箱的容量C(以升为单位).每升汽油能行驶的距离D2.出发点每升汽油价格P和沿 ...

  10. window对象的screen详解

    screen.availHeight     返回屏幕的高度(不包括Windows任务栏)screen.availWidth     返回屏幕的宽度(不包括Windows任务栏)screen.colo ...