前端之常用单词汇总：16gtWEB前端开发常用英语单词和语句汇总

前端之常用单词汇总：16gtWEB前端开发常用英语单词和语句汇总

SERVER&HTTP

单词及含义

• DCL:Data Control Language 控制用户的权限
• CREATE 用于创建数据库对象，如库，表，视图等
• DROP 用于丢弃数据库对象，如库，表，视图等
• ALTER 用于修改数据库对象的定义
• TRUCATE 用于截断表中所有记录
• INSERT 向表中插入一行或多行记录
• DELETE 删除表中的记录
• UPDATE 修改表中的记录
• SELECT 查询表中的记录
• $_GET 保存着客户端GET请求提交的所有数据
• $_POST 保存着客户端POST提交的所有数据
• $_COOKIE 保存着客户端提交的所有Cookie数据
• $_REQUEST 包含了$_GET、$_POST、$_COOKIE中的数据
• $_FILES 保存着通过上传的文件数据
• scheme 方案，指定以哪种协议从服务器获取指定资源；方案名不区分大小写。
• host 主机名，资源所在服务器的IP地址或者域名（需要DNS转换为IP地址）
• port 端口号，每项服务在服务器上都对应一个监听端口号
• user 用户名，某些方案访问资源时都需要指定用户名，默认值为anonymouse
• pwd 密码，默认值为<e-mail>地址
• path 路径，服务器上资源的本地名称，有一个斜杠(/)将其与前面的URL组件分隔开
• params 参数，用来指定输入参数，每个参数都采用"名/值对"的形式，一个URL可以有多个参数，用(；)隔开
• query 查询字符串，查询字符串格式没有通用格式，用?与其他组件分开
• frag 片段，指资源中某一部分的名字。引用对象时不会将frag字段传送给服务器该字段在客户端内部使用，通过#与其他部分分隔。
• Request Message 客户端向服务器发送的请求消息
• Response Message 服务器端根据客户端的请求消息，返回给客户端的响应消息
• Multipurpose Inte-rnet Mail Extension 多用途互联网邮箱扩展

AJAX

• Asynchronous Javascript And XML 异步的JS和XML，简称AJAX
• XMLHttpRequest AJAX应用的核心对象，用于向服务器发起HTTP请求消息，并接收服务器返回的HTTP响应消息，解析响应消息内容，呈现在HTMLDOM树上。
• readyState XHR对象的常用属性。表示只读属性，用于描述XHR当前的状态
• responseText XHR对象的常用属性。表示响应主体主体(文本形式)
• responseType XHR对象的常用属性。表示响应消息类型
• responseXML XHR对象的常用属性。表示响应消息主体(xml形式)
• status XHR对象的常用属性。表示响应消息状态码，readyState变为2就可以有值
• statusText XHR对象的常用属性。原因短句，readyState变为2就可以有值
• UNSENT:0 readyState可取值之一，表请求尚未发送
• OPENED:1 readyState可取值之一，表连接被打开
• HEADERS_RECEIVED:2 readyState可取值之一，表开始接收响应消息头部(和起始行)
• LOADING:3 readyState可取值之一，表正在加载响应主体
• DONE:4 readyState可取值之一，表响应消息接收完成
• onreadystatechange XHR对象的常用事件 只要xhr.readyState值发生改变触发此事件
• extensible 可扩展的
• versioin 版本
• encoding 编码
• standalone 脱机
• notation 记号，标记
• text/html AJAX应用中，响应内容类型 表示HTML片段
• application/javascript AJAX应用中，响应内容类型 表示JS片段
• application/xml AJAX应用中，响应内容类型 表示XML片段
• application/json AJAX应用中，响应内容类型 表示JSON片段
• eval( xhr.responseText ); 客户端XHR对象接收到字符串型响应消息，必须调用eval()加以执行
• internationalization 国际化（i18n）
• Domain Name 域名。用于在数据传输时标识计算机的电子方位
• JSONP(JSON with Padding) JSON的一种使用模式，用于解决主流浏览器的跨域数据访问问题
• dataType 设置服务器端返回的数据类型
• jsonpCallback 为JSONP请求指定一个回调函数名
• jsonp 在一个JSONP中请求重写回调函数的名字

HTML5高级

