碰撞检测
h5 postmessage 参数
canvas 图片边缘模糊
express 路由原理
angularjs 双向绑定原理
canvas translate原点位置
抽奖算法
ajax模拟长连接
bootstrap网格实现原理
如何检测css属性是否支持
js实现摇一摇功能

HTML5中postmessage方法

面试中问到了跨域处理的方法：

  • jsonp,只能处理get请求
  • cors,需要服务器端配置
  • 代理页面。使用与接口方法相同域名的代理页面proxy.html进行请求。使用隐藏iframe的形式加载代理页面，通过postmessage方法将当前页面的数据发送到代理页面，代理页面接收到数据后进行处理
    面试官问到postmessage方法的参数类型、数据长度限制问题.
    未有明确定义

canvas 处理图片边缘模糊问题

未遇到、也未找到相关资料

express 路由原理

http://cnodejs.org/topic/545720506537f4d52c414d87

angularjs 双向绑定原理

http://www.nihaoshijie.com.cn/index.php/archives/306

canvas translate原点位置

默认左上角为0,0

抽奖算法

只说出一种简单的算法

ajax模拟长连接

不太明白。貌似使用ajax轮询，服务器端阻塞处理，而不是立即响应。
可了解comet

bootstrap网格实现原理

宽度百分比、float:left

如何检测css属性是否支持

@supports

1
2
3
4
@supports (display:flex) {
  section { display: flex }
  ...
}

上面这段代码的意思是：如果浏览器支持“display:flex”属性，那么在“section”元素上就运用“display:flex”样式。
参考：http://www.w3cplus.com/css3/css3-supports.html

本文地址： http://gehaiqing.com/2016/07/21/interview-exp-2/