- 面试公司:徐州广盛房地产
- 面试岗位:前端工程师
- 面试时间:2025/02/11/11:00
- 面试时长:20分钟
- 面试体验:比较顺利
- 技术栈:vue/uniapp/ant design of vue/微信小程序
公司介绍
- 国企,负责建设及管理运行维护信息化系统
- 业务方向:移动互联网/传统互联网/大数据服务/信息化系统建设
反问环节
- 方便问一下公司前端使用的技术栈吗
- 可以问一下公司开发团队规模吗
- 岗位的主要职责和期待人选吗
- 岗位是否稳定
一面(技术)
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可以通过扩展其他接口来定义新的接口类型
兼容性检测
- interface会进行属性的兼容性检查,检查该类型是否具有接口中定义的所有属性和方法
- type并不会进行严格的兼容性检查,只是简单的将类型进行替换
扩展能力不同
- interface可以使用关键字extends扩展
- type可以用于定义各种类型别名
uniapp
uniapp中如何设置全局变量
- 定义一个专用模块,用来管理全局变量
- 将项目中用的比较多的变量,挂载到Vue.prototype上
- 每个vue对象都会去继承这些方法变量
- 使用globalData
- vuex 进行状态管理