JavaScript 基础、内置对象、BOM 和 DOM 常用英文单词总结

在这里插入图片描述
一提到编程、软件、代码。对于英语不是很熟悉的同学望而却步。其实没有想像中的难么难,反复练习加上自己的思考、总结,会形成肌肉记忆。整理一下,初学者每天30遍。

1、JavaScript 基础语法

break:中断循环或 switch 语句的执行。
case:在 switch 语句中检查的值。
catch:在 try-catch 块中捕获和处理异常。
class:创建具有特定属性和方法的对象的蓝图。
const:声明常量变量。
continue:跳过循环的当前迭代。
debugger:暂停 JavaScript 代码的执行。
default:在 switch 语句中定义要执行的默认值。
delete:从对象中删除属性。
do:定义要重复执行的代码块。
function:定义函数。
if:定义条件为 true 时执行的代码块。
in:检查对象中是否存在属性。
instance of:检查对象是否是构造函数的实例。
new:创建构造函数的新实例。
return:从函数中返回值。
super:在父对象上调用方法。
switch:根据值定义要执行的代码块。
this:指代当前对象。
throw:抛出异常。
try:定义在 try-catch 块中执行和捕获的代码块。
typeof:返回变量的类型。
var:声明变量。
void:返回 undefined。
while:定义要重复执行的代码块。
with:定义使用特定对象的代码块。
let:声明块作用域变量。
const:声明块作用域常量。
yield:在生成器函数中用于暂停和恢复函数。
async:用于声明异步函数。
await:在异步函数中等待承诺解析。

2、内置对象

2.1 Array

push:向数组的末尾添加一个或多个元素。
pop:删除并返回数组的最后一个元素。
shift:删除并返回数组的第一个元素。
unshift:向数组的开头添加一个或多个元素。
splice:从数组中添加/删除项目,然后返回被删除的项目。

slice:返回数组的一个片段。
forEach:对数组的每个元素执行一次提供的函数。

map:返回一个新数组,其中每个元素都调用提供的函数。
filter:返回通过测试(提供的函数)的所有元素的新数组。
reduce:应用提供的函数的结果(从左到右)以减少数组的值。
every:如果数组中的所有元素都通过了提供的测试函数,则返回 true。
some:如果数组中至少有一个元素通过了提供的测试函数,则返回 true。
Boolean
toString:返回布尔值的字符串形式。

2.2 Date

getTime:返回 1970 年 1 月 1 日 00:00:00 UTC 以来的毫秒数。
setTime:设置 1970 年 1 月 1 日 00:00:00 UTC 以来的毫秒数。
getFullYear:返回年份(4 位数)。
getMonth:返回月份(0-11)。
getDate:返回日期(1-31)。
getDay:返回星期(0-6)。
getHours:返回小时(0-23)。
getMinutes:返回分钟(0-59)。
getSeconds:返回秒(0-59)。
getMilliseconds:返回毫秒(0-999)。

2.3 Number

isFinite(): 检查数字是否为有限的
isInteger(): 检查数字是否为整数
isNaN(): 检查数字是否为 NaN
parseFloat(): 解析一个浮点数字字符串
parseInt(): 解析一个整数字符串
toString(): 将数字转换为字符串
RegExp
test(): 测试字符串是否匹配正则表达式
exec(): 在字符串中执行正则表达式查找

2.4 String

length: 字符串的长度
charAt(): 返回指定位置的字符
charCodeAt(): 返回指定位置的字符的 Unicode 值
concat(): 连接两个或更多字符串
indexOf(): 返回指定字符串在原字符串中首次出现的位置
lastIndexOf(): 返回指定字符串在原字符串中最后出现的位置
slice(): 从原字符串中返回指定的字符
substr(): 从原字符串中返回从指定位置开始的指定长度的字符
substring(): 从原字符串中返回从指定位置开始到指定位置结束的字符
toLowerCase(): 将字符串转换为小写
toUpperCase(): 将字符串转换为大写
trim(): 去除字符串两端的空白
match(): 在字符串中执行查找匹配
replace(): 在字符串中执行查找替换
search(): 在字符串中执行查找
split(): 在字符串中执行分割

2.5 Error

toString:返回错误的字符串形式。

2.6 Function

apply:调用函数,并在提供的作用域对象中运行。
call:类似 apply,但是传递参数的方式不同。
bind:返回一个新函数,该函数在提供的 this 值和初始参数

3.BOM

window 窗口
alert(): 显示带有消息的警告框
confirm(): 显示带有消息的确认框
prompt(): 显示带有消息的提示框,并返回用户输入的值
open(): 打开一个新的浏览器窗口或获取一个已经存在的窗口
close(): 关闭当前浏览器窗口
moveBy(): 移动窗口的水平和垂直位置
moveTo(): 将窗口移动到指定的水平和垂直位置
resizeBy(): 调整窗口的大小
resizeTo(): 将窗口调整为指定的大小
scroll(): 滚动文档到指定的位置
scrollBy(): 滚动文档到指定的位置
scrollTo(): 将文档滚动到指定的位置

