全栈速查手册：HTML+CSS+JS+jQuery+AJAX

至少掌握HTML, DOM -> CSS -> JavaScript -> jQuery -> AJAX，在线工具

HTML

资料：教程; 手册:标签-属性等。
元素（Element）=开始标签（Tag，含属性(Attribute)）+内容（Content）+结束标签。

CSS

资料：教程; 手册:选择器-属性等。

快速入门

C层叠S样式S表，使网页样式、布局更高效规范。本质来讲，CSS都是对HTML元素的style属性进行定义。

语法：

属性与值之间只有冒号，没有空格。
选择器：用于限定后面这组声明的使用范围。常见的选择器：
- 元素选择器
  选择一种HTML元素，如：p { color:blue; }；
- 类选择器
  选择class属性为特定值的所有HTML元素，如：.highlight { color:yellow; };
  选择class属性为特定值的一种HTML元素，如：p.highlight { color:yellow; };
- ID选择器
  选择id属性为特定值的那一个HTML元素，如：#runoob { width:200px; };
- 属性选择器
  选择指定属性为特定值的指定HTML元素，如：nput[type="text"] {border:1px solid gray;};
- 后代、兄弟、伪类、伪元素选择器……

css代码的3种出现方式

内联样式：一个元素的临时装饰，位于HTML标签的style属性中，如：
<p style="color:sienna;margin-left:20px">这是一个段落。</p>

内部样式表：一个文档多处可复用，位于html.head.style元素的内容中，如：

<head>
    <style>
        hr {color:sienna;}
        p {margin-left:20px;}
        body {background-image:url("images/back40.gif");}
    </style>
</head>

外部样式表：独立文件随处使用，位于html.head.link元素的href属性中，如：
"mystyle.css"即外部样式表
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>

JavaScript

资料：教程, DOM文档对象模型, BOM浏览器对象模型; 手册：内置对象-Browser对象-DOM对象；。

基础知识

数据类型：
- 值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。
- 引用数据类型（对象类型）：对象(Object)、数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）

JS对象：在 JavaScript中，几乎所有的事物都是对象。

‘对象’实例：

var person = {
    firstName: "John",      // 这是对象属性，值的访问方式：`person.firstName`
    lastName : "Doe",
    id : 5566,
    fullName : function()   // 访问时，不加`()`是对象属性；加`()`是对象方法。
    {
        return this.firstName + " " + this.lastName;
    }
};

JS对象是变量的容器、键值对的容器、

DOM
BOM
- 所有JS全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。甚至 HTML DOM的document也是window对象的属性之一。
JS高级程序设计工具——JS库/框架
- jQuery：是目前最受欢迎的 JavaScript 框架。它使用 CSS 选择器来访问和操作网页上的 HTML 元素（DOM 对象）。jQuery 同时提供 companion UI（用户界面）和插件。见下一节。
- Prototype
  - 简单使用方法
  - 与 jQuery 类似，Prototype 也有自己的 $() 函数。$() 函数接受 HTML DOM 元素的 id 值（或 DOM 元素），并会向 DOM 对象添加新的功能。
  - 与 jQuery 不同，Prototype 没有用以取代 window.onload() 的 ready() 方法。相反，Prototype 会向浏览器及 HTML DOM 添加扩展。
- …

jQuery哈

资料：教程；参考手册；API手册

基础知识

jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。

该库的功能

HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
除此之外，jQuery 还提供了大量的插件。

使用方法：
- 先在网页的<script>标签中引用该库，如：
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  - 为更快引入，可修改src为jquary的合适的CDN地址，如:
    - 国外的（https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js、https://cdnjs.com/…），
    - 国内的（https://cdn.staticfile.org/jquery/3.4.0/jquery.min.js）
  - 疑惑为什么没有在 <script> 标签中使用 type="text/javascript" ？在 HTML5 中，JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言！
语法：
核心：选取 HTML 元素，执行操作。
基础语法： $(selector).action()

关于选择器：jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。

AJAX

资料：教程
AJAX（异步的 JavaScript 和 XML）是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。
AJAX不是语言，是一套标准。

NodeJS

包管理工具

镜像源

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/