1+x中有html+css+js(前）

1+x中有html+css+js(前）

标签属性

title 表示鼠标悬停时出现的文字
align  设置文字垂直方向的位置
code   短语句标签
href   链接目标的意思
type  用来设置点击按钮
disabled  用来设置禁用  disabled=true 或disabled="disabled" 表示禁用               disabled=false 表示可以使用
readonly  设置表单为只读不能写
placeholder 设置提示文字

选择器

伪元素选择器   div::before{content:""}
结构伪类选择器  .container:nth-of-type(3){}
UI元素状态伪类选择器 :input{} :disabled{}  input:focus{}

css中属性

posiition  设置定位的属性 (relative、absolute、fixed)
display    设置更换属性 或是否是隐藏(block、inline、inline-block、hidden、            none)
css3
box-shadow  设置盒子阴影
text-shadow 设置文字阴影
transform:rotate(20deg) 旋转
transform:translate()  位移
transform:scale()    缩放
transition：总时长  形态  开始时间  过渡时间
animation  动画
border-radius  边框的圆角
box-sizing:content-box(改变大小)/border-box(大小不变)

a标签的伪类

a:link    未访问的链接
a:visited 已访问的链接
a:hover   当有鼠标悬停的连接上
a:active  被选择的链接

弹性盒子

flex-direction：column;  改变主轴方向
flex-wrap  换行
flex-flow  换行加改变主轴
justify-content:flex-start/flex-end/center/space-around/space-between ;主轴上的元素改变
align-items:stretch/center/....baseline;单行副轴改变
align-content:;多行副轴改变

javascript语言（行为）

javascript组成：ECMAScript+DOM+BOM

数组方法

push()/pop():追加/删除数组数据
unshift()/shift():在头部添加/删除数组数据
concat():链接数组
join():将数组转换为字符串
forEach():数组遍历
slice():从已有的数组中返回你选择的某段数组元素
splice():从数组中添加或删除元素，然后返回被删除的元素

字符串的方法

split():把字符串分割为数组
sort():排序
reverse():反转
toLowerCase():把字符串转换为小写
toUpperCase():把字符串转换为大写
indexOf():返回某个指定的字符串在字符串中出现的位置
charAt():返回指定下表位置的字符
charCodeAt():返回指定下标位置的字符的unicode编码
toString():转换为字符串
substr():返回从指定下标开始指定长度的子字符串
substring():提取字符串中介于两个指定下标之间的字符
replace():在字符串中用一些字符替换另一些字符，或替换一个正则表达式匹配的子串
trim():删除字符串前后的空格

正则表达式

$reg='/^\d{8}$/';
match()   是String对象的方法，参数是正则表达式，返回值是数组
test()  是regexp对象的方法，参数是字符串。返回值是boolean类型
replace() 返回一个由替换值替换一些或所有的匹配的模式后的新字符串。

面向对象

面向对象_百度百科 (baidu.com)

闭包

将函数包裹起来 避免污染环境 外部文件也能访问内部函数

将函数包裹起来

(function(){
var i=0;
window.show =function(){
return ++i;
}
})
(function(){
var i=0;
return function(){
return ++i;
}
})

IIFE

IIFE(Immediately Invoked Function Expression):立即执行函数表达式。

被调用对象的方法.call(当前对象，参数1.参数2.参数n)
apply同上
回调函数.bind(对象。。。。)

DOM操作

creatElement() 创建
appendChild()  添加
获取数据
document.getElementByTd()
document.getElementsByClassName()
document.getElementByTayClass()
document.body
document.forms
document.images
document.querySelector()
document.querySelectorAll()
获取/设置文本/值/属性
innerHTML
innerText
value
setAtrribute()是给html元素属性设置值
getAtrribute() 查询属性

事件和事件对象

事件

onload     如果在html设置属性样式用这            个属性
onunload    在用户退出页面时发生
onclick     鼠标单击事件
ondblclick  是双击事件
onmousedown 属性在鼠标按钮在元素上按下             时触发
onmouseup   鼠标弹起时触发
onmouseover 鼠标经过时触发
onmouseout  鼠标离开时触发
onmouseenter鼠标移到元素上触发
onmouseleave鼠标离开时触发
onmousemove 鼠标移动触发

键盘事件
onkeydown   某个键盘按键被松开时触发
onkeyup     某个键盘被按下时触发
onkeypress  某个键盘按下时触发 不识别             箭头

表单事件
onsubmit    提交事件
onblur      事件会在对象失去焦点时发生
onfocus     事件在对象获得焦点是发生
onchange    会在该范围内的内容发生改               变时发生事件
窗口事件
onresize     会在窗口或框架被调整大小              时发生
onscroll     元素滚动时执行

事件对象

获取元素
获取值/文本/键值
阻止默认形为
阻止冒泡
事件捕获

对象获得焦点是发生
onchange 会在该范围内的内容发生改 变时发生事件
窗口事件
onresize 会在窗口或框架被调整大小 时发生
onscroll 元素滚动时执行

#### 事件对象

获取元素
获取值/文本/键值
阻止默认形为
阻止冒泡
事件捕获

###