【小红书】前端岗-实习 一面+二面（已OC）

一面 2021.11.17

• ​ 自我介绍
• ​ 算法
  • ​ 每年年薪增长10%，n年后年薪为多少？(正常和递归版本的)
  • ​ 力扣120 三角形最小路径和
• ​ css尽可能多的描述，上下左右居中
• ​ flex ：1；是哪三个的集合，代表了啥
• ​ promise 状态 api
• ​ 发100个异步请求，每次最多发10个，不使用发完10个再发10个的情况下怎么进行实现
• ​ 数组和链表区别。js申请一个空数组时空数组的占据空间是多大，如何插入元素splice
• ​ 输入输出题：
• 复制代码var promise = ``new Promise((resolve,reject)=>{`` ``console.log(``'1'``);`` ``resolve(``'2'``);`` ``console.log(``'3'``);``});``promise.then(res=>{`` ``console.log(``'res'``,res);`` ``setTimeout(()=>{`` ``console.log(``'4'``)`` ``},0)``})``setTimeout(()=>{`` ``console.log(``'5'``)``},0)``console.log(``'6'``)
• ​ js设计模式，发布订阅模式和观察者模式的区别
• ​ vue和react有什么优缺点，vue版本 ，是否改过配置
• ​ ts是否了解 type interface
• ​ 手机端页面。样式响应式布局。纯手机端设计rem设计。
• ​ rem em相对设置。 vh vw
  • ​ 有个设计，根字体设置很不合理，换算不过来的情况下，怎么只改变自己写的组件的字体设置而不该变总的根字体的设置。 （最后是说可以用less的函数来计算什么的…..）
  • ​ less函数，webpack
• ​ 防抖和节流 讲解。
• ​ 如何中断已发出请求。比如怎么终端已经发送出去的ajax请求。
• ​ 比较http，websocket。用http模拟websocket
• ​ 两个页面如何通信（跨浏览器通信，不是同源政策的跨域通信）

二面 2021.11.23

1. ​ 项目
2. ​ 流行的权限设计方案
   1. ​ beforeEnter 全局拦截，采用了响应拦截
3. ​ 权限设计在页面有什么方案
4. ​ 系统方面的课程有开吗
5. ​ 一个完整 web 应用包含哪些模块？（从0搭建项目）
   1. ​ 有哪些模块？
   2. ​ 数据怎么设计的？
6. ​ 后端方面有了解吗？主要还是前端这一块对吧
7. ​ 前端权限操作是什么方案？
   1. ​ axios 自己封装了 XML，再次封装进行请求/响应拦截，发数据中间多了一层拦截
8. ​ 实际的权限管理是后端对吗？前端是根据状态进行路由跳转吗？
9. ​ 路由跳转？
   1. ​
10. ​ 提到了 axios 拦截器对吧，axios的相关特性有完整的了解吗？
    1. ​ .all 同时发很多个然后返回
    2. ​ 底层还是 XML
11. ​ 超时？
    1. ​ timeout 属性来指定请求自动终止的毫秒数，也定义了timeout事件用于超时发生时触发
    2. ​ 设置 timeout，baseurl设置基础路径
12. ​ 常见 axios 有哪几个阶段？readyState？
13. ​ 怎么取消一个 axios 请求？（上传文件的请求打断）
    1. ​ axios 封装取消的模块
    2. ​ 原生的 XHR 取消一个请求？pending 的状态去掉？
       1. ​ abor 中止请求，xhr.abort()
14. ​ vue3 组合式 API 有了解吗？
15. ​ vue2 封装一个组件，有哪些方法？提供了哪些可以封装，自定义组件的方法？vue 里面定义一个全局的组件？transision components 怎么实现的？
16. ​ component 组件的用法和使用场景？vue3 里面直接使用 component 标签
17. ​ vue 里面定义一个异步组件？减少一些加载的耗时
    1. ​ vue-router 里懒加载，import 箭头函数按需引入
    2. ​ 它的语法叫什么？箭头函数里面呢？怎么引入的
    3. ​ 为什么会有动态加载的特性？
18. ​ vue-router 里面常见的导航守卫方法
    1. ​ 全局 beforeEach afterEach from to next
    2. ​ 单个 beforeEnter
    3. ​ 组件 beforeRouterEnter beforeRouterUpdata beforeRouterLeave
19. ​ 主题换肤怎么实现？
    1. ​ 组件间通信，发送地址，改变背景
    2. ​ 包含哪些换肤？
    3. ​ 只改变了背景
    4. ​ 深色模式的适配有了解过吗？
20. ​ 怎么样去通过媒体查询的能力去适应宽高的边界？
    1. ​ meta 限制屏幕的宽度
    2. ​ 除了宽高的适配以外，meta还有其他的吗？媒体查询除了设置媒体的宽高等还有什么别的能力？
21. ​ 移动端适配会做哪些事情？
    1. ​ rem em
22. ​ rem 和 em 的关系
    1. ​ 根标签一般指什么？
    2. ​ 通过哪个API获取根节点？除了document上面的element方法获取的是哪个
23. ​ 标准 HTML 的组成部分？
24. ​ head 这个标签里一般会放什么？
    1. ​ title, link, style, script, meta, base默认地址
25. ​ 用的标准的webSocket API？
    1. ​ 会用重连的机制吗？
       1. ​ 设了一个定时器，发现断网会自己重连
    2. ​ 前端主要做了什么？
       1. ​ 对外暴露接口，在 vue 组件里面调用然后传输
26. ​ websocket 完整通信的流程？
27. ​ 第三方库的实现了解过吗？
28. ​ OSI 七层模型？
29. ​ webSocket 是哪一层？
    1. ​ 用了TCP，传输层
30. ​ 前端 npm 以外，常见的包管理器
    1. ​ yarn， pnmp

pnpm 本质上就是一个包管理器，这一点跟 npm/yarn 没有区别，两个优势: 包安装速度极快； 磁盘空间利用非常高效。

1. ​ 算法：NC52 有效括号序列

帅地永久会员

收藏 海报 分享链接