前端面试

最新推荐文章于 2024-08-27 15:59:21 发布
最新推荐文章于 2024-08-27 15:59:21 发布
阅读量270 收藏
点赞数
分类专栏： 面试 文章标签： javascript css vue.js es6 css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32640191/article/details/115522547
版权
这篇博客汇总了字节跳动前端面试中的一些重点问题，包括Vue2与Vue3的区别，Vue组件封装，CSS水平垂直居中技巧，以及JavaScript中的原型链、ES6特性、浏览器缓存机制等核心知识点。此外，还涉及到了性能优化策略，如重排重绘的控制和节流防抖函数的实现。
摘要由CSDN通过智能技术生成

前端面经汇总

字节跳动（2021.04.08）

1.使用的Vue2还是Vue3

2.了解Vue3吗？

3.使用Vue封装一个水平垂直居中弹窗组件

4.插槽作用

5.css实现水平垂直居中

6.flex-grow 与flex-shrink 区别

7.几种定位区别

8.Vue如何实现依赖收集和下发（Vue双向绑定原理）

9.手写一个发布者订阅者模式代码

10.面向对象的函数如何继承

11.原型链如何绑定、查找原型

12.原型链终点

13.es6里类如何实现继承

14.了解se6吗？如class

15.js类型识别方法

16.重绘、重排

17.如何减少重排次数

18.防抖vs节流（实现节流函数）

19.缓存（浏览器缓存）

20.强制缓存、协商缓存一般的请求头请求字段有哪些