• email 验证email的格式，判断当前字符串中是否包含"@"符号
• search 定义用于搜索的文本字段。
• url 验证网址的格式，判断当前字符串中是否包含"http://"
• number min max step 定义带有 spinner 控件的数字字段 min - 最小值 max - 最大值 step - 步长
• tel 定义用于电话号码的文本字段。
• range min max step value 定义数字字段。min - 最小值 max - 最大值 step - 步长 value - 当前值
• color 定义拾色器。
• date 定义日期字段
• datalist 标签定义选项列表。
• progress 进度条
• meter 刻度
• output 标签定义不同类型的输出
• placeholder 提供文本框的默认提示信息 用于替代原来的value属性
• autofocus 自动获取焦点
• multiple 允许输入多个值
• form 允许表单元素定义<form>元素外
• required 验证不为空
• pattern 匹配正则表达式
• min max 验证最小值和最大值
• minlength maxlength 验证最小长度和最大长度
• validity 通过该属性可以获取validityState对象，validityState对象提供了一系列的有效状态，有效状态帮助完成表单验证
• valid true - 表示验证通过 ；false - 表示验证不通过
• valueMissing 验证值是否为空 ；true - 表示值为空(错的)；false - 表示值不为空(对的) ， 配合required属性一起使用
• patternMismatch 验证是否匹配正则表达式 true - 表示不匹配 false - 表示匹配 配合pattern属性一起使用
• typeMismatch 验证元素类型是否匹配 true - 表示不匹配 false - 表示匹配 配合email、url、number等元素使用
• tooLong 验证元素值是否过长 true - 表示过长 false - 表示正常 匹配maxlength属性一起使用
• rangeUnderflow 验证元素值是否过小 true - 表示过小 false - 表示正常 配合min属性一起作用
• stepMismatch 验证步长是否匹配 true - 表示不匹配 false - 表示匹配 配合step属性一起使用
• customError 判断是否使用了setCustomValidity()方法 true - 表示使用了setCustomValidity() false - 表示没有使用 配合setCustomValidity()方法使用
• <video> HTML5视频标签
• autoplay 自动播放视频
• width 设置视频的宽度
• height 设置视频的高度
• style 设置CSS样式
• class 设置CSS样式
• controls 提供控制面板
• loop 循环播放
• poster 播放之前实现一张图片
• preload 预加载视频 none - 不预加载 auto - 默认值 尽快预加载
• play 视频播放时触发
• paused 视频暂停时触发
• ended 视频播放结束时触发
• error 视频播放错误时触发
• paused 如果视频为暂停或未播放时 返回true
• ended 如果视频播放完毕时 返回true
• duration 返回当前视频的时长
• currentTime 获取或设置视频的当前位置
• <audio> HTML5音频标签
• autoplay 自动播放音频
• controls 设置控制面板
• Canvas 画布
• fillStyle 设置填充样式
• strokeStyle 设置描边样式
• globalAlpha 设置透明度(0-1)
• font 字体
• textAlign 水平对齐 基准线的对齐方式 left center right
• textBaseline 垂直对齐 基准线的对齐方式 top middle bottom hanging - 悬挂基线 alphabetic - 字母基线
• shadowColor 设置阴影颜色
• shadowOffsetX 设置水平方向阴影
• shadowOffsetY 设置垂直方向阴影
• shadowBlur 设置阴影程度
• beginPath 开始要创建路径
• lineWidth 设置线的宽度 默认值为1px
• lineCap 设置线的端点形状 butt - 平直(默认) round - 圆形 square - 正方形
• lineJoin 设置线的交点形状 round：创建圆角 bevel：创建斜角 miter：默认，创建尖角
• miterLimit 配置lineJoin值为miter时使用
• SVG 是一种用来描述二维矢量图形的XML标记语言 译为可缩放矢量图形 简称矢量图
• width和height 设置SVG的区域(高度和宽度)
• style 设置CSS的属性
• fill 设置填充样式
• stroke 设置描边样式
• stroke-width 设置描边宽度
• fill stroke linewidth opacity 设置填充样式， 设置描边样式， 设置线条宽度，设置透明度
• cap 设置线条端点形状 默认为"round"
• join 设置线条交点形状 默认为"round"
• two.js 一个第三方二维绘图函数库
• three.js 一个第三方三维绘图函数库
• geolocation 用于确定浏览器所在的地理坐标
• longitude 经度
• latitude 纬度
• altitude 海拔高度
• speed 速度
• getCurrentPosition 获得当前浏览器所在定位数据
• watchPosition 使用定时器不停地获得定位数据
• clearWatch 清除监视定时器
• API 应用程序编程接口
• control 控件
• overlay 覆盖物
• ondragstart 刚开始被拖动
• ondrag 被拖动中
• target.ondragenter 源对象被拖动着进入目标对象
• target.ondragover 源对象被拖动在目标对象上方
• target.ondragleave 源对象被拖动着离开目标对象
• target.ondrop 源对象在目标对象上方释放
• file 表示一个文件
• fileList 表示一个文件集合
• fileReader 文件读取对象，用于读取文件中的内容
• fileWriter 文件写出对象，用于向文件中写出内容
• process 进程
• thred 线程
• sessionStorage 会话级存储
• localStorage 本地存储
• localStorage.setItem 保存一个数据
• localStorage.getItem 读取一个数据
• localStorage.clear 清除当前内存中的所有数据
• localStorage.removeItem 删除一个数据
• localStorage.length 数据的个数
• localStorage.key 获取第index的key
• worker 线程工作者

