在过去的一年很多人不满于公司没有福利、人际关系不好相处、没有发展前途的境遇等等，想着在开年来换一份工作来重新开始自己，那么 你 准备好了吗？
下面是本人整理的一份面试材料，本想自己用的，但是新年第一天 公司突然给了我个惊喜，涨工资了！！！
1、 viewport
延伸 提问
怎样处理 移动端 1px 被 渲染成 2px 问题
2、跨域的几种方式
首先了解下浏览器的同源策略
同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。
那么怎样解决跨域问题的呢？
3、 渲染优化
4、事件的各个阶段
5、let var const
6、箭头函数
语法比函数表达式更短，并且不绑定自己的this，arguments，super或 new.target。这些函数表达式最适合用于非方法函数，并且它们不能用作构造函数。
分享之后我还是要推荐下我自己的前端学习群：657137906，不管你是小白还是大牛，小编我都挺欢迎，不定期分享干货，包括我自己整理的一份2017最新的前端资料和零基础入门教程，送给大家，欢迎初学和进阶中的小伙伴。
7、快速的让一个数组乱序
此处解释：（语言组织能力不足，请勿吐槽）
首先： 当return 的值 小于 0 ，那么 a 会被排列到 b 之前； 等于 0 ， a 和 b 的相对位置不变； 大于 0 ， b 会被排列到 a 之前；这里你会 发现起始 的时候数组是正序排列，每当进行一次排列的时候， 都会先随机一个随机数（注意这里的每一次排列 指 每一个红框指一次排列， 共9次排列 ， 一次排列中可能存在多次比较）；当一次排列的 随机数大于0.5 时 将会进行第二次比较， 当第二次随机数 仍然大于0.5 时 ， 将会再 进行一次比较， 直到 随机数大于0.5 或者排列到第一位；当一次排列的 随机数 小于0.5时 当前比较的两项 索引将不会改变 ，继续下一次 的排列；
8、字体font-family
9、可能用到的meta标签
10、消除transition闪屏
11、android 4.x bug
1.三星 Galaxy S4中自带浏览器不支持border-radius缩写2.同时设置border-radius和背景色的时候，背景色会溢出到圆角以外部分3.部分手机(如三星)，a链接支持鼠标:visited事件，也就是说链接访问后文字变为紫色4.android无法同时播放多音频audio5.oppo 的border-radius 会失效
12、JS 判断设备来源
13、audio元素和video元素在ios和andriod中无法自动播放
14、css实现单行文本溢出显示 ...
直接上效果：相对于多行文本溢出做处理， 单行要简单多，且更容易理解。
实现方法
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
当然还需要加宽度width属来兼容部分浏览。
今天就介绍这14条，有什么不对的地方还请多多指出来，有什么不懂的可以私信给我。下一期再见哦！如有需要请留言或者私信
