其他

214 阅读3分钟

typeof的作用

判断一个变量的类型,得出的结果有string、number、boolean、undefined、object、symbol、function

typeof null 返回object,与底层编码有关,对象类型的标签是0null是空指针(多数平台下值为 0x00),因此,null的标签也是0

数组的方法

push、pop、shift、unshift、forEach,map、splice、slice、filter、

route和router的区别

route:表示当前的路由信息,包含了当前URL解析得到的信息,params、query等

router:全局路由的实例,是router构造方法的实例,实例方法包括go、push、replace等

BFC出现的情况及作用

  • float
  • 绝对定位
  • display:inline-block、table-cell、table-caption、flex、inline-flex
  • overflow不为visible

作用:可以包含浮动元素,不被浮动元素覆盖;阻止父子元素的margin折叠

v-if v-show区别

v-if:控制节点存在与否;有更高的切换消耗

v-show:通过设置DOM元素的display样式,block为显示,none为隐藏;有更高的初始渲染消耗

visibility:hidden和display:none的区别

display:none:被隐藏的元素不占据原本的位置空间 visibility:hidden:被隐藏的元素占据原本的位置空间,即没有彻底消失

compouted和watch的区别

computed:计算属性,依赖其他属性计算,并且computed的值有缓存,只有当计算值进行变化才会返回内容。

watch:监听到值的变化就会执行回调,在回调中可以进行一些逻辑操作。

login的登陆流程及相关加解密

  • 前端调登陆接口,发送用户名密码,后端匹配到后,返回一个token以及用户信息,前端拿到token,将值存在状态管理和cookies,每次发送请求时携带token,后端判断token是否过期,如果过期,前端就需要跳转到登陆页。

Promise .all .race .any

  • all:所有的都变成fulfilled,p的状态才是resolve
  • race:只要指定时间内有结果,就是resolve,否则rejected
  • any:只要有一个是fulfilled,就会变成resolve状态,如果所有参数实例都变成rejected状态,包装实例就会变成rejected状态。

为什么选择less,less/sass的区别

选择less
  • 可以嵌套书写
  • 逻辑上相关的属性可以复用,减少冗余代码,提高样式代码的可维护性
less和sass比较
  • Less环境较Sass简单:sass需要Ruby环境,是在服务端处理的;less是在客户端处理的,解析会比较慢
  • Less使用较Sass简单
  • 功能出发,Sass较Less略强大一些:sass有变量作用域、函数、条件语句、其他数据结构比如string number object function等
  • 变量符不一样,Less是@,而Scss是$

canvas

new一个对象实际执行了哪几步

await返回的对象是一个promise

webpack 解决跨域的原理是什么

  • 同源策略是浏览器核心基础安全策略,用来阻止一些非法的攻击。
  • 跨域是指发起请求的域和资源指向的域,协议、域名、端口号不一致
  • 解决方案
1.JSONP
2.跨域资源共享 CORS
3.反向代理
  • webpack配置代理的原理: webpack代理借助了webpack-dev-server插件,webpack-dev-server使用的是http-proxy-middleware来实现跨域代理的,客户端发送请求时,不直接到服务器,而是先到中间的代理层,代理层将本地域名先转换成资源域名,再将请求发送到服务器

webpack打包上线后,如何调试,sourceMap

webpack配置

meta标签

元数据,关于数据的信息

  • 声明文档使用的字符编码 charset="utf-8"
  • 页面关键字 name=keywords
  • 页面描述
  • 网页作者
  • 用于移动端布局 name=viewport
  • 添加服务器发送到浏览器的http头部内容 http-equiv="expires"

redux和mobx vuex的区别

react mobx区别

react生命周期的变化(旧版本和新版本)

react生命周期