web前端英语

前端英语

html5

8.19

1.缩写词

1. visual studio code**(vs code)** :可视化工作时代码编译器
2. Intergrated Development Environment**(IDE)**:集成开发环境
3. Hyper Text transfer protocol**（http）**:超文本传输协议
4. Hyper Text Markup Language**（html）**：超文本标记语言
5. Document Type Definition**(DTD)**:文档类型声明
6. The Word Wide Web Consortium**(W3C)**:万维网联合会
7. Serch Engine Optimization**（SEO）**：搜索引擎优化
8. Block Formatting Context**（BFC）**:块级格式化上下文

2.单词

headline：标题，在html中用h做简写标签

paragraph：段落，在html中用p做简写标签

division:分配，在html中用div做简写标签

background-color：背景颜色，设置模块的背景颜色

header：页头，通常在div中的class中定义的属性值，表示页面的头部

logo：网页图标，也是在div中的class中定义的属性值。

nav：导航栏，也是div中的class定义的属性值。

banner：横幅，也是div中的class定义的属性值，如页面中的滚动栏

content：内容区域，也是div总的class定义的属性值。

footer：页脚，也是div中的class定义的属性值。

8.20

unordered list：无序列表，在html用ul简写

ordered list：有序列表，在html中用ol简写

definition list：定义列表，在html用dl简写

list item：列表项，在html中用li简写

reversed：翻转，在html为列表中的属性，只需要写属性，不需要写属性值

data term：数据项，就是数据的名字

data definition：数据定义，数据的说明

image：图片，在html缩写为img标签

source:来源，在html中缩写为src作为源属性

alternate：替代品，在html中缩写为alt作为替代属性

width：宽度，在html用来设置宽度

heigth：高度，在html中用来设置高度

anchor：锚点，在html中用来设置超链接的标签，在html用a简写

hypertext reference：超文本引用，在a标签中的属性，在html中用href缩写

target：目标，用来设置超链接的访问形式

blank：空白

mailto：属性值，发送邮件

audio：音频

video：视频

controls：控件，在html中设置视频和音频的播放控件是否显示

autoplay:自动播放，在html中设置视频和音频自动播放

loop：循环，设置视频和音频循环播放

8.21

section：部分

article：文章

aside：不重要的

nav：导航栏

header：头部

main：主要的

footer：脚步

mark：标记，在html中作为标签可以给文字做标记

strong：强壮，将html文本中部分文字强调

em：标签，给部分文字加斜体

underline：下划线，在html中用u简写，表示为文字添加下划线

bold：粗体，在html中用b简写，表示为文字加粗

incline：倾斜，在html中用i简写，表示文字倾斜

italic：斜体，用在样式设置上

figure：图，作为标签，主要用于使图片成为个体

figcaption：图标题，与figure同时使用，作为figure的子标签，给图设置标题

span：跨度，一段文字可以用span分为好几个区域，各区域样式可以不同

form：表单

action：事件

method：方法

type：类型

value：默认值，也可能是向服务器提交的值

placeholder：文本框提示信息

disabled：锁死

checked：默认选中

lable：绑定

checkbox：复选框

password：密码框

select：选择，下拉框标签

option：选项，下拉框中显示的选项标签

textarea：文本区域，多行文本标签

rows：行数

cols：列数

button：按钮

reset：重置

submit：提交

color：颜色

date、time：日期时间

email：邮件

file：文件

number：数字输入

range：拖拽条

search：搜索

url：网址输入

list：列表，在input中的文本标签中使用

datalist:数据列表

table：表格

table row：表格行标签，是table的子标签，在html中有tr表示

table data：表格数据标签，是table row的子标签，在html中用户td表示

table head：标题小格标签，写在table标签的第一个tr标签中，在html中用th表示

border：边框属性，设置边框的宽度，没有该属性表格将不显示边框

caption：表格标题标签，放在table标签的第一行

colspan：列跨度，表示该单元格在表格中占多少列

