之前在kindle上买了高程，今天又到了纸质的《JavaScript语言精粹》，《高性能JavaScript》,《JavaScipt设计模式》,开始读书之旅啦。

我在思考如何才能高效的理解书中的内容，练习代码肯定是必要的。

同时我想思维导图+quizlet卡片复习是可以尝试的方法，思维导图可以理出清楚的脉络，再将需要记忆的知识点放在卡片中进行记忆。

前两章的思维导图如图，在线交互式的在：https://www.processon.com/view/link/56f35d1be4b067e5c9f9d489

我会把后面的章节持续更新上去

然后就是用QA的方式来梳理知识点，然后放到quizlet上 quizlet.com/_24zzbu

(可以用quizlet的app或者在线使用，点击flashcards,记得右侧设置start with - term)

第一章：

1.Q：一个完整的JavaScript实现由哪几个部分组成？

A：核心（ECMAScript） 文档对象模型（DOM） 浏览器对象模型（BOM）

第二章

2.Q：<script>元素有哪些属性，通常放在页面何处？

A:属性：1.async(立刻下载脚本) 2.defer（延迟到文档解析显示后执行）3.src（外部文件地址）

4.charset(字符集，很少用)  5.type(脚本语言类型，已默认，可不写) 6.language（已废弃）

由于希望先呈现页面，再加载js，通常放在<body>元素中，页面内容后面

3. Q:使用JS外部文件的优点？

A:1.可维护性：将js放在一个文件夹中，便于维护

2.可缓存：如果两个页面使用到同一个外部文件，只需下载一次，加快加载速度

4.Q：什么是混杂模式和标准模式？如何开启标准模式？

A：文档开始处如果没有发现文档类型声明，浏览器会默认开启混杂模式

混杂模式下会包含一些非标准特性，如IE会更接近IE5。不同浏览器混杂模式行为差异很大。

开启标准模式，HTML5下 在文档开头加入<!DOCTYPE html>

5.Q:<noscript>的使用场景和效果？

A：使用场景1.浏览器不支持脚本

2.浏览器支持脚本，但脚本被禁用

效果：在符合使用场景时，会显示<noscript>中的内容，否则不会。

这就是我看到的前两章的知识点了。结合思维导图和QA卡片，是不是对大家有帮助呢？

