Web前端常⽤词汇⼤全html中的单词
Network ['netwɜːk] ⽹络
General ['dʒen(ə)r(ə)l] ⼀般的，⼤体的
Request [rɪ'kwest] 请求
Response [rɪ'spɒns] 响应
Headers ['hedəz] 标题
HyperText ['haɪpətekst] 超⽂本
Transfer [træns'fɝ] 传递
Protocol ['prəʊtəkɒl] 协议
HyperText Transfer Protocol http：超⽂本传输协议
document ['dɒkjʊm(ə)nt] ⽂件
title ['taɪt(ə)l] 标题
type [taɪp] 类型
doctype: ⽂档类型
meta ['metə] 变化
body ['bɒdɪ] ⾝体
notepad ['nəʊtpæd] 笔记本；记事⼿册
heading ['hedɪŋ] 标题
h标签
paragraph ['pærəgrɑːf] 段落
p标签：
line [laɪn] ⾏，排
break [breɪk] 打破
line break 换⾏
Horizontal [hɒrɪ'zɒnt(ə)l] ⽔平的
Horizontal Line ⽔平线
image ['ɪmɪdʒ] 图⽚
img标签
anchor ['æŋkə] 锚
a标签超级链接
target ['tɑːgɪt] ⽬标
background ['bækgraʊnd] 背景
unordered [ʌn'ɔːdəd] ⽆序的
lists [lɪst] 列表
item ['aɪtəm] 项⽬
list item 列表项⽬
li标签
unordered lists ⽆序列表
ordered ['ɔːdəd] 有序的
ordered lists 有序列表
definition [defɪ'nɪʃ(ə)n] 定义
definition lists ⾃定义列表
Term [tɜːm] 术语
Definition Term 定义术语
description [dɪ'skrɪpʃ(ə)n] 类型
dd标签
form [fɔːm] 表单
text [tekst] ⽂本
password ['pɑːswɜːd] 密码
table ['teɪb(ə)l] 表格
row [rəʊ] 排
table row ==》tr ⼀⾏
data 数据
cell [sel] 细胞
table data cell ==> td 表格中的⼀个单元格
table header cell==》 th 表格中的表头
width -->宽度
heigh -->⾼度
rowspan -->所跨⾏数
colspan -->所跨列数
css中的单词
Cascading [kæ'skeɪdɪŋ] 层叠
style [staɪl] 式样
Sheets [ʃit] 单
css Cascading Style Sheets 层叠样式表
size [saɪz] ⼤⼩
color ['kʌlɚ] 颜⾊
content ['kɑntɛnt]内容（英 [kən'tent]满⾜的）description [dɪ'skrɪpʃ(ə)n] 描述
element ['elɪm(ə)nt] 元素
font [fɒnt] 字体
font-size 字体⼤⼩
color 字体颜⾊
display [dɪ'spleɪ] 显⽰
block [blɒk] 块
inline ['ɪn,laɪn] ⾏内的
inline-block ⾏内块级元素
indent [ɪn'dent] 缩进
text-indent ⾸⾏缩进
weight [weɪt] 重量
font-weight 字体加粗
bold [bəʊld] 加粗的，⿊体的
line-height ⾏⾼
letter 字母
letter-spacing 字符间距
word [wɜːd] 单词
break [breɪk] 打破
word-break 让长句英⽂⾃动换⾏
white ⽩⾊的
type [taɪp] 类型
link 连接
background-image 背景图⽚
repeat 重复
background-repeat 背景是否平铺
position [pə'zɪʃ(ə)n] 位置
link
visited 访问过的
hover 盘旋，悬停
active ['æktɪv] 激活
padding ['pædɪŋ] 填料（填充物）
top [tɒp] 顶部
right [raɪt] 右边
bottom ['bɒtəm] 底部
left [left] 左边
border 边框
border-color 边框颜⾊
border-style 边框样式
border-width 边框宽度
margin ['mɑːdʒɪn] 边缘外边距
margin：0 auto 让盒⼦居中显⽰
collapse [kə'læps] 倒塌
border-collapse 合并相邻边框
outline ['aʊtlaɪn] 轮廓
outline-style 外边线样式
resize [riː'saɪz] 调整⼤⼩
resize:none; 不允许拖动⽂本域
overflow [əʊvə'fləʊ] 溢出
overflow:hidden 溢出的部分隐藏
float 浮动
*{margin:0; padding:0;} 清除浏览器默认的边距Cursor ['kɜːsə] 光标
pointer ['pɒɪntə] 指针
Cursor:pointer 让⿏标变成⼩⼿
position [pə'zɪʃ(ə)n] 位置
absolute ['æbsəluːt] 绝对的
relative ['relətɪv] 相对的
index ['ɪndeks] 指数
z-index: 1 叠放次序
----------------------------------------------------------------------js中的单词
java ['dʒɑ:və] (⽤于因特⽹的)Java 语⾔；⽖哇岛（位于印尼）
script [skrɪpt] 脚本
javascript ['dʒɑ:və,skrɪpt] 基于对象和事件驱动的客户端脚本语⾔
variable ['veərɪəb(ə)l] 变量
console [kən'səʊl] 控制台
log [lɒg] 记录
alert [ə'lɜːt] 警报
prompt [prɒm(p)t] 提⽰
number ['nʌmbə] 数字
string [strɪŋ] 线
boolean ['bʊlɪən] 布尔
null [nʌl] 空
undefined [ʌndɪ'faɪnd] 未定义
Math [mæθ] 数学
round [raʊnd] 绕⾏
在JS中Math⾸字母⼤写,Math是JS的⼀个⾃带对象，可以试着⽤[]的形式调⽤⼀下Math中的⼀些常见⽅法，也是可⾏的ceiling ['siːlɪŋ] 天花板
floor [flɔː] 地板
Math.floor(); 向下取整
absolute ['æbsəluːt] 绝对的
Math.abs（）；取绝对值
maxima ['mæksəmə] 最⼤数
Math.max(); 取最⼤值
minimum ['mɪnɪməm] 最⼩值
Math.min (); 最⼩值
random ['rændəm] 随机的
Math.random(); 得到⼀个⼩于0⼩于1的随机数
parse [pɑrs] 解析
parseInt（）解析成整数
integer ['intidʒə] 整数
parseFloat () 解析成浮点数
false [fɔːls] 错误的
true [truː] 真实的
if [ɪf] 如果 else [els] 其他
while [waɪl] 当……的时候
break [breɪk] 中断
continue [kən'tɪnjuː] 继续
switch [swɪtʃ] 转换
debug [diː'bʌg] 调试
case [keɪs] 情况
array [ə'reɪ] 数组
length [leŋθ] 长度
function ['fʌŋ(k)ʃ(ə)n] 函数
return [rɪ'tɜːn] 返回值
arguments ['ɑːgjʊm(ə)nts] 伪数组
object ['ɒbdʒɪkt] 对象
delete [dɪ'liːt] 删除
Instanceof ['ɪnst(ə)ns] 判断数组
String.call() 精确判断数据类型
['prəʊtətaɪp]
constructor [kənˈstrʌktə(r)] 构造函数
push [pʊʃ] 推进
pop [pɒp] 删除最后⼀项，返回删除项
shift [ʃɪft] 删除第⼀项，返回删除项
unshift [ʌn'ʃɪft] 将这些元素插⼊到⼀个数组的开始部分
reverse [rɪ'vɜːs] 翻转
sort [sɔːt] 将...排序
concat ['con:cat] 把参数拼接到当前数组
slice() [slaɪs] 从当前数组中截取⼀个新的数组，不影响原来的数组，参数start从0开始,end从1开始
splice() [splas] 删除或替换当前数组的某些项⽬，参数start, deleteCount, options(要替换的项⽬)
indexOf() [ɪndeks] 检索此字符出现的索引，如果没有，则返回-1
lastIndexOf() 从后往前检索此字符出现的索引，如果没有，则返回-1
position标签属性filter() ['fɪltə] 过滤
charAt() [tʃɑː] 获取指定位置处字符
charCodeAt() 获取指定位置处字符的ASCII码
trim() [trɪm] 去除字符串两侧的空⽩
to(Locale)UpperCase() 转换⼤写
[ləʊ'kɑːl] ['ʌpə'keɪs]
to(Locale)LowerCase() 转换⼩写
[,ləʊə'keɪs]
join() [dʒɒɪn] 分隔
split() [splɪt] 分割
API中的单词
API（Application Programming Interface）
[æplɪ'keɪʃ(ə)n] ['prəʊɡræmɪŋ] ['ɪntəfeɪs] 应⽤程序编程接⼝document ['dɒkjʊm(ə)nt] ⽂件，⽂档
Element ['elɪm(ə)nt] 元素
getElementById() 通过Id获取元素getElementsByTagName() 通过标签名获取元素getElementsByName() 通过Name获取元素getElementsByClassName() 通过ClassName获取元素querySelector() ['kwɪərɪ] [sɪ'lektə] 通过选择器查询第⼀个元素querySelectorAll() 通过选择器查询所有元素
获取标签中的内容的三种⽅式
innerHTML [ɪnə] 内部HTML
innerText [ɪnə] [tekst] 内部⽂本
textContent [tekst] [kən'tent] ⽂本内容
getAttribute() [ə'trɪbjuːt] 获取标签⾏内属性
setAttribute() [ə'trɪbjuːt] 设置标签⾏内属性
removeAttribute() [ə'trɪbjuːt] 移除标签⾏内属性
document.write() ['dɒkjʊm(ə)nt] [raɪt] ⽂档打印输出ateElement() ['dɒkjʊm(ə)nt] [kriː'eɪt] ⽂档创建元素appendChild() [ə'pend] [tʃaɪld] 附加⼦元素
insertBefore() [ɪn'sɜːt][bɪ'fɔː] 在之前插⼊
removeChild() [rɪ'muːv][tʃaɪld] 移除⼦元素
replaceChild() [rɪ'pleɪs][tʃaɪld] 置换⼦元素
parentNode ['peər(ə)nt][nəud] ⽗节点
childNodes [tʃaɪld][nəuds] ⼦节点
children ['tʃɪldrən] ⼦元素
nextSibling/previousSibling 之后的节点/之前的节点
['sɪblɪŋ] ['priːvɪəs]
nextElementSibling/previousElementSibling 之后的元素/之前的元素firstChild/lastChild ⾸⼦节点/末⼦节点
[fɜːst] [tʃaɪld] [lɑːst][tʃaɪld]
Contented [kən'tentɪd] 满⾜的；⼼安的
onmouseenter（不会冒泡）= onmouseover（会冒泡）⿏标移⼊onmouseleave（不会冒泡）= onmouseout（会冒泡）⿏标移出onmouseup ⿏标按键放开时触发
onmousedown ⿏标按键按下触发
onmousemove ⿏标移动触发
onkeyup 键盘按键按下触发
onkeydown 键盘按键抬起触发
onclick ['ɒnklɪk] ⿏标单击事件
onfocus [ɒn'fəʊkəs] 获取焦点
onblur ['ɒn blɜː] 失去焦点
classList.add（）给标签添加的样式属性
addEventListener() 事件监听(Ie9+)
attachEvent() [ə'tætʃ] 事件监听(⽼版本Ie）removeEventListener() 移除事件监听(Ie9+)
detachEvent() [dɪ'tætʃ] 移除事件监听(⽼版本Ie)
e.clientX ['klaɪənt] ⿏标相对于可视区域的横向位置
e.clientY ⿏标相对于可视区域的纵向位置
e.pageX ⿏标相对于当前页⾯的横向位置
e.pageY ⿏标相对于当前页⾯的纵向位置
cloneNode [kləʊn] 克隆节点
return false 取消默认⾏为
preventDefault() 取消默认⾏为（DOM标准⽅法）
[prɪ'vent] [dɪ'fɔːlt]
Propagation [,prɒpə'ɡeɪʃən] 传播
stopPropagation() 停⽌事件传播取消冒泡
cancelBubble 取消冒泡（⾮标准的⽅式⽼版本Ie）
['kæns(ə)l] ['bʌb(ə)l]
setTimeout() 设置单次定时器
clearTimeout() 清除单次定时器
setInterval() ['ɪntəv(ə)l] 设置定时器
clearInterval() 清除定时器
offset ['ɒfset] 偏移
scroll [skrəʊl] 卷曲
confirm [kən'fɜːm] 确认取值为true or false
onload ['ɔnlod] 加载
onunload [ɔn'ʌnlod] 页⾯加载完成后
location [lə(ʊ)'keɪʃ(ə)n] 位置
host [həʊst] 主机
port [pɔːt] 端⼝
path [pɑːθ] 路径
query ['kwɪərɪ] 查询
fragment ['frægm(ə)nt] 信息⽚断
history ['hɪst(ə)rɪ] 历史
navigator [nævɪgeɪtə] 通过userAgent可以判断⽤户浏览器的类型
cursor ['kɜːsə] 光标
cursor: move 被悬浮的物体可被移动
cursor: pointer ['pɒɪntə] 让⿏标变成⼩⼿
opacity [ə(ʊ)'pæsɪtɪ] 规定不透明度。从 0.0 （完全透明）到 1.0（完全不透明）
JS⾼级中的单词
User Interface ⽤户界⾯，我们所看到的浏览器
Browser engine 浏览器引擎，⽤来查询和操作渲染引擎
['braʊzə] ['endʒɪn]
Rendering engine ['rend(ə)rɪŋ] ⽤来显⽰请求的内容，负责解析HTML、CSS，并把解析的内容显⽰出来Networking ⽹络，负责发送⽹络请求
JavaScript Interpreter(解析者) [ɪn'tɜːprɪtə] JavaScript解析器，负责执⾏JavaScript的代码
UI Backend ['bæk,ɛnd] UI后端，⽤来绘制类似组合框和弹出窗⼝
Data Persistence(持久化) [pə'sɪst(ə)ns] 数据持久化，数据存储 cookie、HTML5中的sessionStorage sessionStorage 本地存储/全局对象/会话存储
Object Oriented Programming ⾯向对象编程
['ɒbdʒɪkt]['ɔːrɪentɪd]['prəʊɡræmɪŋ]
constructor [kənˈstrʌktə(r)] 构造函数
prototype ['prəʊtətaɪp] 原型
bind [baɪnd] 绑定，装订，结合
keycode [kiːkəʊd] 键码
json (JavaScript Object Notiation)
基于JavaScript语⾔的轻量级的数据交换格式
extend [ɪk'stend] 延伸；扩⼤；伸展
triangle ['traɪæŋg(ə)l] 三⾓形
ellipse [ɪ'lɪps] 椭圆形
uniform ['juːnɪfɔːm] 统⼀的；⼀致的；相同的
scale [skeɪl] 规模
closure ['kləʊʒə] 闭包
factorial [fæk'tɔːrɪəl] 阶乘
JQ中的单词
:add [æd] 增加
:event [ɪ'vent] 事件
:empty ['em(p)tɪ] 成为空的
:remove [rɪ'muːv] 移动
:prepend [pri:'pend] 预先考虑
:prop [prɒp] ⽀撑；维持
toggle ['tɒg(ə)l] 开关，切换
fadeIn [feɪdɪn] 平淡的进⼊
fadeOut [feɪdaʊt] 平淡的出去
fadeToggle [feɪd'tɒg(ə)1] 淡⼊淡出
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论