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.mzph.cn/news/770115.shtml

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

相关文章

安卓转鸿蒙竟如此丝滑

随着鸿蒙的爆火,大家都想知道鸿蒙能不能搞? 相信大家搞开发的,都多多少少的了解过鸿蒙。近几个月鸿蒙的大动作也不少,如:重庆市近20个垂域应用与鸿蒙原生合作、深圳制定鸿蒙《行动计划》、阿里再次与鸿蒙展开合作&…

微信小程序开发技巧:canvas实现电子签名

在微信小程序中实现电子签名功能方式很多,本文采用canvas绘制的方式实现。具体实现步骤如下: 在页面中添加canvas元素 <view class"container"><canvas canvas-id"signCanvas" class"canvas" disable-scrolltrue touchstart"sta…

跨时钟域学习记录(一)

亚稳态 亚稳态是电平介于高低电平之间的一种暂时状态。在同步系统中&#xff0c;当寄存器的信号无法满足建立时间和保持时间时&#xff0c;输出端的信号就可能出现亚稳态。在异步系统中&#xff0c;亚稳态并非一定在建立时间和保持时间无法满足时出现。   受噪声、温度、电压…

【vue3.0】实现导出的PDF文件内容是红头文件格式

效果图: 编写文件里面的主要内容 <main><div id"report-box"><p>线索描述</p><p class"label"><span>线索发现时间:</span> <span>{{ detailInfoVal?.problem.createdDate }}</span></p><…

MyBatis3源码深度解析(二十一)动态SQL实现原理(二)动态SQL解析过程、#{}和${}的区别

文章目录 前言8.5 动态SQL解析过程8.5.1 SQL配置转换为SqlSource对象8.5.2 SqlSource转换为静态SQL语句 8.6 #{}和${}的区别8.7 小结 前言 在【MyBatis3源码深度解析(二十)动态SQL实现原理(一)动态SQL的核心组件】中研究了MyBatis动态SQL相关的组件&#xff0c;如SqlSource用于…

AAC相关知识

一、AAC音频格式种类有哪些 AAC音频格式是一种由MPEG-4标准定义的有损音频压缩格式。AAC包含两种封装格式 ADIF&#xff08;Audio Data Interchange Format音频数据交换格式&#xff09;和ADTS&#xff08;Audio Data transport Stream音频数据传输流&#xff09;。 ADIF 特点…

promethus的安装使用

1、# 软件下载地址 https://prometheus.io/download/ https://grafana.com/grafana/download https://prometheus.io/download/ Prometheus是一套开源的监控&报警&时间序列数据库的组合,起始是由SoundCloud公司开发的。 Prometheus 的优点 1、非常少的外部依赖,安装…

OceanBase4.2.2.1 单机集群在ArmX86安装(自测记录)

OceanBase OceanBase就不必多加介绍了&#xff0c;本次主要是分享对于它的安装使用&#xff0c;先说说背景&#xff0c;首先接触是因为信创国产化的要求&#xff0c;为满足支持国产化&#xff0c;安装了Arm架构下版本4.0.0&#xff0c;满足支持通过。后来项目实际使用&#xff…

由浅到深认识Java语言(20):包装类

该文章Github地址&#xff1a;https://github.com/AntonyCheng/java-notes 在此介绍一下作者开源的SpringBoot项目初始化模板&#xff08;Github仓库地址&#xff1a;https://github.com/AntonyCheng/spring-boot-init-template & CSDN文章地址&#xff1a;https://blog.c…

leetcode刷题日记-外观数组

题目描述 解题思路 初始化字符串 init 为 “1”&#xff0c;作为外观数列的第一项。 通过循环迭代生成外观数列的下一项&#xff0c;循环次数为 n-1&#xff0c;因为已经初始化了第一项。 在每次迭代中&#xff0c;通过两个指针 pos 和 start 来遍历当前项 init&#xff0c;po…

C++中的枚举类型

C中的enum&#xff08;枚举&#xff09;类型是一种用户定义的类型&#xff0c;用于表示一组整数值&#xff0c;每个值都有对应的名称&#xff0c;增强了代码的可读性和可维护性。 1. 基本枚举类型 基本的枚举类型定义了一组命名的整数常量。 enum Color {RED,GREEN,BLUE };C…

