学习过程总结，便于自己查阅。
html
<!DOCTYPE html> -文档类型
<html></html> -根元素（整个页面）
<head></head> -设置之类，关键字和页面描述，css样式等
<meta charset="utf-8">
<title></title> -页面标题
<body></body> -显示的整个页面内容
<h1></h1> -主标题
<h2></h2> -顶层标题 <h3>以此类推
<p></p> -段落
<ul></ul> -无序列表
<ol><ol> -有序列表
<a></a> -链接
<a href="">Mozilla 宣言</a> href(超文本引用)
<em></em>对文字斜体化
<input>输入文本
<strong></strong> 粗体显示
<span></span>元素是短语内容的通用行内容器，并没有任何特殊语义。
<!-- 内容 --> 注释
<div></div>定义HTML中的一个分割块
块级元素和内联元素 空元素
class:定义元素的类名
例:<p class="important">注意：这是一个很重要的段落。 :)</p>
元素属性
空格：在属性和元素名称之间
属性名称：后面跟一个等于号
属性值：由一对引号引起来
例：<p class="editor-note">我的猫咪脾气爆:)</p>
实体引用：在HTML中包含特殊字符
<link>
经常位于文档的头部，用来链接css和和js,例：<link rel="stylesheet" href="my-css-file.css">
<script></script>
它放在文档的尾部（在 </body>标签之前）是一个更好的选择, 例：<script src="script.js" async></script> 注：1、async异步，告知浏览器在遇到<script>元素时不要中断后续HTML的加载/2、defer 脚本将按照在页面中出现的顺序加载和运行。
可设置网页语言 如果脚本无需等待页面解析，且无依赖独立运行，那么应使用 async。
如果脚本需要等待页面解析，且依赖于其它脚本，调用这些脚本时应使用 defer，将关联的脚本按所需顺序置于 HTML 中
css
格式：
选择器{
声明：属性属性的值:
}
- width ：元素的宽度
- background-color ：元素内容和内边距底下的颜色
- color ：元素内容（通常是文本）的颜色
- text-shadow ：为元素内的文本设置阴影
- display ：设置元素的显示模式（暂略）
JavaScript
- 简介：是一种脚本，一门编程语言，可以在网页上实现复杂的功能，
- 功能：1、在变量中储存有用的值。2、操作一段文本。3、运行代码以相应网页中发生的特定时间
API
应用程序接口，已经建立好的一套代码组件
1、文档对象模型API (DOM): 将 web 页面与到脚本或编程语言连接起来。从而操纵HTML和css.
2、地理位置API:获取地理信息
3、画布（Canvas） 和 WebGL API :可以创建生动的 2D 和 3D 图像。
4、 HTMLMediaElement 和 WebRTC 等 影音类 API: 让你可以利用多媒体做一些非常有趣的事，比如在网页中直接播放音乐和影片，
动态代码：按需生成新内容来更新web页面
document.addEventListener("DOMContentLoaded", function() {
});
/**
事件监听器：监听浏览器的DOMContentLoaded事件，即 HTML 文档体加载、解释完毕事件。事件触发时将调用 " . . ." 处的代码
例：document.querySelector("#demo");
获取文档中id="demo"的元素。
**/
函数
function checkGuess() {
alert('我是一个占位符');
}
匿名函数
没有函数名，自己也不会做任何事情，通常将匿名函数与事件处理程序一起使用
例：var myButton = document.querySelector('button');
myButton.onclick = function() {
alert('hello');
}
事件
事件是你正在编写的系统中发生的动作或事件，系统告诉你的是这些动作或事件，如果需要的话，你可以以某种方式对它们做出反 应。例如，如果用户单 击网页上的按钮
我们可以通过调用代码来响应事件，侦听事件发生的结构为事件监听器，响应事件触发而运行的代码块被称为事件处理器
例：guessSubmit.addEventListener('click', checkGuess);
这里为 guessSubmit 按钮添加了一个事件监听器。addEventListener() 方法包含两个可输入值（称为“参 数 ”（argument）），监听事件的类 型（本例中为“click”），和当事件发生时我们想要执行的代码（ 本例中为 checkGuess() 函数）。注意，数的函数名不加括号。
例：const btn = document.querySelector('button');
btn.onclick = function() {}
按钮点击是就触发事件，从而执行相应的函数
addEventListener() 和removeEventListener()
在addEventListener() 函数中, 我们具体化了两个参数——我们想要将处理器应用上去的事件名称，和包含我们用来回应事件的函 数的代码。btn.addEventListener('click', function()
循环
for循环
for (let i = 1; i < 21; i++) { console.log(i); }
对象：例一：const guessField = document.querySelector(’.guessField’);
创建一个guessField常量来存储对HTML中文本输入表单域的引用
例二：let dog = { name : ‘Spot’, breed : ‘Dalmatian’ };
dog.name
prompt:输入文本
例let name = prompt(‘What is your name?’);
字符串：可以将字符串看成对象，从而对其进行操作
对象概述
var objectName = {
member1Name : member1Value,
member2Name : member2Value,
member3Name : member3Value
}
点表示法：
name : {
first : 'Bob',
last : 'Smith'
}
name.first
括号表示法：
name['first']
可以创建新成员：
name['second']=ming;
this使用：
本类的变量
构建函数
JavaScript 用一种称为构建函数的特殊函数来定义对象和它们的特征。构建函数提供了创建您所需对象（实例）的有效方 法，将对象的数据和特征函数按需联结至相应对象。
function Person(name) {
this.name = name;
this.greeting = function() {
alert('Hi! I\'m ' + this.name + '.');
};
}
var person1 = new Person('Bob');
var person2 = new Person('Sarah');
Object()构造函数：
var person1 = new Object();这样就建立了一个空对象
使用create()方法构造对象：
可以基于现有的对象来创建新的对象
var person2 = Object.create(person1);
这样person2就可以继承person1的属性和方法
对象原型
在javascript中，函数可以有属性。 每个函数都有一个特殊的属性叫作原型（prototype），通过原型链可以允许对象之 间的继承
JSON
JSON 是一种按照JavaScript对象语法的数据格式,用于将结构化数据表示为JavaScript对象的标准格式，通常用于在网站上表示和 传输数据
JSON可以作为一个对象或者字符串存在，前者用于解读 JSON 中的数据，后者用于通过网络传输 JSON 数据。
一个 JSON 对象可以被储存在它自己的文件中，这基本上就是一个文本文件，扩展名为 .json
获取JSON过程参考：https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Objects/JSON
parse(): 以文本字符串形式接受JSON对象作为参数，并返回相应的对象。。
stringify(): 接收一个对象作为参数，返回一个对应的JSON字符串。
2594
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
