typeof的作用
判断一个变量的类型,得出的结果有string、number、boolean、undefined、object、symbol、function
typeof null 返回object,与底层编码有关,对象类型的标签是0,null是空指针(多数平台下值为 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的状态才是resolverace:只要指定时间内有结果,就是resolve,否则rejectedany:只要有一个是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"