4.DOM

document 整个文档,看成一对象

getElementById(): 通过元素的 id 获取元素
getElementsByClassName(): 通过元素的 class 获取元素
getElementsByTagName(): 通过元素的标签名获取元素
querySelector(): 通过选择器获取元素
querySelectorAll(): 通过选择器获取元素的集合

createElement(): 创建新的 HTML 元素
createTextNode(): 创建新的文本节点
createComment(): 创建新的注释节点
createDocumentFragment(): 创建新的文档片段
createAttribute(): 创建新的属性节点

removeChild(): 删除子节点
appendChild(): 添加子节点
insertBefore(): 在指定的子节点前面插入新的子节点
replaceChild(): 替换子节点
normalize(): 规范化节点
cloneNode(): 克隆节点
isEqualNode(): 检查节点是否相等
hasChildNodes(): 检查节点是否有子节点

getAttribute(): 获取元素的属性
setAttribute(): 设置元素的属性
removeAttribute(): 删除元素的属性
getAttributeNode(): 获取元素的属性节点
setAttributeNode(): 设置元素的属性节点
removeAttributeNode(): 删除元素的属性节点
attributes: 获取元素的所有属性

firstChild: 获取元素的第一个子节点
lastChild: 获取元素的最后一个子节点
previousSibling: 获取元素的前一个兄弟节点
nextSibling: 获取元素的后一个兄弟节点
parentNode: 获取元素的父节点
childNodes: 获取元素的所有子节点

nodeType: 获取节点的类型
nodeName: 获取节点的名称
nodeValue: 获取节点的值
textContent: 获取或设置节点的文本内容

innerHTML: 获取或设置元素的内容
outerHTML: 获取或设置元素及其所有后代的 HTML 标记

scrollTop: 获取或设置元素的内容垂直滚动条的位置
scrollLeft: 获取或设置元素的内容水平滚动条的位置
scrollWidth: 获取元素内容的实际宽度
scrollHeight: 获取元素内容的实际高度

clientTop: 获取或设置元素相对于其偏移父元素的上边距
clientLeft: 获取或设置元素相对于其偏移父元素的左边距

clientWidth: 获取元素的可见宽度
clientHeight: 获取元素的可见高度

offsetParent: 获取元素的最近的定位祖先元素
offsetTop: 获取元素相对于文档的上边距
offsetLeft: 获取元素相对于文档的左边距
offsetWidth: 获取元素的总宽度
offsetHeight: 获取元素的总高度

contains(): 检查节点是否包含另一个节点
compareDocumentPosition(): 比较两个节点的关系

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/487663.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

ISAC代码仿真学习笔记

文章目录 A. MIMO Communication ModelB. MIMO Radar Model III. Joint Waveform and Phase Shift Matrix Design for Given Radar BeampatternA. Problem FormulationB. Proposed Algorithm V. S IMULATION RESULTS A. MIMO Communication Model 用户处的接收信号矩阵由 Y …

IO流之字符流实战

IO流(一)字符流 一、IO流是什么?二、File类三、引入IO流四、代码演示例题:通过java程序完成文件的复制操作从文件中读取数据(一个一个读)向文件中写入数据(一个一个写)利用缓冲数组读…

景泓达智能科技邀您参观2024第七届燕窝及天然滋补品博览会

2024第七届世界燕窝及天然滋补品博览会 2024年8月7-9日| 上海新国际博览中心 同期举办:第三届世界滋补产业生态大会暨交流晚宴/颁奖典礼 2024第九届酵素、益生产品博览会 2024上海国际月子健康博览会 2024上海燕博会经历了7年的发展与资源积累,已成为…

初始Redis关联和非关联