JS高程读书笔记-第一、二章-内附在线思维导图和quizlet卡片的更多相关文章

  1. linux 第三周读书笔记-----第一二章 20135334赵阳林

    第一章 Linux内核简介 1.1 Unix的历史 由于Unix系统设计简洁并且在发布时提供源代码,所以许多其他组织和团体都对它进了进一步的开发. Unⅸ虽然已经使用了40年,但计算机科学家仍然认为它 ...

  2. js高程读书笔记（1-3章）

    一.js简介 js是一种专为与网页交互而设计的脚本语言,由以下三个不同的部分组成: 1.ECMAScript,由ECMA-262(它规定了语言的这些组成部分:语法,类型,语句,关键字,保留字,操作符, ...

  3. js高程读书笔记（第4章--变量、作用域和内存）

    JavaScript变量松散类型的本质,决定了它只是在特定时间用于保存特定值的一个名字而已.由于不存在定义某个变量必须要保存何总数据类型值的规则,变量的值及其数据类型可以在脚本的生命周期内改变. 1. ...

  4. 《js高程》笔记总结二（变量，作用域，内存问题）

    理解基本类型和引用类型的值,理解执行环境,理解垃圾收集 基本类型的值和引用类型的值 基本类型:简单的数据段,引用类型:指可能由多个值构成的对象(在将一个值赋值的时候,解析器必须知道这个值是基本类型值还 ...

  5. Array的内置方法思维导图整理（JavaScript）

    按照MDN整理的数组部分的思维导图,主要目的是方便查漏补缺,所以写的不是很详细.

  6. 《LINUX内核设计与实现》第三周读书笔记——第一二章

    <Linux内核设计与实现>读书笔记--第一二章 20135301张忻 估算学习时间:共2小时 读书:1.5 代码:0 作业:0 博客:0.5 实际学习时间:共2.5小时 读书:2.0 代 ...

  7. 《Linux内核设计与实现》读书笔记——第一二章

    <Linux内核设计与实现>读书笔记——第一二章 第一章 Linux内核简介 1.1 Unix的历史 简洁:仅提供系统调用并有一个非常明确的设计目的. 抽象:Unix中绝大部分东西都被当做 ...

  8. 《Linux内核设计与实现》读书笔记——第一、 二章

    <Linux内核设计与实现>读书笔记--第一. 二章 标签(空格分隔): 20135321余佳源 第一章 Linux内核简介 1.Unix内核特点 十分简洁:仅提供几百个系统调用并且有明确 ...

  9. 《Linux内核设计与实现》 第一二章学习笔记

    <Linux内核设计与实现> 第一二章学习笔记 第一章 Linux内核简介 1.1 Unix的历史 Unix的特点 Unix很简洁,所提供的系统调用都有很明确的设计目的. Unix中一切皆 ...

随机推荐

  1. JavaMail入门第五篇 解析邮件

    上一篇JavaMail入门第四篇 接收邮件中,控制台打印出的内容,我们无法阅读,其实,让我们自己来解析一封复杂的邮件是很不容易的,邮件里面格式.规范复杂得很.不过,我们所用的浏览器内置了解析各种数据类 ...

  2. 泛函编程（22）－泛函数据类型－Monoid In Action

    在上一节我们讨论了Monoid的结合性和恒等值的作用以及Monoid如何与串类元素折叠算法相匹配.不过我们只示范了一下基础类型(primitive type)Monoid实例的应用,所以上一节的讨论目 ...

  3. solr 学习片段

    全文检索技术——Solr 1 主要内容 1.站内搜索技术选型 2.什么是solr Solr和lucene的区别 3.solr服务器的安装及配置 Solr整合tomcat Solr的演示 4.维护索引 ...

  4. 那些教程没有的php1-基础知识补漏

    php.net 字符串 heredoc结构 类似双引号,其中的变量会被解析.严格遵循下边的格式,结束标识符这行除了可能有一个分号(;)外,绝对不能包含其它字符. <?php $str = < ...

  5. PHP simplexml_load_string 过滤<![CDATA[XXXX]]>

    首先说说过滤<![CDATA[XXXX]]>干嘛用的. 这东西主要是防止XML里面嵌套HTML标签导致XML样式错乱的. 过滤很简单: $response = str_replace( a ...

  6. bootstrap glyphicon图标无法显示

    如果不注意bootstrap引入css和fonts的规范,则可能会导致bootstrap 在显示glyphicon图标时无法正常显示,显示为方框. 此时可搜索bootstrap.css中的.glyph ...

  7. 将 C# 编译为原生机器码

      C# 用户似乎都希望 C# 可以和 C++ 一样编译为本地的机器码.如果 C# 可以编译为机器码,将可以做到: 1. 效率提高,可以取代 C++ . 2. 反编译.   当然微软在商业利益的考虑下 ...

  8. [WP8] Binding时，依照DataType选择DataTemplate

    [WP8] Binding时,依照DataType选择DataTemplate 范例下载 范例程序代码:点此下载 问题情景 在开发WPF.WP8...这类应用程序的时候,透过Binding机制搭配Da ...

  9. js实现轮播

    在我们准备动手之前先了解下几个属性  dom元素的位置的几个相关属性 dom元素宽度/高度 clientWidth/clientHeight   元素的内尺寸   content + padding ...

  10. Objective-C 理解之方括号[ ]的使用

      1,用于通知某个对象该做什么,即通知对象去执行某动作. 在Objective-c中,“［］”的意义:它们用于通知某个对象该做什么.这种通知对象执行某中操作的行为被称为“发送消息”. 例如: ［sh ...