前端学习-Web API基本认知(二十)

news/2024/12/19 3:46:18/

目录

前言

变量声明

变量声明有三个 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里面

 


总结

不过是,花开花谢苍生冢


http://www.ppmy.cn/news/1556285.html

相关文章

Apache HTTP 服务器深度性能优化

引言 在前几篇文章中&#xff0c;我们讨论了基础和高级性能优化策略。现在&#xff0c;我们将深入探讨一些具体的优化实践&#xff0c;帮助您实现更精细的控制&#xff0c;并确保Apache服务器在各种复杂环境中都能保持最佳性能。 1. 细粒度的Apache配置调整 1.1 MPM参数微调…

RabbitMQ消息队列的笔记

Rabbit与Java相结合 引入依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-amqp</artifactId> </dependency> 在配置文件中编写关于rabbitmq的配置 rabbitmq:host: 192.168.190.132 /…

tomcat 架构详解

Tomcat是一个开源的Java Servlet容器&#xff0c;用于部署Java Web应用程序。它实现了Java Servlet和JavaServer Pages&#xff08;JSP&#xff09;技术规范&#xff0c;提供了Web请求处理和动态页面生成的能力。以下是对Tomcat架构的详细解析&#xff1a; Tomcat的核心组件 …

Java从入门到工作2 - IDEA

2.1、项目启动 从git获取到项目代码后&#xff0c;用idea打开。 安装依赖完成Marven/JDK等配置检查数据库配置启动相关服务 安装依赖 如果个别依赖从私服下载不了&#xff0c;可以去maven官网下载补充。 如果run时提示程序包xx不存在&#xff0c;在项目目录右键Marven->Re…

SpringAop-拦截参数带注解的方法

拦截方法中参数类型为String 且带有Crypto注解的方法&#xff1a;execution(* *(..,Crypto (String),..)) 拦截方法中参数上带有Crypto注解的方法&#xff1a;execution(* *(..,Crypto (*),..)) ..&#xff1a;零个或者多个 *&#xff1a;通配符 样例 /*** 针对带有Crypto…

AI前沿分析:ChatGPT搜索上线,Google搜索地位能否守住?

名人说:莫听穿林打叶声,何妨吟啸且徐行。—— 苏轼 Code_流苏(CSDN)(一个喜欢古诗词和编程的Coder😊) 目录 引言:AI与搜索领域的激烈博弈一、ChatGPT搜索的优势是什么?1. 实时信息获取:超越传统搜索2. 对话式搜索:重构用户体验3. 个性化推荐:深度挖掘用户需求二、G…

强化学习Q-learning及其在机器人路径规划系统中的应用研究,matlab代码

一、Q-learning 算法概述 Q-learning 是一种无模型的强化学习算法&#xff0c;它允许智能体&#xff08;agent&#xff09;在没有环境模型的情况下通过与环境的交互来学习最优策略。Q-learning的核心是学习一个动作价值函数&#xff08;Q-function&#xff09;&#xff0c;该函…

metagpt源码 (PlaywrightWrapper类)

前提条件&#xff0c;安装Playwright&#xff0c; 教程见 Getting started - Library 主要命令&#xff1a; pip install playwright playwright install1. PlaywrightWrapper 源码 #!/usr/bin/env python # -*- coding: utf-8 -*-from __future__ import annotationsimport …