rowspan：行跨度，表示该单元格在表格中跨多少行

thead：表头标签

tbody：表体

tfoot：表脚

cellpadding：字体到单元格间距

cellspacing：单元格间距

8.22

link：连接标签

relcation：关系，属性

stylesheet：样式表

css3

8.22

缩写字

cascading style sheet**（css）**：层叠式样式表

style：样式标签

样式属性

font-size：字体大小，单位为px

list-style：none：列表样式没有，功能是去掉无序列表的前缀

text-decoration：none：文本装饰没有，功能是去掉超链接的下划线

font-style：italic：字体样式斜体，功能是将字体设为斜体

font-weight: bold：字体重量加粗，使字体加粗

选择器

标签名：标签选择器

#：id选择器

. :类选择器

复合选择器

.box .spec:后代选择器

li.spec:交集选择器

ul,ol:并集选择器

序号选择器

：first-child：第一个子元素

：last-child:最后一个子元素

：nth-child（3）：第3个子元素

：nth-of-type(3):第三个某类型子元素

：nth-last-child（3）：倒数第三个子元素

：nth-last-of-type（3）：倒数第三个子元素

元素关系选择器

a>b:子类选择器，a的子类中是b的标签

a+b:邻近兄弟选择器，a兄弟级的邻近的标签，如果挨着的不是b标签，此选择器不会生效

a~b:通用兄弟选择器，a下边的所有同级的b标签，注意是下边

属性选择器

• alt：所有有alt属性的

• =：等于

• ^=:以什么为开头

• $=:以什么为结尾

• *=：包含什么

• ~=:包含由空格隔开的什么

• 丨=：包含什么-的

伪类选择器

：link：未访问的超链接，设置未访问的链接样式

:visted:访问过的超链接，设置访问过的超链接样式

:hover:鼠标悬浮的超链接，设置悬浮的超链接样式

:active:正在点击还未松手的超链接，设置正在点击还未松手的超链接样式

css新增伪类选择器

：empty：筛选为空的标签

：focus：筛选为焦点的标签

：enabled：筛选生效的标签

：disabled：筛选失效的标签

：checked：筛选选中的标签

：root：同html标签

伪元素选择器

：：before：在匹配的标签内容前边加内容

：：after：在匹配标签内容后边加的内容

：：selection：用户鼠标选中的元素，就是用鼠标圈起来的元素

：：first-letter：元素块中第一行第一个字。

：：first-line：元素块中第一行全部文字。

！important：权重提升属性值

8.23

browser：浏览器

power：爆炸

hKaTeX parse error: Expected '}', got 'EOF' at end of input: *6{标题}:快捷生成标题集，$符号就是占位符，这是生成1到6的标题

rgb：red green blue ，用来表示颜色的

rgba：red green blue alpha，前三个表示颜色，alpha表示字体透明度，0表示全透明，1表示不透明

bolder：更粗

lighter：更细

italic：倾斜

normal：正常的

oblique：倾斜

none：没有

underline：下划线

line-through：删除线

decoration：装饰

indent:缩进

line-height：行高

text-align：文本对齐

8.24

margin：外边距

padding：内边距

top：顶部

right：右边

bottom：底部

left：左边

align：对齐

preformatted：预定义格式

iframe：内联框架

8.25

属性

display：展示

opacity：不透明

visibility：能见度

box-sizing：盒子大小

border：边框

radius：半径

border-radius：边框半径

属性值

inline：行内

block：块儿

inline-block：行内块儿

none：没有

hidden：隐藏

solid：实线

dashed：虚线

groove：3d凹槽

double：双线

border-box：边框盒子

content-box：内容盒子

8.26

属性：

float：浮动

overflow：溢出

position：位置、定位

relative：相对的

absolute：绝对的

fixed：固定的

cursor：光标

pointer：指针，小手状

outline：外围线

8.27

cellpadding：字体到单元格间距

