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

2024-03-26 15:44

本文主要是介绍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(): 比较两个节点的关系

这篇关于JavaScript 基础、内置对象、BOM 和 DOM 常用英文单词总结的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/849003

相关文章

Java方法重载与重写之同名方法的双面魔法(最新整理)

《Java方法重载与重写之同名方法的双面魔法(最新整理)》文章介绍了Java中的方法重载Overloading和方法重写Overriding的区别联系,方法重载是指在同一个类中,允许存在多个方法名相同... 目录Java方法重载与重写:同名方法的双面魔法方法重载(Overloading):同门师兄弟的不同绝

Spring配置扩展之JavaConfig的使用小结

《Spring配置扩展之JavaConfig的使用小结》JavaConfig是Spring框架中基于纯Java代码的配置方式,用于替代传统的XML配置,通过注解(如@Bean)定义Spring容器的组... 目录JavaConfig 的概念什么是JavaConfig?为什么使用 JavaConfig?Jav

Java数组动态扩容的实现示例

《Java数组动态扩容的实现示例》本文主要介绍了Java数组动态扩容的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录1 问题2 方法3 结语1 问题实现动态的给数组添加元素效果,实现对数组扩容,原始数组使用静态分配

Java中ArrayList与顺序表示例详解

《Java中ArrayList与顺序表示例详解》顺序表是在计算机内存中以数组的形式保存的线性表,是指用一组地址连续的存储单元依次存储数据元素的线性结构,:本文主要介绍Java中ArrayList与... 目录前言一、Java集合框架核心接口与分类ArrayList二、顺序表数据结构中的顺序表三、常用代码手动

JAVA项目swing转javafx语法规则以及示例代码

《JAVA项目swing转javafx语法规则以及示例代码》:本文主要介绍JAVA项目swing转javafx语法规则以及示例代码的相关资料,文中详细讲解了主类继承、窗口创建、布局管理、控件替换、... 目录最常用的“一行换一行”速查表(直接全局替换)实际转换示例(JFramejs → JavaFX)迁移建

Spring Boot Interceptor的原理、配置、顺序控制及与Filter的关键区别对比分析

《SpringBootInterceptor的原理、配置、顺序控制及与Filter的关键区别对比分析》本文主要介绍了SpringBoot中的拦截器(Interceptor)及其与过滤器(Filt... 目录前言一、核心功能二、拦截器的实现2.1 定义自定义拦截器2.2 注册拦截器三、多拦截器的执行顺序四、过

JAVA线程的周期及调度机制详解

《JAVA线程的周期及调度机制详解》Java线程的生命周期包括NEW、RUNNABLE、BLOCKED、WAITING、TIMED_WAITING和TERMINATED,线程调度依赖操作系统,采用抢占... 目录Java线程的生命周期线程状态转换示例代码JAVA线程调度机制优先级设置示例注意事项JAVA线程

JavaWeb项目创建、部署、连接数据库保姆级教程(tomcat)

《JavaWeb项目创建、部署、连接数据库保姆级教程(tomcat)》:本文主要介绍如何在IntelliJIDEA2020.1中创建和部署一个JavaWeb项目,包括创建项目、配置Tomcat服务... 目录简介:一、创建项目二、tomcat部署1、将tomcat解压在一个自己找得到路径2、在idea中添加

Java使用Spire.Doc for Java实现Word自动化插入图片

《Java使用Spire.DocforJava实现Word自动化插入图片》在日常工作中,Word文档是不可或缺的工具,而图片作为信息传达的重要载体,其在文档中的插入与布局显得尤为关键,下面我们就来... 目录1. Spire.Doc for Java库介绍与安装2. 使用特定的环绕方式插入图片3. 在指定位

springboot的controller中如何获取applicatim.yml的配置值

《springboot的controller中如何获取applicatim.yml的配置值》本文介绍了在SpringBoot的Controller中获取application.yml配置值的四种方式,... 目录1. 使用@Value注解(最常用)application.yml 配置Controller 中