qq_32640191
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
2024高频前端面试题（含答案）
weixin_44672169的博客
04-22 21万+
一、简单页面 1、CSS选择器样式优先级 2、CSS实现三列布局（左右固定宽度，中间自适应） （1）CSS浮动 第一个float:left，第二个float:right，第三个设置margin-left和margin-right （2）绝对定位法 第一个定位到left，第二个定位到right，第三个设置margin-left和margin-right （3）flex布局 .left{ width:200px; 或者 flex:0 0 200px; } .right{ width:200px;
前端面试题及答案汇总
盼盼盼的博客
03-26 6万+
闭包是能够读取其他函数内部变量的函数要理解闭包，首先必须理解Javascript特殊的变量作用域闭包的特性：1.封闭性：外界无法访问闭包内部的数据，如果在闭包内声明变量，外界是无法访问的，除非闭包主动向外界提供访问接口；2.持久性：一般的函数，调用完之后，系统会自动注销函数，而对于闭包来说，在外部函数被调用之后，闭包依然存在。1.创建一个空对象，并且this变量引用该对象，同时还继承了该函数的原型。2.属性和方法被加到this引用的对象中。
2024年前端面试题汇总
sun_qqq的博客
02-08 8万+
最近面试被打击的体无完肤，于是把面试题记录下来分享一下。vue真是必问框架，八股文该背的还是得背！
前端面试题（附答案）完善中……
Jet_Lover的博客
04-19 14万+
前端面试笔记前言一、HTML篇1.语义话的目的是什么？⭐2.HTML5新特征⭐⭐⭐3.cookie与sessionStorage和localStorage的区别⭐⭐⭐二、CSS篇1.css有哪些基本的选择器，执行先后顺序？⭐2.垂直居中DIV⭐⭐⭐3.两栏布局左边固定右边自适应⭐⭐3.三栏布局左右固定中自适应⭐⭐4.常用的块与行属性内标签有哪些？有什么特征⭐⭐5.清除浮动⭐⭐⭐6.CSS3新特征⭐⭐⭐7.介绍一下盒模型⭐⭐8.CSS中有哪些长度单位？⭐⭐9.display:none和visibility:h
前端面试之自我介绍
前端小师姐迪迪_的博客
07-01 8万+
前面试过很多人，绝大多数都会要求做自我介绍，自我介绍其实很重要，给面试官留下第一印象，并且这个不是什么专业技能，完全可以通过稍微的练习把它做好，今天来直播一下我遇到的做自我介绍的奇葩。 太简短型：曾经遇到一个面试者自我介绍：“你好，我叫XXX，今年24”。这样太简短了，而且说的都是我在简历上一眼能看到的东西，太简短了，会让面试官认为这个人是不是不愿意沟通，或者求职意愿不强不愿意多说话，而且面试官也没法继续接话下去。 不说重点型：“我叫XX，今年24，毕业于XX学院，。。。有一个女朋友了”，这还是一个研.
高级前端面试题及详解
蛋蛋的博客
02-13 2518
当准备高级前端面试时，除了掌握基本的前端知识外，还需要深入了解一些更高级的概念和技术。什么是服务端渲染（SSR）和客户端渲染（CSR）？什么是服务端渲染（SSR）和客户端渲染（CSR）？什么是 Web Workers？如何使用 Web Workers？什么是单页面应用（SPA）？什么是单页面应用（SPA）？什么是虚拟 DOM？它如何提高前端性能？什么是虚拟 DOM？它的工作原理是什么？如何实现响应式设计？如何实现响应式设计？什么是渐进增强和优雅降级？什么是渐进增强和优雅降级？如何进行前端性能优化？
最新Web前端面试题精选大全及答案
热门推荐
HanXiaoXi_yeal的博客
01-07 19万+
HTML、CSS相关 1.网络中使用最多的图片格式有哪些 JPEG,GIF,PNG,最流行的是jpeg格式，可以把文件压缩到最小 在ps以jpeg格式存储时，提供11级压缩级别 2.请简述css盒子模型 一个css盒子从外到内可以分成四个部分：margin（外边距），border（边框），padding（内边距），content（内容）。默认情况下，盒子的width和height属性只是设置content（内容）的宽和高， 盒子真正的宽应该是：内容宽度+左右填充+左右边距+左右边框 盒子真正
2023最全最新前端面试题（附加解答）
My dream
06-23 12万+
这是我整理所有看过的文章的面试题+各种百度每一道题的答案，希望可以有效的帮助别人 本章博客，梳理所有基础的js，jquery，vue，css, html等题，包含面试题，可供参考学习，也督促自我学习
2023年大厂前端面试题汇总
IT博客技术分享
08-14 2225
重排就是重新排列（reflow）：当渲染树的一部分必须更新并且节点的尺寸发生了变化，浏览器会使渲染树中受到影响的部分失效，并重新构造渲染树。重绘就是重新绘制（repaint）：是在一个元素的外观被改变所触发的浏览器行为，浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。17. 小程序包大小限制，体积超标的话如何处理（图片压缩+CDN, 分包操作）6. js的基本数据类型， 值类型和引用类型。23. nginx处理跨域-反向代理（原理）26. 过去遇到有挑战的事情，怎么解决的？
前端面试自我介绍话术
一个比较懒散的IT男
09-13 1万+
面试官您好 上午（下午好），我叫XXX,今天来应聘公司的前端工程师岗位，我从事前端开发有三年左右开发经验，有x年的vue开发经验，
2024前端面试八股文
04-23
### 2024前端面试八股文精要解析 #### CSS部分 1. **display的block、inline和inline-block的区别** - **block**：此类元素会独占一行，这意味着在同一行上不能存在其他的block元素。block元素可以设置宽度（`...
前端面试宝典V3.0.pdf
07-11
《前端面试宝典》是为前端开发者准备的一份详尽的面试指南，涵盖了从基础到高级的诸多领域。这本书旨在帮助求职者全面了解并掌握前端开发的关键知识点，以提升他们在面试中的竞争力。以下是对其中一些重点内容的详细...
2023前端面试八股文.pdf
04-03
在前端面试中，JavaScript 是一个核心话题，对于求职者来说，深入理解其数据类型、类型检测以及特殊值如 null 和 undefined 的区别至关重要。下面我们将详细讨论这些知识点。 首先，JavaScript 有八种数据类型，...
前端面试题汇总.pdf
01-25
前端面试题汇总主要涵盖HTML和CSS相关的重要知识点，旨在考察面试者对于网页构建的基础知识、浏览器兼容性、页面性能优化以及SEO策略等的理解。以下是对这些面试题的详细解析： 1. **浏览器测试**：面试者应熟悉...
基于vue框架的病床管理信息系统odt4v（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
最新发布
h2345678的博客
08-27 983
因此，开发一套集医疗人员、物流人员、病床信息及使用记录等功能于一体的病床管理信息系统，成为提升医院管理水平、优化资源配置、增强患者满意度的迫切需求。第三阶段：2024年4月1日－2024年4月30日，完成系统分析，设计，编码，测试等工作，同时完善文献综述及外文翻译，完成论文初稿；第二阶段：2024年3月10日－2024年3月31日，查阅资料，调研系统需求，熟悉课题所需要的编译软件、数据库和设计语言等；第一阶段：2023年1月11日－2024年3月9日， 确定毕设题目，查阅资料，完成开题报告，进行开题答辩。
JavaScript代码片段
weixin_66128399的博客
08-26 1417
使用场景是：后端列表查询接口，某个字段前端不传，后端就不根据那个字段筛选，例如name不传的话，就只根据page和pageSize筛选，但是前端查询参数的时候（vue或者react）中，往往会这样定义。给后端发送数据的时候，要判断某个属性是不是空字符串，然后给后端拼参数，这块逻辑抽离出来就是cleanObject，代码实现如下。leading-true，trailing-true：在延时开始时就调用，延时结束后也会调用。//第一个参数指定位数，第二个字符串指定字符，都是可选参数，如果都不传，默认生成8位。
jQuery基础——DOM
m0_54066656的博客
08-27 1519
JQ基础——DOM操作
python12 中，No module named‘distutils‘错误
qq_43557600的博客
08-27 7367
python12 “ No module named'distutils' ”,​ 安装 pip install setuptools ，解决 ​
vue ref和reactive区别
灰海
08-25 3050
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值