面经

100 阅读2分钟

项目拷打

常见的Hooks
useRef和useState区别
useMemo用useRef实现

前端缓存

前端缓存类型对比表

类型存储位置生命周期容量数据格式是否自动发送到服务器
HTTP 强缓存浏览器磁盘max-ageExpires动态分配静态资源文件
Cookie浏览器磁盘会话级或手动设置~4KB字符串是(通过请求头)
LocalStorage浏览器磁盘永久5~10MB字符串(需序列化对象)
SessionStorage浏览器磁盘页面会话结束5~10MB字符串(需序列化对象)
IndexedDB浏览器磁盘永久数百 MB 至数 GB结构化数据、二进制
Service Worker 缓存浏览器磁盘/内存手动更新动态分配任意网络资源
Memory Cache浏览器内存页面关闭时释放动态分配当前页面资源
router
    新旧路由
redux
    redux里的state和组件的state
    Provider考察

css网格布局grid 弹性布局flex

 css相关估计也得会
 定位相关

App和数据结构的区别

stack heap
数据库了解到什么程度

fetch axios

  怎么获取数据
  结构
  

数据结构

   二分查找
   堆排序
   冒泡
   时间复杂度 空间复杂度
   

单页面 多页面

ES6和TS

  ES6 
      JS现代的标准,新增let,const,箭头函数,类,模块化
      ES6的类(class)是原型继承的语法糖,
          class定义类,constructor作为构造函数
          extends实现继承,子类需要在constructor中调用super访问父类的构造函数
          
      
      动态数据类型:变量类型运行确定,没有编译检查
      直接在浏览器上运行
  TS
      扩展了JS,兼容ES6,添加了静态数据类型,接口,泛型等
      编译检查类型的错误,编译成JS运行
      

history使用

手撕代码

观察者模式

高并发(前端的高并发处理就是优化性能,减少资源消耗,提升用户体验。)