创业之路:探索如何在Facebook上创业成功

引言 在当今数字化时代&#xff0c;社交媒体已成为创业者们开展业务、建立品牌和推广产品的重要平台之一。作为全球最大的社交媒体平台之一&#xff0c;Facebook为创业者提供了丰富的机会和资源。本文将探讨如何在Facebook上创业成功的关键因素和实践方法&#xff0c;帮助创业…

第九届蓝桥杯大赛个人赛省赛(软件类)真题C 语言 A 组-第几个幸运数字

幸运数字是可以被3,5,7任一整除的数字&#xff0c;列举小明号码内的所有可能组合并计数。注意别忘了把1占的一位减去。 #include<stdio.h> typedef long long ll; int main(){long long ans 0, n 59084709587505LL;for(ll i 1; i < n; i * 3){//计算小于等于n的数…

计算机程序的编译和链接

c语言中的小小白-CSDN博客c语言中的小小白关注算法,c,c语言,贪心算法,链表,mysql,动态规划,后端,线性回归,数据结构,排序算法领域.https://blog.csdn.net/bhbcdxb123?spm1001.2014.3001.5343 给大家分享一句我很喜欢我话&#xff1a; 知不足而奋进&#xff0c;望远山而前行&am…

下载网页上的在线视频 网络视频 视频插件下载

只需要在浏览器上安装一个插件&#xff0c;就可以下载大部分的视频文件&#xff0c;几秒到一两个小时的视频&#xff0c;基本都不是问题。详细解决如下&#xff1a; 0、因为工作需要&#xff0c;需要获取某网站上的宣传视频&#xff0c;我像往常一样&#xff0c;查看视频的url…

Schemdraw小白从入门到放弃---原理工具书

文章目录 序版本最简单的例子一、总体思路二、元件2.1 color习题 2.2 label2.3 length 三、元件的连接3.1 延续性习题 3.2 方向习题 3.3 接线点习题3.3.1 默认激活anchor与沉默anchor3.3.2 切换鼠标焦点机制3.3.2.1 at函数规定元件的start接在哪个anchor上3.3.2.2 to函数规定元…

重磅!一起做个淘宝的简易布局!(超详细)

你好&#xff0c;我是云桃桃。 一个希望帮助更多朋友快速入门 WEB 前端程序媛。 因为之前的学习内容&#xff0c;今天&#xff0c;我们可以来综合运用一下标签和 CSS 样式&#xff0c;做一个简易的淘宝网页大体布局了&#xff0c;如图。 咱们今天要做成这样子&#xff01; 里面…

4.1 RK3399项目开发实录-案例开发之MIPI 摄像头开发(wulianjishu666)

嵌入式从零到项目开发全套例程资料 链接&#xff1a;https://pan.baidu.com/s/1ksCQN__jD8ZrJhw8sWzhwQ?pwdvvfz 3.2. MIPI 摄像头 带有 MIPI CSI 接口的 RK3399 板子都添加了双 MIPI 摄像头 OV13850 的支持&#xff0c;应用中也添加了摄像头的例子。下面介绍一下相关配置。…

蓝桥杯(2):python基础算法【上】

时间复杂度、枚举、模拟、递归、进制转换、前缀和、差分、离散化 1 时间复杂度 重要是看循环&#xff0c;一共运行了几次 1.1 简单代码看循环 #时间复杂度1 n int(input()) for i in range(1,n1):for j in range(0,i):pass ###时间复杂度&#xff1a;123....nn(1n)/2 所以…

2024 ccfcsp认证打卡 2023 09 02 坐标变换(其二)

202309-2 坐标变换&#xff08;其二&#xff09; 题解1题解2区别第一种算法&#xff08;使用ArrayList存储操作序列&#xff09;&#xff1a;数据结构&#xff1a;操作序列处理&#xff1a; 第二种算法&#xff08;使用两个数组存储累积结果&#xff09;&#xff1a;数据结构&a…