前端单词汇总

css类单词

style 修饰
width 宽度
height 高度
title 想说明的
text-align 水平对齐方式
center 居中 left 居左 right 居右
line-height 垂直对齐方式/行高 当行高等于高度时候垂直居中
background 背景
background-size:contain；背景图片等比例缩放
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 驴哈
 
vertical-align: middle；文本与图片的对齐方式
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.9 0.8.。。。。） 0透明
filter：alpha（opacity：0-100）
overflow：auto 溢出滚动
overflow-y:auto;盒子内部滚动y轴，根据内容都是出现
visibility：hidden 隐藏
background-size 背景尺寸
capitalize 首字母大写
uppercase 变大写字母
lowercase 变小写字母

form表单类单词

form表单中 submit 提交 reset 重置
<form action="链接" method="">
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" 密码

 js部分单词

键盘鼠标事件

onlick 当点击的时候
onmouseover 鼠标移入
onmouseout 鼠标移出
onmousemove 鼠标移动事件
onfocus 当获取焦点的时候 foucs()
onblur：失去焦点事件
onkeydown：键盘按下事件（前）
onkeypress：键盘按下事件（后）
onload：当页面加载完成之后触发
onerror 当图片加载失败时
onchange;内容改变事件
onkeydown;键盘按下事件（前）
onkeyup;键盘松开事件
onkeypress;键盘按下事件（后）
onmouseout：鼠标移出事件
onmouseover：鼠标移入事件
onselect：内容被选中事件
ondblclick：鼠标双击事件
onfocus：获得焦点事件
onkeyup：键盘松开事件


数据方法

arr.push（） 向数组最后添加一项
arr.unshift() 向数组前面添加一项
arr.pop（）删除数组最后一位.
arr.shift（） 删除数组第一位
arr.splice(开始的位置，删除的个数，添加的东西1。。。)
arr.join('') 变字符串 是中间的隔开东西 如- ，空格 等等。。。
arr.concat(arr1,arr2,arr..要拼接的数组...); 数组拼接/合并数组
arr.reverse() 反转/颠倒数组
arr.sort() 数组排序 按照字符串比大小的方法来排序
arr.sort(function(a1,a2){ return a1-a2 //从小到大 return a2-a1 //从大到小 }) a1 a2随便起 

字符串方法

str.charAt() 字符串里面的下标
str.indexOf(‘’) 下字符串对应的下标数（相同的就取第一个）
str.lastIndexOf（‘’）下字符串对应的下标数（相同的就取最后一个）
str.substring (开始位置，结束位置)/（开始位置-不写结束位置默认就从开始位置到最后） 截取子串
str.toUpperCase() 大写字母
str.toLowerCase() 小写字母
str.split(切割的方式 '-' '' '空格'等) 切割变成数组
str.charCodeAt('a') 输入字符查找对应的编码

内置数学函数

math.random() 求随机数
parseInt（math.random()（m-n）+n） 求n-m之间随机的整数， 前包括后不包括
math.abs() 求绝对值
math.max(，，，) 求最大值
math.min(，，，) 求最小值
math.pow(n,m) 求n的m次方
math.sqrt(a) 开方
math.PI π
math.ceil(12.3) 向上取整 13
math.floor(12.3) 向下取整 12
math.round(a) 四舍五入

dom和bom部分

dom

元素.children 找到所有子节点(返回一个伪数组)
元素.parentNode 找到父节点
元素.nextElementSibling 找下一个同一级节点(找弟弟)
元素.previousElementSibling 找哥哥
创建元素：
document.createElement('标签名') 创建元素
添加插入到最后面
父元素.appendChild(谁) 往元素里面最后添加一个
插入到中间或者最前面
父元素.insertBefore(把谁，加在谁的前面) 往元素里面添加一个
删除元素
父元素.removeChild(子级) 删除子级
元素.getAttribute('属性名') 获取属性名对应的属性值
元素.setAttribute('属性名','属性值') 设置属性

bom部分

window.open() 打开
window.close() 关闭
a标签：target=""
不填 默认新页面打开
_blank 新页面打开
_self 本页面打开
window.location 地址栏信息
window.location.href 链接信息
window.location.search 数据信息
window.location.hash 锚点信息
window.location.procotol 协议信息
window.location.hostname 域名信息
window.location.port 端口号信息
window.location.pathname 路径信息
window.onload 页面加载完毕后执行（代码、资源）
back 返回
forward 向前
history 历史
window.history.back 返回历史记录 退
window.history.forward 返回历史记录 前
alert（） 弹
confirm 询问提示框
prompt 问答提示框
console.log（） 在F12中显示;
JSON.parse() 可以把json变成字符串
JSON.stringify() json打印出来的方法
encodeURIComponent('中文') 中文转化成编码
decodeURIComponent('编码') 编码转化成中文

prototype 原型

xxx instanceOf xxx 检测一个对象属于某个类
fn.call(this的指向，参数一，参数二，....) 改变this的指向 fn中的this=
fn.apply(this的指向，[参数一，参数二，....]) 改变this的指向 fn中的this=
规范的存取
localStorage.setItem(name,value)
localStorage.getItem(name)
localStorage.removeItem(name)
sessionStorage 临时存储 和localStorage一样用法