前端面经

创建时间: 2020-12-28 16:25 更新时间: 2022-01-18 10:35

郑州深蓝电子有限公司

div和span的区别
盒模型
闭包
==和===
v-if和v-show
vue响应式
定位
悬浮窗口
.clearfix
用过的css库
浮动
手机页面与
HTML5 CSS3 的新标签等
Canvas
px、rem、em
vue周期（data初始化的位置）
vue响应式原理
vue父子组件通信
作用域
手写去重
手写冒泡
前端跨域处理
GET和POST的区别
vue-router路由处理
vuex是什么
CSS选择器的执行顺序
js基本数据类型

科蓝

闭包的好处

  闭包的好处： 1.希望一个变量长期保存内存中； 2.避免全局变量污染； 3私有成员的存在。
  闭包有三个特性：
  1. 函数嵌套函数；
  2. 内部函数使用外部函数的参数和变量；
  3. 参数和变量不会被垃圾回收机制回收。

SPA优缺点

  优点：
  无刷新切换内容，提高用户体验。
  符合前后端分离的开发思想，通过ajax异步请求数据接口获取数据，后台只需要负责数据，不用考虑渲染。前端使用vue等MVVM框架渲染数据非常合适。
  减轻服务器压力，展示逻辑和数据渲染在前端完成，服务器任务更明确，压力减轻。
  后端数据接口可复用，设计JSON格式数据可以在PC、移动端通用。
  缺点：
  不利于SEO（搜索引擎优化），应用数据是通过请求接口动态渲染，不利于SEO。
  首页加载慢，SPA下大部分的资源需要在首页加载，造成首页白屏等问题。

v-show和v-if的区别

 在切换 v-if 块时，Vue.js 有一个局部编译/卸载过程，因为 v-if 之中的模板也可能包括数据绑定或子组件。v-if 是真实的条件渲染，因为它会确保条件块在切换当中合适地销毁与重建条件块内的事件监听器和子组件。

v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——在条件第一次变为真时才开始局部编译（编译会被缓存起来）。

相比之下，v-show 简单得多——元素始终被编译并保留，只是简单地基于 CSS 切换。

一般来说，v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此，如果需要频繁切换 v-show 较好，如果在运行时条件不大可能改变 v-if 较好。

Ajax流程
==和===的区别
vue各个周期

学长

存储方法
数据结构
缓存处理

其它参考