• 面试公司:徐州广盛房地产
  • 面试岗位:前端工程师
  • 面试时间:2025/02/11/11:00
  • 面试时长:20分钟
  • 面试体验:比较顺利
  • 技术栈:vue/uniapp/ant design of vue/微信小程序

公司介绍

  • 国企,负责建设及管理运行维护信息化系统
  • 业务方向:移动互联网/传统互联网/大数据服务/信息化系统建设

反问环节

  1. 方便问一下公司前端使用的技术栈吗
  2. 可以问一下公司开发团队规模吗
  3. 岗位的主要职责和期待人选吗
  4. 岗位是否稳定

一面(技术)

css

如何实现居中

块布局、行布局、行内块元素区别是什么

如何解决浮动布局

单行如何实现换行时显示省略号

介绍一下box-sizing属性

vue2

computed和watch的区别

vue3

谈谈你对组合式api的理解

ref和reactive有什么区别

watch和watchEffect的区别是什么

路由钩子有哪些

vue3的生命周期

TypeScript

typescript如何区分null和undefined

  • 定义和来源
    • null表示空值,是一个字面量,可以直接将其赋值给变量
    • undefined表示变量已声明但未被赋值,或根本不存在
      • 当声明一个变量未赋值时,其默认值就是undefined
  • 类型
    • null和undefined各自有自己的类型
  • 用途
    • null常用于表示一个预期对象不存在或为空
    • undefined与变量的状态有关
  • 比较
    • null和undefined使用==是相等的,三等号则不相等

type和interface的区别是什么

关键区别:

  • 扩展性

    • type别名本身无法添加新的属性
    • interface是可以扩展的
  • 继承不同

    • interface继承时,如果重写类型会导致编译错误
    • type交叉类型不会
  • 定义不同

    • 接口使用interface定义
    • 类型使用type定义
  • 定义方式不同

    • interface可以通过扩展其他接口来定义新的接口类型
      • 也可以通过声明合并来扩展已有的接口
    • type通常用于定义具体的类型别名,可以基于其它类型创建新的类型
  • 兼容性检测

    • interface会进行属性的兼容性检查,检查该类型是否具有接口中定义的所有属性和方法
    • type并不会进行严格的兼容性检查,只是简单的将类型进行替换
  • 扩展能力不同

    • interface可以使用关键字extends扩展
    • type可以用于定义各种类型别名

uniapp

uniapp中如何设置全局变量

  • 定义一个专用模块,用来管理全局变量
  • 将项目中用的比较多的变量,挂载到Vue.prototype上
    • 每个vue对象都会去继承这些方法变量
  • 使用globalData
  • vuex 进行状态管理

uniapp中如何获取dom

uniapp如何实现路由传参

生命周期有哪些

uniapp几种页面跳转的方式有什么不同

uniapp通过setStorage和setStotageSync的区别是什么