第一部分
html->名词，css->形容词，js->动词 js既可以作为前端，又可以用在后端 前端：本身是在浏览器中使用的 后端：Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境。
value（值）：->值存在类型 object primitive：number，string，boolean，null，undefined，bigint，symbol。 （NaN ：console.log(NaN === NaN)为false，值不确定 不能为primitive）
template literals 模板字面量
${expression}
expression （表达式）生成值
类型转换：String(),Boolean(),Number()
强制类型转换：
数字与字符串：+ 字符串，-*/成数字
== 与 === 差别在强制类型转换。
es6之后的功能有些网页比较旧而无法使用，需要通过转换器转为之前的版本。
第二部分
strict mode：更安全的js代码 1. 提高性能 2. 产生可见的错误 3. 引入一些变量的名字列表,如无法声明使用interface变量名
变量：holds value 函数：holds 一行或多行代码 logger==()==;invoking，calling，running运行。
函数有声明式与表达式。 函数是值 ==值->可以存储在一个变量中。==
//声明式
function ..(){}
//表达式 ->值可以存储在一个变量中
const ..=function ..(){}
arrow function 的不创建自己的this，指代的是上下文的（context）
在JavaScrip中最重要的两个数据结构：数组（ [] ）和object( {} )
数组Array：
不是primitive，const情况下只是不能更改引用的对象。
array内存值，-JavaScrip里值同时存类型-array内不同类型
pop，shift
unshift，push
7-1
DOM
![[Pasted image 20240927200106.png|300]] DOM:document object model 文档对象模型 dom实际上是html文档的完整表示。 webapi 基本是用JavaScrip编写的。 在html页面加载时，浏览器自动创建dom ==每个html元素是一个对象==
如同css：
document.querySelector（’‘）进行选择
获取从页面传来的数据位字符串，通过document.querySelector（’‘）.value
类包裹的信息内容，通过document.querySelector（’‘）.textContent获取
document.querySelector('.show-modal').addEventListener（’事件‘，函数）
给单个按钮增加listener，确定事件和函数。
是函数，而不是进行函数的调用
添加的事件有click，也有其他，如’keydown‘ 按下按键来响应。
document.addEventListener('keydown', function (e) {
if (e.key === 'Escape' && !modal.classList.contains('hidden')) {
closeModal();
}
});
`document.getElementById('current--0');则无需加 . 善用AI工具进行找错，对照找错。 一步步完成代码，从简单到复杂。
