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(): 比较两个节点的关系

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

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Gif动图怎么快速制作?两招教你在线做

Gif动图作为一种实用的图片格式,因为其体积小,画面丰富,所以在各大聊天软件中非常的受欢迎。小伙伴们是不是很好奇这种gif动态图片是如何制作的吧!下面,小编就给大家分享两个快速制作gif动画的小技巧!不用下…

Matlab从入门到精通课程

教程介绍 MATLAB是美国MathWorks公司出品的商业数学软件,用于数据分析、无线通信、深度学习、图像处理与计算机视觉、信号处理、量化金融与风险管理、机器人,控制系统等领域。 学习地址 链接:https://pan.baidu.com/s/1PxGarBwQusMzwPVqcE…

内网使用rustdesk进行远程协助

文章目录 前言一、搭建rustdesk中继服务器二、搭建文件下载服务器三、创建引导脚本四、使用 前言 内网没有互联网环境,没法使用互联网上有中继服务器的远程协助工具,如teamviewer、todesk、向日癸等;在内网进行远程维护可以自己搭建中继服务…

TS + Vue3 elementUI 表格列表中如何方便的标识不同类型的内容,颜色区分 enum

TS Vue3 elementUI 表格列表中如何方便的标识不同类型的内容,颜色区分 enum 本文内容为 TypeScript 一、基础知识 在展示列表的时候,列表中的某个数据可能是一个类别,比如: enum EnumOrderStatus{"未受理" 1,"…

python能做什么

python能做什么 Web开发:Python具有许多流行的Web框架,如Django和Flask,使得它成为Web开发的首选语言。它简洁、易于学习、且拥有丰富的生态系统,能够快速构建高性能的Web应用。 数据科学和机器学习:Python在数据科学…

51单片机—直流电机

1.元件介绍 2.驱动电路 3.电机调速 一般会保证一个周期的时间是一样的 应用&#xff1a; 1.LED呼吸灯 #include <REGX52.H>sbit LEDP2^0;void Delay(unsigned int t) {while(t--); } void main() {unsigned char Time,i;while(1){for(Time0;Time<100;Time){for(i0;…

【MATLAB源码-第16期】基于matlab的MSK定是同步仿真,采用gardner算法和锁相环。

操作环境&#xff1a; MATLAB 2022a 1、算法描述 **锁相环&#xff08;PLL&#xff09;** 是一种控制系统&#xff0c;用于将一个参考信号的相位与一个输入信号的相位同步。它在许多领域中都有应用&#xff0c;如通信、无线电、音频、视频和计算机系统。锁相环通常由以下几个…

matlab和stm32的安装环境。能要求与时俱进吗,en.stm32cubeprg-win64_v2-6-0.zip下载太慢了

STM32CubeMX 6.4.0 Download STM32CubeProgrammer 2.6.0 Download 版本都更新到6.10了&#xff0c;matlab还需要6.4&#xff0c;除了st.com其他地方都没有下载的,com.cn也没有。曹 还需要那么多固件安装。matlab要求制定固件位置&#xff0c;然后从cubemx中也指定…

mac WPS 无格式粘贴

操作办法 文件–文字偏好设置–编辑–剪切和粘贴选项

基于yolov8安全帽检测的系统

基于yolov8安全帽检测的系统 项目描述&#xff1a; 安全头盔检测&#xff08;计算机视觉&#xff09; 1.自训练数据集1538张数据图片&#xff0c;进行标注&#xff0c;并进行100轮的训练&#xff0c;准确率达0.966 2.使用 Flask 和 Ultralytics YOLOv8 模型开发了一个 Web 应…

阿里CICD流水线Docker部署,将阿里镜像私仓中的镜像部署到服务器中

文章目录 阿里CICD流水线Docker部署&#xff0c;将阿里镜像私仓中的镜像部署到服务器中一、CICD流水线的初步使用可以看我之前的两篇文章二、添加部署任务&#xff0c;进行Docker部署&#xff0c;创建一个阿里的试用主机1、选择主机部署&#xff0c;并添加服务主机2、创建免费体…

Excel·VBA数组平均分组问题

看到一个帖子《excel吧-数据分组问题》&#xff0c;对一组数据分成4组&#xff0c;使每组的和值相近 上一篇文章《ExcelVBA数组分组问题》&#xff0c;解决了这个帖子问题的第1步&#xff0c;即获取所有数组分组形式的问题 接下来要获取分组和值最相近的一组&#xff0c;只需计…

鸿鹄工程项目管理系统源码:Spring Boot带来的快速开发与部署体验

随着企业规模的不断扩大和业务的快速发展&#xff0c;传统的工程项目管理方式已经无法满足现代企业的需求。为了提高工程管理效率、减轻劳动强度、提高信息处理速度和准确性&#xff0c;企业需要借助先进的数字化技术进行转型。本文将介绍一款采用Spring CloudSpring BootMybat…

flask_restful结合蓝图使用

在蓝图中&#xff0c;如果使用 Flask_RESTful &#xff0c; 创建 Api 对象的时候&#xff0c;传入蓝图对象即可&#xff0c;不再是传入 app 对象 /user/__init__.py from flask.blueprints import Blueprintuser_bp Blueprint(user,__name__)from user import views /user…

【已解决】vue3+ts使用Element-Plus icon图标不显示|element plus 使用 icon 图标教程

文章目录 使用Element-Plus icon图标不显示的解决方案确保已正确安装和引入Element-Plus及其图标库&#xff1a;检查是否有命名冲突&#xff1a; element plus 使用 icon 图标教程1. 安装 Element Plus2. 引入 Element Plus 和图标全局引入按需引入 3. 在组件中使用图标4. 自定…

每日必学Linux命令:mv命令

mv命令是move的缩写&#xff0c;可以用来移动文件或者将文件改名&#xff08;move (rename) files&#xff09;&#xff0c;是Linux系统下常用的命令&#xff0c;经常用来备份文件或者目录。 一&#xff0e;命令格式&#xff1a; mv [选项] 源文件或目录 目标文件或目录二&am…

elasticsearch+kibana安装部分问题:

1.elasticsearch启动问题&#xff1a; 如果elasticsearch开启https登录则第一次启动的时候需要前台启动&#xff0c;前台启动的时候会自己创建相应的token等登录信息,如果是后台启动则没有这些登录信息&#xff1a; ./elasticsearch ━━━━━━━━━━━━━━━━━━━…

ESCTF-OSINT赛题WP

这你做不出来?check ESCTF{湖北大学_嘉会园食堂} 这个识图可以发现是 淡水渔人码头 但是 osint 你要发现所有信息 聊天记录说国外 同时 提示给了美国 你综合搜索 美国 渔人码头 在美国旧金山的渔人码头&#xff08;英语&#xff1a;Fisherman’s Wharf&#xff09;是一个著名旅…

程序员必看榜!码住这波实用平台

只要卷不死&#xff0c;就往死里卷&#xff01; 高中老师宣扬的励志鸡汤&#xff0c;仿佛走出了校园踏入社会仍然适用。 “出走半生&#xff0c;归来仍是少年。”emm....... 如今比麻花还卷的社会&#xff0c;学到老才能活到老啊~尤其咱们IT这么优胜劣汰的行业&#xff0c;自…

智能合约 之 ERC-721

ERC-721&#xff08;Non-Fungible Token&#xff0c;NFT&#xff09;标准 ERC-721是以太坊区块链上的一种代币标准&#xff0c;它定义了一种非同质化代币&#xff08;Non-Fungible Token&#xff0c;NFT&#xff09;的标准。NFT是一种加密数字资产&#xff0c;每个代币都具有独…