之前在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. ASP.NET Web API默认支持的媒体类型（SupportedMediaTypes）

    JsonMediaTypeFormatter XmlMediaTypeFormatter ( application/xml  text/xml) FormUrlEncodedMediaTypeFor ...

  2. Smtp邮件发送系统公用代码整理—总结

    1.前言 a.在软件开发中,我们经常能够遇到给用户或者客户推送邮件,推送邮件也分为很多方式,比如:推送一句话,推送一个网页等等.那么在系统开发中我们一般在什么情况下会使用邮件发送呢?下面我简单总结了一 ...

  3. C# 点绕某点旋转某角度

    /// <summary> /// 以中心点旋转Angle角度 /// </summary> /// <param name="center"> ...

  4. C语言原子接口与实现

    原子是一个指向唯一的.不可变的0个或任意多个字节序列的指针,大多数原子都是指向以空字符结束的字符串,但是任何一个指向任意字节序列的指针都可以使原子.任何原子只能出现一次.如果两个原子指向同一个内存单元 ...

  5. App开发流程之图像处理工具类

    先罗列一下工具类中提供的方法: /** * 根据原始view和毛玻璃样式,获取模糊视图,并自动作为原view的subview(如果不需要作为子视图,自行调用removeFromSuperview) * ...

  6. 【原】iOSCoreAnimation动画系列教程（二）：CAKeyFrameAnimation【包会】

    在上一篇专题文章[原]iOSCoreAnimation动画系列教程(一):CABasicAnimation[包会]中我们学习了iOS核心动画CoreAnimation中CABasicAnimation ...

  7. 【转】IOS高级教程1:处理1000张图片的内存优化

    转载请保留以下原文链接: http://my.oschina.net/taptale/blog/91894 一.项目需求 在实际项目中,用户在上传图片时,有时会一次性上传大量的图片.在上传图片前,我们 ...

  8. 小波说雨燕 第三季 构建 swift UI 之 UI组件集－视图集（二）ActionSheet视图 学习笔记

    action动作 sheet表 其实就是一种菜单 参数:1代理:谁去代理它2取消按钮标题3这个按钮标题会自动变成红色4添加设置其他按钮(不想加,设置为nil)   然后我们为这些按钮添加点击事件:   ...

  9. animation of android （3）

    视图动画,只有view可以使用. 在android3.0以后,属性动画. ValueAnimation 可以记录属性变化的过程,所以他的对象是任何object. 所以ValueAnimation 的真 ...

  10. WebApi 使用PUT和DELETE时报405的问题

    最近两天写了个项目,里面有一个接口是用谓词delete接收请求. 本地完全没问题,但是当发布到服务器上之后(IIS7.5),就报出 405.0 - Method Not Allowed 很明显是配置问 ...