cellspacing：单元格的间距

cell：细胞

border-collapse：合并边框

collapse：合并

table-layout：布局

flex：弯曲

8.28

dotted:点状线

transparent：隐藏

inherited：继承

required：必填

focus:焦点

shadow：阴影

8.29

repeat：重复

contain：包含

cover：覆盖

clip：裁剪

origin：起源

attachment：附属

scroll：滚动

local：本地的

linear：线性

gradient：渐变

radial：放射状，径向

deg：度数

8.30

transform：变型

rotate：旋转

scale：缩放

skew：斜切

translate：位移，翻译

register：注册

vertical:垂直

baseline：基准线

visible：可见的

clearfix：清除浮动

origin:原点

perspective：立体强度

8.31

transition：过渡

property：属性

duration：持续时间

function：功能，函数，曲线

delay：延迟，推迟

linear：匀速，线性的

9.1

preserve：维持，保护

keyframes：关键帧

animation：动画定义

infinited：无限的

alternate：交替，替代

forwards：向前的，固定在最终状态

9.7

appliance：电器

navigation：导航

collcation：搭配

accessories：配件

surrounding：周边

javaScript

js错误

Uncaught SyntaxError: Invalid or unexpected token:未捕获的语法错误，无效或错误的标记

Uncaught ReferenceError:慕课网 is not defined：未捕获的引用错误，慕课网没有被定义

9.9

alert：提醒，警告

console：控制台

log：输出

9.10

• uncaught：未被捕获的

• syntaxError：语法错误

• invalid：无效的，不合法的

• unexpected：错误的

• token：标记，符号

• referenceError：引用错误

• defined：定义

• eval：执行

9.11

gray：灰色

cart：购物车

slideBar：侧边栏

9.12

NaN:not a number;非有效数字，但是一个number类型的值

Infinity：无穷大

charAt：指定位置的字符

subString：子串

subStr：子串

slice：切片，用来切取子串的

toUpperCase：将字符串转为大写

toLowerCase：将字符串转为小写

indexOf：位置所在，检索字符串首次出现的位置

parseInt：转整型

parseFloat：转浮点型

Document.write:文档写入

pow：幂次方

sqrt：开根号

ceil：天花板，向上取整

flooer：地板，向下取整

9.13

prompt：弹出输入框

steps：分步完成动画

vw：view width，视图宽度

vh: view height, 视图高度

iteration：重复

direction：交替

play-state：播放状态

paused：暂停

running：运行

9.14

device pixel ratio：设备像素比例

device-width：设备宽度

viewport：视口

initial:初始

media:媒体

screen：屏幕

9.15

direction：方向

• horizontal：水平
• vertical：垂直

effect：效果，影响

9.16

break：放弃所有迭代

continue：放弃本次迭代

iterator：迭代器

algorithm:算法

9.17

flex：弹性

flex-decoration:主轴方向

flex-warp：主轴换行

flex-flow：复合

row：水平

column：垂直

reverse：反转

justify-content：主轴排列

align-items：侧轴方向，针对行内项目

align-content：侧轴方向，针对所有项目，且只有多行项目时才生效

flex-start：开始对齐

flex-end：结束对齐

center：居中对齐

space-between：空间之间

space-around：空间环绕

space-evenly：空间均匀

stertch：拉伸

order：次序

flex-grow：生长

flex-shrink：收缩

flex-basis：主轴大小

9.18

push：尾部插入

unshift：头部插入

pop：尾部弹出

shift：头部弹出

splice：拼接

letter:字母

text-overflow：文本溢出

ellipisis：省略号

nowarp：不换行

filter：滤器，滤镜

9.19

variable：变量

function：功能

9.20

onclick：点击

onmouseover：鼠标滑过

element：元素

documentelement：文档元素

average：平均分

const ：常量

arguments: 实参列表，类数组对象

factorial：阶乘

9.21

confirm:确认框

NaN：非有效数字

