汇总02

汇总 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{
        width: 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：不能够

写一段正则表达式验证字符串匹配邮箱格式

请分别写出你知道的 html5 和css3的新特性

分别写一个闭包和继承的例子

20170407 汇总

with() 公司禁用吗

js 几种加载方式 形成的性能问题

• 页面内
• document.write /document.create ('script') 同步异步

js 设置 defer sync 的区别

继承原型链 原型

scope局部变量性能提高 闭包 做用域

一个网页输入发生了什么？后端发生了什么？

new Array() 发生了什么？ 实现一个 new ..

数组去重

如何是 block 呈现为 inline-block

面向对象特性 封装继承多态

写一个继承

css 隐藏 的几种方式 区别

span img 设置为何会有间隙 什么致使的

ie盒模型 ff盒模型 区别

inline-block 怎么去除空隙

两个div 的margin 是怎么计算的

垂直居中实现几种方式

写一个布局 左侧 10px 右侧10% 中间撑满

em rem的区别