1. 行内标签和块标签
行内标签:span br I a 块级标签:div h系列 p li
2. 阻止冒泡
标准:e.stopPropagation() IE: e.cancelBubble = true
3. 阻止默认事件
标准:e.preventDefault() IE: e.returenValue = false
4. 哪些数组方法改变原数组,哪些不改变原数组
改变原数组的方法:
shift:将一个元素删除,并返回删除元素,删除第一项
unshift:在原数组的最前端依次添加,并且返回新数组的长度
pop:将一个元素删除,并返回删除元素,删除最后一项
push:在原数组的最后端依次添加,并且返回新数组的长度
splice:三个参数,第一个代表开始的下标,第二个代表要删除的个数,第三个代表要替代的东西 返回被删除的数组
reverse:反转数组的顺序
sort:对数组进行依次排序
fill: 使用固定值充值数组
不改变原数组的方法:
concat:拼接,连接多个数组
slice:提取,返回被提取的字符串
join:将数组所有元素以参数作为分隔符放入一个字符
map: 返回新数组
filter: 把某些元素过滤掉,返回剩下的元素
some: 用于监测数组中的元素是否满足指定条件
every: 用于监测数组中的元素是否都满足指定条件
forEach: 遍历数组
reduce: 函数累加器
entries: 获取包含数组每个索引的键和值对的新Array
find: 获取数组中满足符合条件的元素
5.Label标签的作用
为input元素定义标注,当用户点击label标签内的文本时,会将焦点转到和标签相关的表单控件上。
6. 如何关闭表单项自动完成功能
autocomplete设置为false
7. 浏览器内核有哪些
IE:Trident Firefox:Gecko 苹果、Chome:Webkit
8. 哪些css属性可以被继承,哪些不可以被继承
可继承的属性:
(1) 字体系列属性
font:组合字体
font-family:规定元素的字体系列
font-weight:设置字体的粗细
font-size:设置字体的大小
font-style:设置字体的风格
font-variant:偏大或偏小的字体
(2) 文本系列属性
text-indent:文本缩进
text-align:文本水平对齐
line-height: 行高
word-spacing:增加或减少单词的空白
letter-spacing:增加或减少字符间的空白
text-transform:控制字体大小写
direction:规定文本的书写方向
color:文本颜色
(3) 元素可见性
visibility
(4) 表格布局属性
caption-side定位表格标题位置
border-collapse:合并表格边框
border-spacing:设置相邻单元格的边框间的距离
empty-cells:单元格边框的出现与消失
table-layout:表格的宽度由什么决定
(5) 列表布局属性
list-style-type:文字前面的小点样式
list-style-position:文字前面小点位置
list-style:以上的属性可以通过这属性集合
(6) 引用
quotes设置嵌套引用的引用类型
(7) 光标属性
cursor:箭头可以改变成需要的形状
不可继承的属性:
(1) display
(2) 文本属性
vertical-align:垂直文本对齐
text-decoration:规定添加到文本的装饰
text-shadow:文本阴影效果
white-space:空白符的效果
(3)盒子模型
(4)背景属性
(5)定位属性
9. css权重
!important>内联样式>ID>类、伪类、属性>标签、伪元素>通配符、子选择器、相邻选择器
10爱恨原则 LVHA
a:link a:visited a:hover a:active
11. 箭头函数和普通函数的区别
箭头函数是匿名函数,不能作为构造函数使用,不能使用new
箭头函数不绑定arguments,取而代之用rest参数解决
箭头函数不绑定this,会捕捉其所在上下文的this
箭头函数通过apply() call()时候,只能传入一个参数,对this没有影响
箭头函数没有原型属性
12. let const var的区别
let不能重复声明,但var可以
let可以产生块级作用域,且只在自己的作用域内生效,但var不受限制
let 不存在变量提升
13. html5 css3新特性
html5新特性:
语义标签、增强性表单、音频和视频、canvas、svg绘图、地理定位、拖放API、web worker、web storge、websocket
css3新特性:
(1) 边框
边框圆角、边框阴影、边框图片
(2) 背景
background-size background-orageground-origin background-clip
(3) css3文本效果
text-shadow、text-wrap
(4) css3字体
(5) 2D转换
(6) 3D转换
(7) flex布局