maspaint：打开画图工具

closure：闭包

9.22

immediately：立即

Invoked：执行

function：函数

Expression：表达式

9.23

onkeypress:按键摁下，不包括系统按键

onkeydown：按键摁下，包括系统按键

onchange：表单域内容修改

onfocus：元素获取焦点

onblur：元素失去焦点

onsubmit：表单提交

onreset:表单重置

oninput：元素正在输入

onload：页面加载完成之后

onunload:用户退出页面时

cloneNode:克隆节点

capturing：捕获

bublling：冒泡

phase：阶段

event：事件

Listener：监听器

client：客户端，浏览器

page：网页页面

offset：事件源元素

prevent:阻止

Default：默认

onmousewheel：滚轮事件

deltaY：鼠标滚轮方向

preventDefault：阻止事件默认动作

propagation：事件传播

stopPropagation：停止事件传播

currentTarget：当前目标

setInterval：设置定时器

clearInterval：清除定时器

setTimeout:设置延时器

clearTimeout：清除延时器

asynchronous：异步

callback：回调函数

9.24

arguments.callee：调用函数本身

arguments.callee.caller：调用函数执行的主体

9.25

eval：执行

previous：前一个

next：后一个

Sibling：兄弟

unique：去重

navigator：导航栏、指南针

appName：浏览器名称

appversion:浏览器版本

userAgent：浏览器的用户代理

platform：用户的操作系统

location：地址

9.26

sort：排序

setAttribute：设置属性

getAttribute：获取属性

replace：替换

Infinity:无穷大

9.28

comment：注释

9.30

object：对象

oriented：面向

object-oriented：面向对象，简称oo

based：基本

object-based：基于对象语言，简称op

prototype：原型

constructor：构造器，指回函数

proto_:实例的原型

10.6

is a kind of：是一种

init：初始化

10.7

parse：转换

regular expression：正则表达式

10.8

execute：执行

carousel：轮播图

10.11

change directory:变换路径，简写cd

Desktop:桌面文件

mkdir：创建文件夹

touch：创建文件

remote：远程

origin：原点

remote add origin：远程连接源点

push：推上

pull：拉下

branch：分支

checkout：切换，选择

merge：合并

init:初始化

10.12

Temporary:暂时性

dead：死亡

zone：区域

Temporary dead zone：暂时性死区

scope：范围

Execution Context Stack：（ECStack） 执行环境栈

Execution Context ：（EC）执行环境（执行上下文）

Global Object:(GO)全局对象

Variable Object：（VO） 变量对象

Activation Object ：（AO）活动对象 （函数的叫做AO，理解为VO的一个分支）

Scope：作用域，创建函数的时候就赋予的

Scope Chain ：作用域链

10.13

Declare：声明

initialization:初始化

assignment：赋值

10.16

instanceof：属于

hasOwnProperty：有私有的属性

ES6

10.17

iterator:迭代器

entries：条目，键+值

padStart：从头补齐

padEnd：从末尾补齐

trim：使整齐，头尾去空格

trimStart：头部去空格

trimEnd：尾部去空格

10.18

assign：分配、合并

10.19

promise：承诺

pending：未完成

resolve：执行中

fullfilled（resolved）：已完成

reject：拒绝

rejected：拒绝了

race：竞赛

reson:原因

10.20

XML(Extensible Markup Language)：可扩展标记语言

XMLHttpRequest：XHR，可扩展超文本传输请求

extensible：可扩展

get：获取

post：寄

onreadystatechange：状态值改变时

readyState：状态值

status：状态码

responseText：响应文本

10.21

extra small： 特小

slider:幻灯片

export：导出

import:导入

export default：导出默认的

compiler：编译器

babel：js代码的一种编译器

command：（cmd）命令提示符

10.22

model：模块

module：模块系统

Application Programming Interface：API 应用程序接口

10.24

boudle:打包

module boudler：模块打包器

webpack：网络包裹