BOOTSTRAP

• viewport 视口
• minimum-scale 允许的最小缩放倍率
• maximum-scale 允许的最大缩放倍率
• user-scalable 是否允许用户手动缩放
• initial-scale 初始时的缩放倍率
• content-box 框模型
• screen 用于响应式
• print 用于打印机和打印预览
• speech 屏幕阅读器
• col-*-1，..col-*-12 栅格系统中的布局
• container-fluid 流式布局
• max-device-width 定义输出设备的屏幕最大可见宽度
• min-device-width 定义输出设备的屏幕最小可见宽度
• container 用于固定宽度并支持响应式布局的容器
• container-fluid 用于100%宽度，占据viewport的容器
• table-striped 条纹状表格
• table-bordered 带边框表格
• table-condensed 紧缩表格
• table-hover 鼠标悬停
• table-responsive 响应式表格
• btn-lg 大按钮
• btn-sm 小按钮
• btn-xs 最小按钮
• img-responsive 响应式图片
• img-rounded 圆角矩形
• img-thumbnail 带变宽
• img-circle 圆形
• dl-horizontal 水平排列
• text-left 左对齐
• text-right 右对齐
• text-justify 两端对齐，并且换行
• text-nowrap 两端对齐，但不换行
• text-lowercase 小写
• text-uppercase 大写
• text-capitalize 首字母大写
• text-muted 提示，使用浅灰色
• text-primary 首选项，使用蓝色
• text-success 成功，使用浅绿色
• text-info 信息，使用浅蓝色
• text-warning 警告，使用黄色
• text-danger 危险，使用褐色
• glyphicon 图标类
• bootstrap 一种响应式框架
• btn-default 按钮默认样式
• btn-info 按钮提醒，样式为浅蓝色
• btn-warning 按钮警告，样式为橙色
• btn-danger 按钮危险，样式为红色
• btn-primary 按钮首选项，样式为蓝色
• readyonly 禁止用户修改框中的内容
• disabled 只读，使其表现出禁用状态
• active 激活状态
• Glyphicon Halflings 图标字体
• vertical： 垂直的；
• feedback 反馈
• offset 便宜
• horizontal 水平的
• bar 酒吧
• thumbnail 缩略图
• item 项目
• pills 丸
• navbar 导航栏；
• collapse： 崩溃
• toggle 切换
• justified 正当的
• dropdown 下拉
• trigger 触发
• breadcrumb 面包屑
• pagination 分页
• pager 寻呼机
• label 标签
• badge 徽章
• jumbotron 超大屏幕
• well 好
• default 违约
• inverse： 逆
• viewport 视口
• container 容器
• group 组
• Reset 复位
• dismissible 无足轻重
• tooltip 工具提示
• popover 弹出
• dialog： 对话
• Accordion 手风琴
• Carousel 旋转木马
• affix 附上
• scroll 纸卷
• equiv 当量
• Compatible 兼容的
• refresh 刷新
• floppy 松软的
• caret 插入符号
• pagination 分页
• justified 正当的
• pill 丸
• stacked 堆叠；
• inverse 逆
• justify 证明正当
• dropdown 下拉
•