我的web前端技术面问题总结

今天去了一家超级想去的公司面试web前端，hr和面试官都特别好，特别温柔，真的非常nice 可惜本人不争气，生活不易，小肖叹气 总结一下，希望以后有机会可以去这家公司工作！！

1.JSONP跨域
ajax只能下载同源的数据，对于非同源的数据要下载就要跨域，跨域方法可以有这三种<1>修改ajax同源协议（core头部）<2>委托php文件，PHP页面没有跨域问题，所以可以当前页面去请求php，php下载后把得到的数据给到当前html<3>JSONP跨域 ：src属性是不受同源策略的限制，所以粗糙的理解，就是在script里声明一个处理获取的数据和内容的函数，通过.js把想要获取的内容作为实参传给函数，当需要获取数据时，直接用src引入.js即可（需要动态创建script标签）

2.position定位 （太简单了，省略）
3.深浅拷贝的区别
浅拷贝只复制指向对象的指针而不复制对象本身，新旧对象还是共享同一块内存。
但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。
4.说几个弹性盒子的属性
https://www.runoob.com/css3/css3-flexbox.html

5.ECMA6里变量声明有哪几种方式
总共6种，其中var和function是ES5的，es6新增了let、const、import、class

6.v-if和v-show有什么区别

v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。

v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。

相比之下，v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。

一般来说，v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。

7.css预处理器
less、sass、stylus
我暴风哭泣 三个都用但是面试问的时候愣是没反应过来，最后变成了我只用过stylus的结果 ，所以小伙伴们一定要沉着冷静！！

8.switch(i++){} 会出现什么结果

这里的i是没有声明也赋值，控制台报错:
Uncaught ReferenceError: i is not defined

虽然我回答的不怎么样，但是面试官很有耐心，人也超nice，而且还给我说一定要注重三大件，尤其是js ， 因为很多的框架都是基于js的，把js学好了不管框架怎么变都能快速上手，在学习的时候除了要懂怎么用，还要搞明白具体的原理。收获匪浅，继续加油！！