目录
前言
变量声明
变量声明有三个 var let 和 const我们应该用那个呢?
简单来说以后声明变量我们优先使用哪个?
Web API基本认知
作用和分类
作用
分类
什么是DOM
DOM树
DOM树是什么
DOM对象
DOM对象
DOM的核心思想
总结
前言
第二更(量较少,开始学API,JS大约点一下即可,我相信在座的各位都是有程序基础的,JS基本语法不用讲那么细致)
变量声明
变量声明有三个 var let 和 const我们应该用那个呢?
首先var 先排除,老派写法,问题很多,可以淘汰掉.
elet or const ?
建议: const 优先,尽量使用const,原因是:
.const 语义化更好很多变量我们声明的时候就知道他不会被更改了,那为什么不用 const呢?
实际开发中也是,比如React框架,基本使用const
有了变量先给const,如果发现它后面是要被修改的,再改为let
const:地址不修改就可以用,比如复杂数据类型,数组什么的,比如数组名存的是数组在内存中的首地址,之后通过数据类型自动往后查找,所以你push几个元素都不影响首地址,但是你赋一个新数组,就不行了,相当于把首地址改了
const 声明的值不能更改,而且const声明变量的时候需要里面进行初始化但是对于引用数据类型,const声明的变量,里面存的不是值,不是值,不是值,是地址。
简单来说以后声明变量我们优先使用哪个?
1.const有了变量先给const,如果发现它后面是要被修改的,再改为let
2.为什么const声明的对象可以修改里面的属性?因为对象是引用类型,里面存储的是地址,只要地址不变,就不会报错。议数组和对象使用 const 来声明
3.什么时候使用let声明变量?如果基本数据类型的值或者引用类型的地址发生变化的时候,需要用let比如 一个变量进行加减运算,比如 for循环中的 i++
Web API基本认知
作用和分类
作用
使用JS去操作html和浏览器
分类
DOM(文档对象模型),BOM(浏览器对象模型)
什么是DOM
DOM(Document object Model--文档对象模型)是用来呈现以及与任意 HTML或XML文档交互的API白话文:DOM是浏览器提供的一套专门用来 操作网页内容 的功能DOM作用:开发网页内容特效和实现用户交互
DOM树
DOM树是什么
1.将 HTML 文档以树状结构直观的表现出来,我们称之为文档树或 DOM 树
2.描述网页内容关系的名词
3.作用:文档树直观的体现了标签与标签之间的关系
DOM对象
DOM对象
浏览器根据html标签生成的JS对象
所有的标签属性都可以在这个对象上面找到修改这个对象的属性会自动映射到标签身上
<body><div>123</div><script>const div= document.querySelector('div')// 打印对象console.dir(div)//dom 对象</script></body>
DOM的核心思想
把网页内容当做对象来处理
document 对象是 DOM 里提供的一个对象所以它提供的属性和方法都是用来访问和操作网页内容的
例:document.write()-网页所有内容都在document里面
总结
不过是,花开花谢苍生冢