笔试题目解析（6）

1.vue和react的区别？

react有着更丰富的生态系统，所有组件的渲染功能都是依靠jsx的，vue虽说也提供了，不过默认推荐的还是模板，vue的模板渲染更加灵活。希望程序更小更快就选择vue，想要构建大型的应用程序，那么就选择react。react有着web和原生的app，vue的语法以及项目设置的很简单。react因为时间久有着更大的规模，更多的使用者，也有着更好的测试性。

他们也有很多相似之处，比如说都是轻量级的组件库，都是用来Virtual DOM，提供了响应式和组件化的视图组件，他们将注意力几种的保持在核心库，而将其他的功能如路由和全局状态管理交给相关的库。

2.说说jsonp和同源策略？

同源策略是网警公司引入的浏览器的安全策略，同源就是指的协议，端口，域名，相同缺一不可。同源策略目的就是为了保证用户的信息安全，不能跨域访问，放置恶意的网站窃取数据。

jsonp就是来解决跨域问题的我们常用的手段，jsonp（json with padding），是一种json的使用形式。jsonp利用js的script标签没有跨域限制的漏洞（img，link，script三个），通信时在脚本建立一个script的标签，定义上src，提供一个回调函数，并且利用响应过来的json数据，为之包装（所以名字是with padding哇）。等浏览器调用回调函数的时候用json作为参数。

3.304和200的区别？

首先这两个都是http的状态码，200是最喜欢最想见到的成功，304是内容没更新（发送一个get请求从缓存中调用你想访问的页面）。

其他的我知道的还有301（资源被永久的移动到新位置，永久重定向）,302（资源被暂时的重定向），400（语义有误，无法让服务器理解）,，403（服务器理解请求，但是拒绝），404（请求失败，找不到），500（服务器出错），502（从上游服务器接收到无效的响应）

4.前端优化？

比如说尽量减少闭包的使用，用雪碧图，把css的文件放在头上，js的文件放在body，文件不要有重复的代码。多使用cdn。减少http请求次数，压缩文件，避免重定向（更具体的我之前的博客写过：前端优化）