Web前端单词大全（html+css+js+vue）.docx

Web前端单词大全（html+css+js+vue）.docx

《Web前端单词大全（html+css+js+vue）.docx》由会员分享，可在线阅读，更多相关《Web前端单词大全（html+css+js+vue）.docx（12页珍藏版）》请在冰豆网上搜索。

Web前端单词⼤全（html+css+js+vue）

style修饰width宽度height⾼度title想说明的

text-align⽔平对齐⽅式

center居中left居左right居右

line-height垂直对齐⽅式/⾏⾼当⾏⾼等于⾼度时候垂直居中

background背景

image引⼊背景图⽚（url）

background-position：

背景定位（x轴，y轴；）background-repeat背景平铺

:

no-repeat;不平铺repeat-x;⽔平平铺repeat-y;垂直平铺background：

url（）repeatleftcenter#00;

顺序：

背景图⽚重复定位颜⾊

top/right/bottom/left/center⽅向英⽂：

上、右、下、左，中

color颜⾊

font⽂字

font-family字体

font-size字号

font-weight：

normal正常:

bold加粗font-style:

normal;取消倾斜:

italic;斜体font:

italicbold24px/24px'楷体';

顺序：

是否斜体是否粗体字体⼤⼩/⾏⾼字体

⽂本修饰属性：

text-decoration：

overline顶划线underline下划线

line-through中划线/删除线

none⽆/取消下划线

display转化显⽰模式元素转化

block块

inline⾏内

inline-block⾏内块

省略号

white-space:

nowrap强制不换⾏

overflow:

hidden溢出隐藏

text-overflow：

ellipsis省略号

font-family：

‘微软雅⿊’让省略号在下⾯必须给宽度

伪类

a:

link设置未访问时候的颜⾊点击后变成a的正常颜⾊

a:

visited设置访问过后颜⾊a:

hover当⿏标放上去会变颜⾊a:

active⿏标点击变颜⾊

顺序lvha驴哈

auto⾃动居中margin外边距margin-top上外边距

margin-right右外边距margin-bottom下外边距margin-left左外边距padding内边距

padding-top上内边距padding-right右内边距padding-bottom下内边距padding-left左内边距

float浮动：

left|right|none左|右|不浮动cursor:

pointer⼩⼿的代码。

。

clear：

left|right|both清除浮动

overflow：

hidden溢出隐藏

index⾸页

base⾥⾯写清除默认样式的

text-indent：

em⾸⾏缩进（LOGO名字）以后logo必须⽤H1引背景图⽚⾥⾯写上字position：

relative|absolute|fixed定位relative相对定位

absolute绝对定位

fixed固定定位Left/top/right/bottom定位的偏移量z-index改变标签z轴堆叠顺序

opacity透明代码1不透明（0.90.8.。

。

。

。

）0透明filter：

alpha（opacity：

0-100）

input{outline:

none}取消焦点

post相对安全get不安全

input表单单标签type="text"账号/⽂本type="password"密码type="submit"提交

type="button"只是⼀个点击按钮

type="radio"单选框label双标签选项内容type="checkbox"复选框label双标签选项内容value="提⽰如请输⼊密码"

placeholder="也是提⽰"

select

option选项栏

textarea下拉框resize：

none禁⽌任意拖放name="user"账号name="password"密码

table{border-collapse:

collapse;}让border合并

tr加

colspan="3"横向合并

rowspan="3"纵向合并

align左右对齐⽅式middle（左）leftcenterrightvalign上下对齐⽅式topcenterbottomcellspacing="0"清除外⾯的边距

cellpadding="0"清楚⾥⾯的边距

表头

表⾝

表低

frameborder="0"取消边框screlling="no"取消滚动条iframesrc

letter-spacing：

具体数值字母间距word-spacing：

数值单词间距overflow：

auto溢出滚动visibility：

hidden隐藏

charset字符集

utf-8国际编码gb2312/gbk中国编码author作者

copyright版权keywords关键词description介绍

js

@mediascreenand（max-width:

900px）{};屏幕⾃适应媒体屏幕最⼤

push:

添加⼀个数组元素document：

⽂档

pop：

删除最后⼀个数组元素

console：

控制台

shift：