Node Package Manager(npm):node包管理器

command-line interface（cli）:命令行接口

HtmlWebpackPlugin：html打包插件

chunks:引入

template：模板

Comments：注释

Whitespace：空格

AttributeQuotes：属性双引号

npm install --save-dev +插件名：安装插件

10.25

memory cache：内存缓存

disk cache：硬盘缓存

getBoundingClientRect():获取绑定元素距离视窗的位置

10.26

Cookie：小甜饼，又称小型文本文件

encodeURIComponent:编码URI组件（编码）

decodeURIComponent：解码URI组件（解码）

domain：领域

secure：安全标志

expires：有效期

max-age：最大年龄

getComputedStyle：获取计算样式

currentStyle：当前样式

IntersectionObserver：交叉口观察员

observe：观察

10.27

localStorage：本地存储

Storage：存储，仓库

declare：声明

defined：定义

anonymous:匿名的

10.28

Asynchronous：异步

AJax：Asynchronous JavaScript and XML：异步Js和XML

JSON：JavaScript Object Notation：js对象表示法

CORS:跨域资源共享

abort：终止

axios:封装ajax的第三方插件，用法查看API

fetch：取来，一个代替ajax的新函数

10.29

exec：捕获

match:匹配，可匹配正则

search:查询，可匹配正则

split：分割,可匹配正则

replace：替换,可匹配正则

i:(ignoreCase)忽略大小写

m:(multiline)多行匹配

g:(global)全局匹配

10.30

toggle：切换

10.31

render：渲染

11.1

requestAnimationFrame:请求动画帧

cancelAnimationFrame:取消动画帧

document.createDocumentFragment()：创建文档碎片盒子

11.2

webAPI:监听队列

event Queue：等待队列

event loop:事件循环

ecstack：执行环境栈

Graphical User Interface:(GUI)图形化用户界面

Graphics Processing Unit:(GPU)图形处理器

layout：布局

painting：绘制

CRP：关键渲染路径

11.3

async:异步

sync：同步

intersectionObserver：交叉观察者

mutationObserver：变异观察者

queuemicrotask：队列微任务

requestAnimationFrame:请求动画帧

MessageChannel：消息通道

11.5

critical render path：(CRP)关键渲染路径

移动端

11.3

Hybrid App:混合式开发

physical pixel：物理像素

device pixel：(dp)设备像素

logical pixel:逻辑像素

device independent pixel：设备独立像素，也就是逻辑像素

device pixel ratio:(dpr):设备像素比

pixels per inch:(ppi)每英寸像素数

dots per inch:(dpi)每英寸点数

11.8

responsive:响应式

hybrid：混合、杂种

mixins：混合

11.10

delegate：代表、委托

http

11.15

Uniform Resource Identifier(URI):统一资源标识符

Uniform Resource Locator (URL):统一资源定位符

Uniform Resource Name(URN)：统一资源名称

Domain Name Server（DNS）：域名服务器

Transfer Control Protocol(TCP):传输控制协议

User Data Protocol(UDP):用户数据协议

Hyper text transfer Protocol（HTTP）：超文本传输协议

Critical render path(CRP):关键渲染路径

encodeURI：全部URI编码

decodeURI:全部URI解码

encodeURIComponent：部分URI编码

decodeURIComponent：部分URI解码

expires：到期

cache-control：缓存控制

last-modified:最后修改时间

etag：电子标签

if-Modefined-since:如果已经修改了

If-Node-Match：如果节点更新了

Memory Cache：内存缓存

Disk Cache：硬盘缓存

11.16

synchronized：同步

tcp标志位：

synchronous(SYN)：建立联机

acknowledgement（ACK）:确认

push(PSH)：传送

finish(FIN)：结束

reset(RST)：重置

urgent(URG)：紧急

Sequeue number（seq）:顺序号码

Acknowledgement number(ack)：确认号码

Corporate Data Network(CDN)：合作数据网络

