腾讯云服务器前端一面面经
1.自我介绍
2.目前实习的情况（利用scss构建类库，标准化页面规范，对项目进行迭代）
3.行内和块级元素分别有哪些，有什么区别？行内元素的margin和padding会生效吗？
答：行内元素不独占一行，不能定义宽高，块级元素独占一行，可以定义宽高，行内元素的margin-top，margin-bottom和padding-top，padding-bottom定义是无效的，但是margin-right、margin-left、padding-left、padding-right是有效的。img是一个特例，它虽然是行内元素，但也是置换元素，所以它的性质不同于行内元素。对于img设置padding和margin都是有效的。
4.介绍一下标准盒模型？IE盒模型
IE5.5及更早的版本使用的是IE盒模型。IE6及其以上的版本在标准兼容模式下使用的是W3C的盒模型标准。
5.水平垂直居中
行内元素
flex布局
postion + top(left) + transform
grid布局
6.flex布局的属性
7.css选择符有哪些？选择符的优先级
id选择器，类选择器，标签选择器，相邻选择器，子选择器，后代选择器，通配符选择器，属性选择器、伪类选择器
8.数组有哪些方法
concat 、 every、 filter、 forEach 、indexOf 、 lastIndexOf、 join 、 map 、pop 、push 、reduce 、reverse 、 slice、splice、shift、some、sort、toLocaleSTring、toString 、unshift、shift
9.节流和防抖的原理和应用
节流：规定在一定时间内只执行一次函数，如果在规定时间内再触发不执行，知道时间过后再执行。常用：scroll滚动时间，每隔特定描述执行回调函数。input输入框，每隔特定时间发送请求或或展开下拉列表。节流重在加锁「flag = false」
防抖：在时间触发后n秒后再执行对应函数，如果这期间再触发，则重新计时。常用：浏览器窗口大小resize避免次数过于频繁。登录，发短信等按钮自避免发送多次请求。文本编辑器实时保存。防抖重在清零「clearTimeout(timer)」
10.对性能优化的了解
11.首屏优化
（CSS containment: content-visibility:auto 可以告诉浏览器暂时跳过不可见元素的布局和渲染工作，知道这个元素滚动到当前视口，从而加快整个页面的初始渲染，缩短用户和页面可交互需要花费的时间、contain-intrinsic-size）
12.vue怎么做到按需加载
13.vue中的diff算法
14.localStorage、sessionStorage和cookie的概念和区别
15.介绍ES6的变量、箭头函数，对比ES5的区别
16.改变this的指向，call、apply、bind的区别
17.前端安全方面的了解(好吧，不了解)
18.跨域问题，多源跨域问题
投递京东等公司10个岗位 >