高级前端面试题
高级前端面试题
1.css中实现元素水平垂直居中有哪些方法
flex table 子绝父相 top 50% left 50% trf(-50%, -50%)
2.css中让元素隐藏有那些方法
3.es6中箭头函数和普通函数的区别
箭头函数使用箭头 (=>) 语法，省略了 function 关键字。
箭头函数如果只有一个参数，箭头函数可以省略括号。
函数体：如果函数体只有一条语句，箭头函数可以省略花括号和 return 关键字。
箭头函数没有自己的 this 对象，而是从其作用域链的上一层继承 this。箭头函数中 this 的指向在它被定义的时候就已经确定了。
箭头函数的 this 指向不能通过 call、apply、bind 等方法改变。
箭头函数不可以当作构造函数，不可以对箭头函数使用 new 命令。
其他特性：箭头函数没有自己的 arguments 对象，没有原型 prototype，不能用作Generator 函数，不能使用 yeild 关键字，没有 super。
4.ts中什么是可选类型 联合类型
5.vue中v-if和v-show的区别
6.vue-router中什么是路由导航守卫，他的使用场景
7.vue中父子组件通信有哪些方式
1.props / 自定义事件 2.$refs 3.vuex/pinia 4.事件总线 5.provide/inject
8.vuex和pinia 在使用上有什么区别
Vuex严格区分 mutations（同步）和 actions（异步），pinia中actions可同时处理同步 / 异步
vuex区分state、mutations、actions、getters而pinia更简洁，直接定义 state 和 actions，支持直接修改状态
9.uniapp中onload和onshow的区别
onload在页面加载时调用，只加载一次，可以通过options来获取参数 onshow在页面显示时调用，可以重复调用
10.前端新版本发布后如何弹出版本更新的提示（如果想在弹框中加个更新内容那）
11.什么是跨域，怎么解决跨域
12.react中useEffect使用场景
13.实现微信扫码登录，前端需要做什么
14.大文件上传时分片上传的思路
文件切片：使用 File.slice() 方法将大文件切割成多个小分片
断点记录：生成唯一的 uploadId，通过后端 API 检查已上传的分片
并发控制：按顺序上传分片，支持暂停 / 继续
进度计算：根据已上传分片数量计算总体进度
15.在后台管理系统中 用户的权限如何设计的
rbac 用户-角色-权限
用户：系统实际使用者，关联一个或多个角色。
角色：权限的集合（如 “管理员”“运营人员”“普通用户”），可批量分配给用户。
权限：具体的操作许可，分为页面权限、接口权限、按钮权限等细粒度维度。
16.在做新增表单操作时，如何防止表单重复提交
加防抖
评论 0