02面经-基础知识

98 阅读3分钟

css的选择器有哪些,有没有看一下别人总结的知识点

  • 通配符
  • id选择器
  • 元素选择器
  • 属性选择器
  • 伪类

position 有哪几个值,说一下他们对应的基点是什么

  • relative:相对定位,相对于父元素进行定位
  • absolute:绝对定位,相对于最近开启relative的元素进行定位
  • fixed:固定定位,相对于视口进行定位,viewport左上角为远点位置
  • sticky:粘滞定位

你实际项目中,用到的这些定位的知识,举例说一下

postion:absolute针对项目中某些元素进行细节方面的调整,我会对元素开启绝对定位进行调整;position:sticky使用也比较频繁,用于对页脚的处理。

flex布局聊一聊,项目中用的例子

flex布局是弹性盒子布局,主要是用于一行一列的布局,比如常见的三栏式,flex布局具有较好的自适应性,我们只需要指定左右两侧的宽度和高度,中间部分使用flex-shrink属性,使得中间的宽度进行自适应,能够快速实现三栏布局。

❗❗❗ 我现在要发请求,c请求是依赖a、b请求的,这个时候你会怎么考虑

选择用promise发送请求,将c请求放在a,b的then方法后面。 :exclamation:
使用async await先请求a,b再请求c这样await会等待a,b响应完之后再执行c的请求

浏览器的本地存储你用过哪些

浏览器的本地存储使用过三种:cookie, localStorage, sessionStorage

那为什么会有3个,区别是什么

  • cookie是纯文本,用来存储信息,保存用户的登录信息
  • localStorage是HTML5新方法,持久化存储本地数据,除非主动删除数据,否则数据永远不会过期,一般大小为5MB
  • sessionStorage是本地存储,会话本地存储,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也会随之销毁。

防抖和节流有没有了解过,项目中用到了哪些

  • 防抖:顾名思义是防止页面抖动的意思,比如用户点击鼠标,我们可以通过使用setTimeout在规定时间内,用户的点击只会生效一次,不会重复调用,导致页面出现抖动现象
  • 节流:在实现用户搜索功能时,比如用户想要搜索完整的“iPad pencil”,通过设置节流,可以减少用户向服务器发送请求的次数,可以设置为当用户按下回车或者确定按钮时,再向服务端发送数据请求,大大地提高了性能,节省了开销。

⁉️谈谈你就js闭包的理解,应用场景有哪些

当在函数内部调用函数时就会产生闭包,js闭包能够使得函数内部访问到函数外部的变量。

  • 封装私有变量:原生JavaScript不支持私有变量,但是我们可以通过闭包,可以实现很接近地、可接受的私有变量
  • 回调函数:处理回调函数是另一种常见的使用闭包的场景
  • 通过执行上下文来跟踪代码
  • 使用词法环境跟踪变量,词法环境是js引擎内部用来跟踪标识符与特定变量之间的映射关系

对线程和进程的理解

线程是资源调度的基本单位;进程由多个线程组成,

get和post请求的区别

如果有敏感数据用什么发送

POST

http和https请求的区别