FORMAT-qi
commented
3 years ago 1.[html] 如何解决微信浏览器中video标签z-index过高遮挡页面问题？
- 和video同层级加一个view，设置该view的高度和video高度一样，并且将video隐藏（display：none）
- 在view上绑定事件，当tap的时候，控制样式（display: block）即可。
- 当播放完成后，监控播放完毕事件，并将video再次隐藏。
2.[css] 你最喜欢Sass的原因是什么？
- 嵌套
- 变量
- 局部
3.[js] 如果使用JSON.stringify进行深拷贝有什么弊端？如何解决？
- 如果obj里面有时间对象，则JSON.stringify后再JSON.parse的结果，时间将只是字符串的形式，而不是对象的形式
- 如果obj里有RegExp(正则表达式的缩写)、Error对象，则序列化的结果将只得到空对象；
- 如果obj里有函数，undefined，则序列化的结果会把函数或 undefined丢失；
- 如果obj里有NaN、Infinity和-Infinity，则序列化的结果会变成null
- JSON.stringify()只能序列化对象的可枚举的自有属性，例如 如果obj中的对象是有构造函数生成的， 则使用JSON.parse(JSON.stringify(obj))深拷贝后，会丢弃对象的constructor；
- 如果对象中存在循环引用的情况也无法正确实现深拷贝；
总结： 用法简单，然而使用这种方法会有一些隐藏的坑：因为在序列化JavaScript对象时，所有函数和原型成员会被有意忽略。 通俗点说，JSON.parse(JSON.stringfy(X))，其中X只能是Number, String, Boolean, Array, 扁平对象，即那些能够被 JSON 直接表示的数据结构。
4.[软技能] 请描述下XSS是如何攻击的？
如今最常见的XSS一般被分为存储型、反射型、DOM型
- 存储型：恶意代码被当做正常数据插入到数据库中，当用户正常访问页面的时候，恶意代码从数据库中被取出，在当前页面被触发。用户不会发现自己被攻击。这种XSS可以无差别攻击，影响很大。比如留言板的XSS。
- 反射型：恶意代码被当做正常数据提交到后台后，由后台进行处理，并立刻返回到前端被触发。这种XSS的攻击方式一般是骗人点链接，恶意代码在url中，有一些安全常识的人可能会发现一些端倪。比如前几年在QQ空间留言区很火的“你这张照片好好看啊：恶意连接”。
- DOM型XSS：和反射型一样，单独提出来是因为它不过后端，由JS直接在前台处理。所以在后端是无法防御的，这个必须要前台过滤。比如当你在一个购物网站搜索“上衣”，返回页面中显示“上衣的搜索结果如下：”，这里的上衣可能就是直接由js获取你提交的值插入的，而不是从后端而来。
1.[html] 如何解决微信浏览器中video标签z-index过高遮挡页面问题？ 2.[css] 你最喜欢Sass的原因是什么？