删除第⼀个数组元素

string：

字符串Concat组合数组undefined：

未定义typeof：

关键字

join：

数组转化为指定分隔符slice：

返回指定数组length：

数组长度

Array：

数组number：

数字boolean：

布尔alert：

提⽰框

parseInt：

转化为整型数值continue：

继续

isNaN：

⾮数字sort：

升序break：

截断跳出reverse：

倒序object：

对象类型

parseFloat：

转化为浮点值index：

索引

floor：

向下取整variable：

变量ceil：

向上取整round:

四舍五⼊abs：

返回绝对值

eval：

解析字符串并运算max：

⽐较最⼤值return：

返回

min：

⽐较最⼩值addEventListener：

事件名函数to.fixed：

保留⼩数点attachEvant：

（on）事件名random：

随机数

eletment：

元素eventName：

事件名function：

函数

removeEventListener：

事件解除detachEvent：

删除已注册事件open（）：

弹出⼀个新窗⼝function：

函数（⽅法）showModalDialog：

弹出⼀个模式窗⼝close（）：

关闭当前窗⼝

newDate（）：

⽇期对象getFullYear（）：

年份getMonth（）：

⽉份（0--11）getDate（）：

⼏号

getDay（）：

星期⼏（周⼀⾄周六）getHours（）：

⼩时（0--23）getMinites（）：

分钟getSeconds（）：

秒数（0--59）getMilliseconds（）：

毫秒数

getTime（）：

从1970⾄今的毫秒数Date.now（）：

从1970⾄今的毫秒值tolocaleDatestring（）：

输出本地化的⽇期setTimeout：

延迟时间tolocaleTimestring（）：

输出本地化得时间clearTimeout：

定时器对象

tolocalestring：

输出本地化的⽇期和时间setInterval：

间隔时间

clearInterval：

停⽌window.status：

浏览器状态栏信息window.screen：

屏幕信息screen.width：

屏幕宽度screen.height：

屏幕⾼度screen.availwidth：

去掉任务栏宽度screen.avaiheight：

去掉任务栏⾼度history：

浏览历史记录

location：

地址栏对象

navigator：

⽤于获取⽤户浏览器信息appCodeName：

浏览器代码名的字符串表⽰appName：

返回浏览器的名称

appVersion：

返回浏览器的平台和版本信息platform：

返回运⾏浏览器的操作系统平台userAgent：

返回由客户机发送服务器的user-agent：

头部的值

Exception：

异常意外情况（try---catch）

获取元素对象⽅式:

getElementByld：

getElementsByName：

gatElementsByTagName：

getElementByClassName：

onclick当点击的时候onmouseover⿏标移⼊onmouseout⿏标移出onblur：

失去焦点事件

onkeydown：

键盘按下事件（前）

onkeypress：

键盘按下事件（后）onload：

当页⾯加载完成之后触发onchange;内容改变事件onkeydown;键盘按下事件（前）onkeyup;键盘松开事件onkeypress;键盘按下事件（后）onmouseout：

⿏标移出事件onmouseover：

⿏标移⼊事件onselect：

内容被选中事件ondblclick：

⿏标双击事件onfocus：

获得焦点事件onkeyup：

键盘松开事件

复选框操作checked=""

checked默认选中

false不选中

true选中

typeof查看数据类型

object对象number数字string字符串function函数

boolean布尔值truefalseundefined未定义parseInt整数

parseFloat浮点数/⼩数

Number数字

hide隐藏

show显⽰

skin⽪肤code代码even事件array数组integer整数veruant变量common公⽤switch

case情况

break中断整个循环

continue跳出本次循环

default不履⾏/所有情况都不满⾜的时候⾛这个

null没有/空对象

computed计算后/⽣效的

eval（JS可以读懂的代码：

如‘1+1’->字符串）这个代码会把（）⾥⾯的字符串换成计算机读懂的代码来计算+-*%都⾏（计算⽤的）

return返回write输⼊find查找

interval间隔

setInterval（函数名，1000/）间隔定时器

clearInterval清除间隔定时器

Timeout超时

setTimeout延迟定时器clearTimeout清除延迟定时器obj.disabled让按钮/变成不可使⽤true不可⽤

false可⽤date时