前端面试题常问问题总结

鉴于本人面试经历 ,整理出部分前端面试题
CSS

盒模型,怪异模式
垂直居中方法
三栏布局
选择器权重计算方式
清除浮动的几种方法
flex
什么是BFC,怎样生成BFC,有什么特点
position属性
如何用css实现一个三角形

笔试题

说说你对this的理解
数组去重、数组乱序
防抖和节流
对象深拷贝
call、apply、bind的作用和区别
sleep函数
跨域是什么,如何实现
new一个对象的时候,本质上发生了什么
js 事件轮询
宏任务和微任务是什么

ES6

promise是什么,怎么实现promise
将一个同步callback包装成promise形式
let、const、var区别
箭头函数与普通函数的区别
变量的结构赋值
promise、async await、Generator的区别
ES6的继承与ES5相比有什么不同
js模块化(commonjs/AMD/CMD/ES6)

浏览器相关

从输入URL到呈现页面过程
强缓存、协商缓存、CDN缓存
HTTP状态码
三次握手与四次挥手
跨域时如何处理cookie
垃圾回收机制

vue

watch与computed的区别
vue生命周期及对应的行为
vue父子组件生命周期,生命周期执行顺序
组件间通讯方法(父子, 兄弟组件,非兄弟组件)
如何实现一个自定义的指令
vue.nextTick实现原理
diff算法
vue是如何做到的双向绑定
什么是虚拟dom,有什么优势
平时怎么用一个共用组件

性能优化

开放题,说说你平时项目中怎么做到性能优化
在前端Vue常见的面试题中,有以下几个常见问题: 1. v-show和v-if的区别是什么? v-show和v-if都是Vue中用于控制元素显示与隐藏的指令,但它们的工作原理有所不同。 v-show是通过CSS的display属性来控制元素的显示与隐藏,当条件为真时,元素会显示,条件为假时,元素会隐藏。v-show适用于频繁切换元素显示与隐藏的情况。 v-if是根据条件动态地渲染或销毁元素,当条件为真时,元素会渲染到DOM中,条件为假时,元素会从DOM中移除。v-if适用于在显示逻辑复杂、切换频率较低的情况下使用。 2. Vue中如何监听数据变化? Vue提供了多种方式来监听数据的变化,其中包括: - 使用watch属性来监听特定数据的变化。 - 使用computed属性来计算派生数据,当依赖的数据发生变化时,计算属性会重新计算。 - 使用Vue提供的$watch方法来手动监听数据的变化。 3. Vue中如何编写可复用的组件? 在Vue中,可以通过编写可复用的组件来提高代码的重用性和可维护性。编写可复用的组件需要遵循以下几个步骤: - 将组件的逻辑和样式封装在一个.vue文件中。 - 使用props属性来接收父组件传递的数据。 - 使用emit方法触发自定义事件,让父组件可以监听子组件的状态变化。 - 使用slot插槽来实现组件的灵活性,让父组件可以自定义子组件的内容。 这些是前端Vue常见的面试题,希望对你有所帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [前端vue经典面试题78道(重点详细简洁)](https://blog.csdn.net/weixin_59519449/article/details/123636668)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值