面试题集合

187 阅读2分钟

-vue3、vue2 生命周期与区别;

juejin.cn/post/704212…

-vue2与vue3的其他区别

juejin.cn/post/709648…

-vue3ref与reactive的区别

juejin.cn/post/723511…

-浏览器缓存

juejin.cn/post/708317…

- 微任务和宏任务有哪些,执行顺序是什么;

juejin.cn/post/731861…

- 组件之间的传值有哪些;

juejin.cn/post/690453…

- 什么是跨域,跨域怎么解决;

1、juejin.cn/post/684490…

2、juejin.cn/post/709648…

- flex布局与gard布局;

flex:juejin.cn/post/727262…

gard:juejin.cn/post/685457…

- git命令;

juejin.cn/post/698686…

- 闭包及其常用场景,内存泄漏是什么,如何排查与避免、函数科里化;

juejin.cn/post/726418…

- promise的作用与状态,与async、await的区别;

juejin.cn/post/684490…

- es6新特性;

juejin.cn/post/684490…

- css3新特性

juejin.cn/post/684490…

- h5新特性

juejin.cn/post/684490…

- 前端路由模式、路由守卫、请求拦截;

路由模式:juejin.cn/post/686158…

路由守卫:juejin.cn/post/733346…

请求拦截:juejin.cn/post/710047…

- 浏览器存储有哪些?

简单版:juejin.cn/post/699884…

详细版:juejin.cn/post/690195…

- let\const\var的区别;

juejin.cn/post/695130…

- v-if、v-show,重绘与重排;

- 性能优化有哪些与实际应用;

首屏优化:juejin.cn/post/733682…

优化汇总:juejin.cn/post/690451…

- 前端安全与实际应用;

juejin.cn/post/711059…

- https原理;

juejin.cn/post/684490…

- 什么是防抖节流、具体怎么实现;

juejin.cn/post/684490…

- vue的双向数据绑定原理,model与view如何相互改变;

juejin.cn/post/726567…

- 有哪些设计模式?平时使用了吗?

juejin.cn/post/732839…

- ts常见的高级类型;

juejin.cn/post/707448…

- webpack打包与vite打包的区别;

webpack打包原理:www.zhihu.com/question/48…

两者打包对比: juejin.cn/post/734491…

-webpack与plugin的区别

www.jianshu.com/p/407a82b76…

- 大数据的前端处理--虚拟列表;

juejin.cn/post/723285…

- websocket;

zhuanlan.zhihu.com/p/685314875…

juejin.cn/post/729000…

- ==与===的区别;

juejin.cn/post/730785…

- 箭头函数与普通函数的区别;

juejin.cn/post/734232…

**- session与cookie与token

www.zhihu.com/question/61…

www.zhihu.com/question/61…

juejin.cn/post/730843…

- sessionstorage与loaclstorage;

juejin.cn/post/684490…

- watch与computed的区别;

vue2:juejin.cn/post/684490… vue3:

- 深浅拷贝以及如何使用;

juejin.cn/post/732273…

- 大文件上传;文件上传;

juejin.cn/post/733527…

juejin.cn/post/732388…

- 编辑器的原理与使用;

juejin.cn/post/692236…

-有哪些微前端框架

blog.csdn.net/xgangzai/ar…

- 乾坤的原理与应用、遇到的困难;

juejin.cn/post/731419…

-qiankun为什么不支持vite,如何解决

原因:zhuanlan.zhihu.com/p/600077748

解决方案:zhuanlan.zhihu.com/p/600077748

- css伪类、伪元素;

**基础选择器:** 通配符选择器、类选择器、 标签选择器、id选择器

**结构选择器:** 后代选择器(空格)、子选择器(>)、全部兄弟选择器(~)、相邻兄弟选择器(+)、并集选择器(,)、交集选择器

**属性选择器:** 属性选择器([属性])、前缀选择器([class^=前缀])、后缀选择器([class$=后缀])

**伪类选择器:** 动态伪类选择器(:link、:hover、:focus)、结构伪类选择器(:first-child)、其他伪类选择器(目标伪类、状态伪类、语言伪类)

**伪元素选择器:** (::before、::after)

- 垃圾回收机制;

juejin.cn/post/717364…

- new的过程;

juejin.cn/post/684490…

- 前端常见的网络攻击;

juejin.cn/post/702388…

- 有哪些加密方式?怎么用、有何区别?

juejin.cn/post/684490…

- 组件的封装的流程与原则;

高内聚低耦合原则

juejin.cn/post/722230…

- js运行机制;

juejin.cn/post/694882…

- 如何实现路由懒加载;

juejin.cn/post/727644…

- npm加载模块的机制;

juejin.cn/post/691017…

- require与import的区别

juejin.cn/post/720548…

- nexttickt的使用场景与原理

juejin.cn/post/722484…

- js原型与原型链

juejin.cn/post/722340…

- 浏览器输入url到页面渲染的过程

juejin.cn/post/724409…

21、编程验证码倒计时、实现加减乘除的链式调用;

23、如何获取一个元素中在窗口的定位信息;