抖音/火山一面面试题---2018.12

笔试部分

（面试官也不知道为啥hr给了我一套社招的题）

1.中间透明、四周蒙层遮蔽的效果是如何实现的

2.关于promise的一段代码的执行结果是什么

3.输出结果是什么？this.name中的this指谁？

        window.name = "byteDance";
        function A() {
            this.name = 123;
        }
        A.prototype.getA = function() {
            console.log(this.name);
            return this.name + 1;
        }
        let a = new A();
        let funA = a.getA;
        funA();

4.给一个字符串，找出出现次数最多的字符和对应的次数。（编程）

5.最大子序和，时间复杂度O（n）

面试环节：

js

1.xss攻击是什么样的形式？如何防范？vue其实已经帮我们做了防范，v-html="xxx",xxx是什么

2.vue是单向绑定的，是如何实现数据改变、相应文档进行更改的？

3.user-scalable=no 表示什么？在IOS上即时设为no也是不生效的，如何解决？如果监听touch事件，callback里面写什么？直接return会有问题。

4.echarts是基于什么的？canvas的大小会随着窗口大小发生改变么？

5.写一个函数，实现深拷贝，要考虑所有数据类型

6.以下两段程序分别输出什么

        var script=document.createElement('script');
        script.src="xxx/xxx/React.js"
        document.appendChild(script);
        console.log(window.React);
        //******************
        var script=document.createElement('script');
        script.text="alert(from script)";
        console.log("before script");
        document.appendChild(script);
        console.log("after script");

7.项目使用的什么框架？vue的线上线下环境部署使用的什么技术？

8.preflighted Requests 预检请求了解么

html&css

1.让你实现一个弹窗，你会怎么设计文档结构？会考虑哪些问题？半透明背景的设置rgba和opacity有什么区别？这两个有一个用在这里会有问题；点击穿透怎么解决（是阻止默认事件还是阻止冒泡事件？）

2.在页面加载时考虑过哪些优化

3.图片懒加载

4.商品评价的时候，默认5星，评分3分、3.5分，怎么实现？评分3.6、3.7呢

http

1.与缓存相关的header有哪几个？分别是什么内容？（last-Modified之类的）如果是last-modified，服务器查询了下，没有更新数据，会给客户端返回哪个码？

2.http是基于什么协议的？TCP三次握手与四次挥手的过程。

3.dns解析的过程

4.什么情况下属于跨域？跨域的解决方式（jsonp了解下）

5.说一下cookie与session。cookie添加到了http请求的哪里，设置什么字段就可以携带cookie?

6.从用户点击注册开始，都发生了什么