11.7

gzip：文件压缩技术

11.8

Continue(100):继续

Switching Protocols(101)：切换协议

OK(200)：请求成功

created(201):已创建

Accepted(202):已接收

Non-Autuoritative Information(203):非授权信息。

No Content(204):无内容，服务器成功处理，但返回的meta没有内容

Reset Content(205):重置内容，用户应清空表单或刷新页面

Partial Content(206)：部分内容，服务器成功处理了部分内容

Multiple Choices(300)：多种选择，返回资源列表供用户选择

Moved Permanently(301):永久移除，原地址已永久移除并自动跳转到新地址，以后再访问应该用新地址访问。

Found(302):临时移动，与301相似，但只是临时移动，用户仍可用原地址

See Other(303):查看其它地址，与301类似，使用GET和POST请求查看

not Modified(304):未修改，所请求的资源未修改，不返回任何资源，直接用缓存就行

use Proxy(305):使用代理，所请求的资源必须通过代理访问

unused(306):无用，已经被废弃

Temporary redirect(307)：临时重定向，与302相似，使用GET请求重定向

Bad Request(400):客户端请求语法错误，服务端无法理解

Unauthorized(401):需要用户身份验证

payment Required(402):保留，将来会用

Forbidden(403):服务器理解请求，但拒绝响应

not Found(404):服务器无法根据url找到相应资源

Method Not Allowed(405):客户端请求中的方法被禁

Not Acceptable(406)：服务器端无法根据客户端请求的内容完成请求

Proxy Authentication Required(407):请求要求代理身份验证

Request Time-out(408)：服务器等待客户端发送的请求时间太长，超时了

Conflict(409):服务器处理请求时发生了冲突

Gone(410):客户端请求的资源已经不存在了。

Length Required(411):服务器无法响应不带Content-Length的请求信息

Precodition Failed(412):客户端请求信息(先决条件错误)

Request Entity Too Lage(413):请求的实体过大，服务器拒绝处理

Unsupported Media Type(415):服务器无法处理请求附带的媒体格式

Requested range not satisfiable(416):客户端请求范围失效

Expectation Failed(417):服务端无法满足Expect的请求头信息

Internal Server Error(500):服务器内部错误，无法完成请求

Not Implemented(501):服务器不支持请求的功能，无法完成请求

Bad Gateway(502):代理服务器执行请求，从响应端返回了一个无效响应

Service Unavailable(503):超载和系统维护，服务器暂时不处理请求

Gateway Time-out(504)：充当网关或代理的服务器，未及时作出响应

Http Bersion not supported（505）:服务器不支持请求的Http协议版本，无法完成处理

11.9

multipart：多部分

text:文本

application:应用

image：图片

urlencoded：url编码

plain：简单的

expect：预期

11.20

primitive：元始值

11.22

interceptors:拦截器

Access-Control-Allow-Origin:访问控制允许源

Access-Control-Allow-Cridentials:访问控制允许凭据

Cridentials：凭据

11.24

validate:验证

11.29

公有：

hasOwnProperty：有自己的私有属性

toString:判断数据类型

isPrototypeOf:是原型

valueOf：转为原始值类型

propertyIsEnumerable：属性是可枚举的吗

私有：

assign：合并

create：创建

is()：判断两个值是否相等

defineProperty：定义属性

descriptor：描述

getOwnPropertyDescriptor:获取指定私有属性的描述

getOwnPropertyDescriptors:获取所有私有属性的描述

getOwnPropertyNames：获取对象的所有私有属性名(可遍历与不可遍历都有)

getOwnPropertySymbols：获取私有唯一类型的私有属性名

keys：获取对象的所有私有属性名(只获取可遍历的，唯一类型不能获取)

values：获取对象中的所有私有属性值(只获取可遍历的，唯一类型不能获取)

entries：将对象中可枚举的私有属性转为的二维数组

fromEntries：将二维数组转为对象

freeze:冻结