基础篇Redis 3.初始Redis 3.1.2.关联和非关联 传统数据库的表与表之间往往存在关联,例如外键: 而非关系型数据库不存在关联关系,要维护关系要么靠代码中的业务逻辑,要么靠数据之间的耦合: {id: 1,name: "张三…

UE5C++学习(四)--- SaveGame类存储和加载数据

上一篇说到使用数据表读取数据,如果我开始玩游戏之后,被怪物打了失去了一部分血量,这个时候我想退出游戏,当我再次进入的时候,希望仍然保持被怪物打之后的血量,而不是重新读取了数据表,这个时候…

锁的7大分类

锁 首先会了解锁的整体概念,了解锁究竟有哪些分类的标准。在后面的文章中会对重要的锁进行详细的介绍。 锁的7大分类 需要首先指出的是,这些多种多样的分类,是评价一个事物的多种标准,比如评价一个城市,标准有人口多…

centos 虚拟机 增加硬盘 虚拟机centos磁盘扩容

2 在centos 7 系统中挂载磁盘 2.1 查看磁盘信息 进入centos 7系统中,输入“# df -h”命令,查看磁盘信息。 这里没有写显示新增的磁盘信息。 2.2 对新加的磁盘进行分区操作 2.2.1 查看磁盘容量和分区 2.2.2 创建分区 a. 选择新增的磁盘(这…

Spring Boot + MyBatis

一、配置依赖 <!-- MyBatis --> <dependency><groupId>org.mybatis.spring.boot</groupId><artifactId>mybatis-spring-boot-starter</artifactId><version>3.5.3</version> </dependency> <!-- junit测试依赖 --&g…

Unity连接MySQL踩坑,问题处理记录

用的unity2021版本&#xff0c;MySQL是官方下载的最新版8.0.36. 安装MySQL时&#xff0c;过去如果安装过&#xff0c;一定要删干净&#xff0c;单纯的卸载不行&#xff0c;网上有很多教程。 MySQL安装完成后&#xff0c;将安装目录的MySql.Data.dll文件放入unity项目的Plugin…

隐语技术架构

隐语架构 产品定位 算法层 计算层 密码原语 互联互通–资源层 总结

ElasticSearch8 - 基本操作

前言 本文记录 ES 的一些基本操作&#xff0c;就是对官方文档的一些整理&#xff0c;按自己的习惯重新排版&#xff0c;凑合着看。官方的更详细&#xff0c;建议看官方的。 下文以 books 为索引名举例。 新增 添加单个文档 (没有索引会自动创建) POST books/_doc {"n…

Saltstack 最大打开文件数问题之奇怪的 8192

哈喽大家好&#xff0c;我是咸鱼。 今天分享一个在压测过程中遇到的问题&#xff0c;当时排查这个问题费了我们好大的劲&#xff0c;所以我觉得有必要写一篇文章来记录一下。 问题出现 周末在进行压测的时候&#xff0c;测试和开发的同事反映压测有问题&#xff0c;请求打到…

Acwing528. 奶酪(并查集)

题目 现有一块大奶酪&#xff0c;它的高度为 h&#xff0c;它的长度和宽度我们可以认为是无限大的&#xff0c;奶酪中间有许多半径相同的球形空洞。 我们可以在这块奶酪中建立空间坐标系&#xff0c;在坐标系中&#xff0c;奶酪的下表面为 z0&#xff0c;奶酪的上表面为 zh 。…

成为创作者的第 730 天——创作纪念日

​​ 文章目录 &#x1f4e8; 官方致信&#x1f3af;我的第一篇文章&#x1f9e9; 机缘与成长 &#x1f3af; 成就&#x1f3af; 目标 &#x1f4e8; 官方致信 今天早上打开 CSDN 私信一看&#xff0c;看到了这一条消息&#xff0c;然后看了下日期。突然感慨到&#xff0c;是…

C语言笔记:预处理命令与结构体

ACM金牌带你零基础直达C语言精通-课程资料 本笔记属于船说系列课程之一&#xff0c;课程链接&#xff1a;ACM金牌带你零基础直达C语言精通https://www.bilibili.com/cheese/play/ep159068?csourceprivate_space_class_null&spm_id_from333.999.0.0 你也可以选择购买『船说…

字符驱动程序-LCD驱动开发

一、驱动程序的框架 总共分为五步&#xff1a; 1、自己设定或者系统分配一个主设备号 2、创建一个file_operations结构体 这个结构体中有操作硬件的函数&#xff0c;比如drv_open、drv_read 3、写一个注册设备驱动函数 需要register_chrdev(major,name,结构体)&#xff0…

文件一键加水印的软件叫什么

答&#xff1a;文件一键加水印的软件叫“域智盾软件”。 域智盾作为一款专为企业内网信息安全保驾护航的领先软件&#xff0c;以其卓越的文件加密技术和自动添加水印功能为核心亮点&#xff0c;为企业提供了强大的数据安全保障和严谨的内部信息追踪机制。 【文件加密功能】 高…

C语言数据结构易错知识点(4)(二叉树、分治思想)

1.二叉树的特点&#xff1a;和顺序表、链表有所差异的是&#xff0c;二叉树并不主要用于存储数据&#xff0c;它多用于数据的筛选、处理等操作。二叉树内核是分治思想&#xff0c;对递归运用的要求很高&#xff0c;这在二叉树的各种接口的实现上我们都能有所体会。 2.最小子问…

Linux系统 安装docker

安装&#xff1a; 1、Docker要求CentOS系统的内核版本高于 3.10 &#xff0c;通过 uname -r 命令查看你当前的内核版本是否支持安账docker 2、更新yum包&#xff1a; sudo yum -y update 3、安装需要的软件包&#xff0c;yum-util 提供yum-config-manager功能&#xff0c;另外…

Excel双击单元格后弹窗输入日期

Step1. 在VBE界面新建一个窗体(Userform1),在窗体的工具箱的空白处右键,选中添加附件,勾选Calendar control 8.0,即可完成日历的添加。 PS:遗憾的是, Office 64 位没有官方的日期选择器控件。唯一的解决方案是使用Excel 的第三方日历。 参考链接:How to insert calen…