汇总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的区别

posted on 2017-04-09 17:45  小木板  阅读(161)  评论(0编辑  收藏  举报

导航