汇总 02
移动端适配
各机型字体基准值
media query 机型 改变基准值
js 改变基准值
rem
移动端实现真正的1px
等宽三列
移动端懒加载组件设计
移动端实现 dialog 垂直居中
webpack常用插件
有没有开发过 gulp/grunt的插件
跨域解决
react 生命周期
- 实例化
- getDefaultProps
- getInitialState
- componentWillMount render之前调用 业务逻辑 state的操作
- 存在期
- componentWillReceiveProps
- shouldComponentUpdate
- componentWillUpdate
- render // 渲染返回一个虚拟dom
- componentDidMount // render之后 会使用render生成的虚拟Dom创建真实的Dom
- componentDidUpdate
- 销毁 清理
- componentWillUnmount
promise
实现一个函数 一个参数 一个返回值
1 =》 1
2 =》 6
3 =》 7
4 =》13
phoneGap 调摄像头
jquery api
div 为基准
prev()
next()
append()
prepend()
数组排序
react vue mvvm实现原理
虚拟DOM
类型判断
typeof(null) => object
typeof(Object) = function
"5"+4 = 54
void(0) = undefined
NaN*4 = NaN
Boolean('') = false
Boolean(' ') = true
Boolean('false') = true
Number('100px') = NaN
parseInt('100px') = 100
请写出javascript的数据类型有哪几种
基本数据类型：Undefined、Null、Boolean、Number、String
引用数据类型：Object
![]()
元素的alt 和title 有什么异同
alt 替换文字 必要属性
title 鼠标放上去的 非必要属性
.box 宽度为 100% 其中 column 1 的宽度为 200px; columu2和column3的宽度相等，请使用css3中的功能实现他们的布局
<div class="box">
<div class="item">column 1</div>
<div class="item">column 2</div>
<div class="item">column 3</div>
</div>
// flex 兼容写法 TODO
.box{
display： flex；
.item:first{
200px;
}
.item::(nth-child>2){
flex:1;
}
}
列举几种IE和FF脚本兼容性问题
(1) window.event：
表示当前的事件对象，IE有这个对象，FF没有，FF通过给事件处理函数传递事件对象
firefox 下的 event.target
IE 下的 event.srcElement
obj(obj = event.srcElement ? event.srcElement : event.target;)
(2) 获取事件源
IE用srcElement获取事件源，而FF用target获取事件源
(3) 添加，去除事件
IE：element.attachEvent(“onclick”, function) element.detachEvent(“onclick”, function)
FF：element.addEventListener(“click”, function, true) element.removeEventListener(“click”, function, true)
(4) 获取标签的自定义属性
IE：div1.value或div1[“value”]
FF：可用div1.getAttribute(“value”)
(5) document.getElementByName()和document.all[name]
IE；document.getElementByName()和document.all[name]均不能获取div元素
FF：可以
(6) input.type的属性
IE：input.type只读
FF：input.type可读写
(7) innerText textContent outerHTML
IE：支持innerText, outerHTML
FF：支持textContent
(8) 是否可用id代替HTML元素
IE：可以用id来代替HTML元素
FF：不可以