前端常见开发英语单词⼤全
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() repeat left center #00;
顺序:背景图⽚重复定位颜⾊
top/right/bottom/left/center ⽅向英⽂:上、右、下、左,中
color 颜⾊
font ⽂字
font-family 字体
font-size 字号
font-weight:normal 正常 :bold 加粗
font-style: normal;取消倾斜 :italic;斜体
font:italic bold 24px/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 溢出隐藏
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.9 0.8.。。。。) 0透明filter:alpha(opacity:0-100)
input{outline:none} 取消焦点
<form action="链接" method="">
post 相对安全 gat 不安全
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(左)left center right valign 上下对齐⽅式 top center bottom cellspacing="0" 清除外⾯的边距
cellpadding="0" 清楚⾥⾯的边距
<table cellspacing="0" cellpadding="0">
<thead><tr><th>表头</th></tr></thead>
<tbody><tr><td>表⾝</td></tr></tbody>
<tfoot><tr><td>表低</td></tr></tfoot>
</table>
frameborder="0" 取消边框
screlling="no" 取消滚动条
iframe src
<frameset>
<frame />
</frameset>
letter-spacing:具体数值字母间距
word-spacing:数值单词间距
overflow:auto 溢出滚动
visibility:hidden 隐藏
charset 字符集
utf-8 国际编码
gb2312/gbk 中国编码
author 作者
copyright 版权
copyright 版权
keywords 关键词
description 介绍
js
@media screen and (max-width:900px){}; 屏幕⾃适应媒体屏幕最⼤
push :添加⼀个数组元素
document :⽂档
pop :删除最后⼀个数组元素
console :控制台
shift :删除第⼀个数组元素
string :字符串
Concat 组合数组
undefined :未定义
typeof :关键字
join:数组转化为指定分隔符
slice:返回指定数组
length:数组长度
css固定定位
Array:数组
number:数字
boolean:布尔
alert:提⽰框
parseInt:转化为整型数值
continue:继续
is NaN:⾮数字
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():关闭当前窗⼝
Date:⽇期对象
getFullYear():年份
getMonth():⽉份(0--11)
getDate():⼏号
getDay():星期⼏(周⼀⾄周六)
getHours():⼩时(0--23)
getMinites():分钟
getSeconds():秒数(0--59)getMilliseconds():毫秒数
getTime():从1970⾄今的毫秒数
getTime():从1970⾄今的毫秒数w():从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:
onlick 当点击的时候
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 布尔值 true false
undefined 未定义
parseInt 整数
parseFloat 浮点数/⼩数
Number 数字
hide 隐藏
show 显⽰
skin ⽪肤
code 代码
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 时间
get 获取
set 设置
Fullyear 满年
month ⽉(从0⽉开始)
day ⽇获取需要 date
week 星期获取需要day (从0到6)
hours ⼩时
minutes 分钟
seconds 秒
single ⼀个/⼀倍
dubble 两个/两倍
triple 三个/三倍
arguments 函数传参-实参的集合
arguments.length 函数传参-实参的长度
arr.push()向数组最后添加⼀项
arr.unshift() 向数组前⾯添加⼀项
arr.pop()删除数组最后⼀位.
arr.shift()删除数组第⼀位
arr.splice(开始的位置,删除的个数,添加的东西1。。。)
arr.join('') 变字符串是中间的隔开东西如- ,空格等等。。。
arr.sort() 数组排序按照字符串⽐⼤⼩的⽅法来排序
arr.sort(function(a1,a2){ return a1-a2 //从⼩到⼤ return a2-a1 //从⼤到⼩ }) a1 a2随便起代表的是数组中随机的某两项
str.charAt() 字符串⾥⾯的下标
str.indexOf(‘’) 下字符串对应的下标数(相同的就取第⼀个)
str.lastIndexOf(‘’)下字符串对应的下标数(相同的就取最后⼀个)
str.substring (开始位置,结束位置)/(开始位置-不写结束位置默认就从开始位置到最后)截取⼦串
str.split(切割的⽅式 '-' '' '空格'等) 切割变成数组
str.charCodeAt('a') 输⼊字符查对应的编码
String.fromCharCode(编码) 输⼊编码查对应的字符
json.name=value; 添加
delete json.name 删除
token 括号
try catch(e) 异常

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。