一些面试题整理

• 一开始是数据结构的题，二叉树相关，已知前序遍历和中序遍历的结果，求树的结构，这个讲了一下思路面试官就给过了。
  前序遍历是从根节点开始遍历，先便利左节点，再便利右节点；中序遍历先便利左节点，再访问根节点，再访问右节点。
• http请求方法有哪些？
  http1.0:get、post、head、http1.1:options、put、delete、connect、trace
• 跨域问题遇过吗？什么办法可以解决？讲了一下cors，jsonp，websocket，postmessage，反向代理等
  一、JSONP的原理：（举例：a.com/jsonp.html想得到b.com/main.js中的数据）在a.com的jsonp.html里创建一个回调函数xxx，动态添加< script >元素，该元素包含了main.js的请求url为跨域url，向服务器发送请求，请求地址后面加上查询字符串，通过callback参数指定回调函数的名字。请求地址为 http://b.com/main.js?callback=xxx。在main.js中调用这个回调函数xxx，并且以JSON数据形式作为参数传递，完成回调。（动态生成一个Script标签，其src由接口url、请求参数、callback函数名拼接而成，利用js标签没有跨域限制的特性实现跨域请求。）手写jsonphttps://blog.youkuaiyun.com/kumayato/article/details/73161980
  对于jsonp理解的一些补充：这样子解决方案就呼之欲出了，web客户端通过与调用脚本一模一样的方式，来调用跨域服务器上动态生成的js格式文件（一般以JSON为后缀），显而易见，服务器之所以要动态生成JSON文件，目的就在于把客户端需要的数据装入进去。
  https://www.jianshu.com/p/43b48648c730
  客户端在对JSON文件调用成功之后，也就获得了自己所需的数据，剩下的就是按照自己需求进行处理和展现了，这种获取远程数据的方式看起来非常像AJAX，但其实并不一样。
  该协议的一个要点就是允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。

jsonp有两部分组成：回调函数和数据，回调函数是响应达到时应该在页面中调用的函数，回调函数的名称一般是在请求中指定，而数据就是传入回调函数中的json数据

优点：能够直接访问响应文本，支持在浏览器和服务器之间双向通信
采用jsonp跨域也存在问题：

• 使用这种方法，只要是个网站都可以拿到b.com里的数据，存在安全性问题。需要网站双方商议基础token的身份验证，这里不详述。
• 只能是GET，不能POST。因为js标签本身就是一个get请求
• 可能被注入恶意代码，篡改页面内容，可以采用字符串过滤来规避此问题。
  二.cors
  cors背后原理就是通过自定义的http头部让浏览器和服务器进行沟通
  在发送请求时，附加一个额外的origin头部，其中包含（协议，域名，端口号），以便服务器根据这个头部信息来决定是否给予响应
  如果服务器认为可以接受，就在access-control-allow-origin头部中发回相同的源信息
• 讲一下前端安全？xss，csrf，说一下他们具体是什么，如何预防？
  一、xss介绍
  当应用程序收到不可信的数据，在没有进行适当的验证和转义的情况下，就将它发送给了浏览器，就会产生跨域脚本攻击（xss），xss允许攻击者在受害者的浏览器上执行脚本，从而劫持用户会话，产生危害，或者将用户回话转移到其他恶意网站上。
  二、csrf，跨域请求伪造，一个跨域请求伪造攻击可以迫使登录用户的浏览器将伪造的http请求，包括cookie和其他的一些用户信息，发送到一个存在漏洞的web应用程序上，而应用程序会认为这是一个合法的请求。
  本质：重要操作的所有参数都是可以被攻击者猜测到的。攻击者预测出URL的所有参数与参数值，才能成功地构造一个伪造的请求。

能注入恶意的HTML/JavaScript代码到用户浏览的网页上，从而达到Cookie资料窃取、会话劫持、钓鱼欺骗等攻击。<攻击代码不一定（非要）在 中>

• TCP连接和断开过程（三次招手，四次挥手）

• cookie localStorage sessionStorage有什么区别？

• https和http有什么区别？（TLS套接层协议）如果登陆的请求是https，而其它的请求是http的会出现什么问题？（一开始答了跨域的问题，后来想了一下，答了cookie会加密，可能导致其它请求无法通过身份验证）

• webpack和glup
  一、对前端工程化的理解：
  我所理解的前端工程化主要应该从模块化、组件化、规范化、自动化四个方面来思考。
  模块化：就是将一个大文件拆分成相互依赖的小文件，再进行统一的拼装和加载。只有这样，才有多人协作的可能。
  组件化：如果说模块化只是一种理论支持的话，那么把页面组件化就是一种具体实施了，组件化基于模块化，将页面分割成多个组件来拼接完成，这样更便于维护和测试。
  规范化：代码规范，格式规范，目录结构规范，接口规则规范。
  自动化：一些重复和繁琐的工作，可以直接交给自动化工具来完成，coder只需要简单的配置一些文件即可了。