面试问题

今天面试前端，突然问我网络安全，nigx解决跨越，我顿时懵逼了，不过还是要总结下今天的面试题。

canvas,小程序的跳转方式，wxcss和css的区别，除了媒体查询还可以使用什么来处理自适应布局，事件循环，双向数据绑定，防抖和节流，解决跨越的集中方式，同源策略，如何优化代码，给用户更好的体验，jsop原理，vue环境配置，正式环境配置代理吗，后台的用户管理权限路由配置

1、小程序的几种跳转方式

wx.navigateTo({})，保留当前页面，跳转到应用内的某个页面

wx.redirectTo() , 关闭当前页面，跳转到非tabBar的某个页面

wx.switchTab ，跳转到tabBar的某个页面

使用组件    示例：  点击跳转点击跳转

2、wxcss和css的区别

1. 单位不同，小程序使用rpx，是响应式像素,可以根据屏幕宽度进行自适应；

2、使用 @import 标识符来导入外联样式；

3、wxss不能直接通过css3中的background-image属性来设置显示的背景图片。

4、提供了全局的样式和局部样式。和前边 app.json, page.json 的概念相同，你可以写一个 app.wxss 作为全局样式，会作用于当前小程序的所有页面，局部页面样式 page.wxss 仅对当前页面生效。

5、此外 WXSS 仅支持部分 CSS 选择器

3、什么是防抖和节流，具体的运用场景。

节流是指在连续触发事件但是再n秒内置触发一次函数。节流会稀释函数的执行频率。

对于节流，一般分两种方式实现，时间戳和定时器。

时间戳版和定时器版的节流函数的区别就是，时间戳版的函数触发是在时间段内开始的时候，而定时器版的函数触发是在时间段内结束的时候。

应用场景

window对象的resize、scroll事件

拖拽时候的mousemove

射击游戏中的mousedown、keydown事件

文字输入、自动完成的keyup事件

防抖是指触发事件后再n秒内函数只能执行一次，如果再n秒内又触发了事件，则会重新计算函数执行时间。实现关键是flag和setTimeout的应用。

搜索框input事件，例如要支持输入实时搜索可以使用节流方案（间隔一段时间就必须查询相关内容），或者实现输入间隔大于某个值（如500ms），就当做用户输入完成，然后开始搜索，具体使用哪种方案要看业务需求。

3、什么是同源策略。如何解决跨域。

所谓的同源策略是指 “协议+域名+端口” 相同。

跨域的几种方式参考别人的的博客，写的还挺全面的。https://www.cnblogs.com/sdcs/p/8484905.html