前端一面（字节，百度，阿里

于 2024-04-22 00:22:35 发布
阅读量853 收藏 29
点赞数 24
分类专栏： 程序员 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84091663/article/details/138051012
版权

  • 说说两种盒模型？

  • vuex的使用？

  • mutation和action区别

  • 组件中的data用箭头函数行不行

  • 如何让前端禁用cookie？

  • 怎么学前端？

  • 算法题：大数相加

腾讯一面（实习）：

  • 自我介绍

  • 可以实习多久

  • 讲一下队列和栈，以及应用场景

  • 说一下闭包

  • Promise 解决了什么问题，有什么问题；

  • async-await 解决了什么问题

  • Nodejs 如何实现高并发的

  • Nodejs 的 eventloop

  • 了解 ES6 吗

  • 跨域方法

  • jsonp 的 script 何时执行，cors 设置什么头

  • 了解哪些设计模式

  • 知道 react 的 hook吗

  • React 兄弟间传参的方式场景题：有一个下拉框，点击某一个选项，框中进行展示：在react中，props和state分别怎么设计

  • http 和 https 的区别

  • Vue 的 MVVM 设计，底层原理

  • compile 的实现

  • Class 中 static 的属性和普通属性的区别

  • nginx 的配置

  • 项目中觉得做得好的地方是什么

面试题总结

内容大纲包括HTML，CSS，JavaScript，jQuery，浏览器，HTTP，React，小程序，需要可以私信 “前端面试” 免费领取！

HTML、CSS相关

  • 网络中使用最多的图片格式有哪些

  • 请简述css盒子模型

  • 视频/音频标签的使用

  • HTML5新增的内容有哪些

  • HTML5 新增的语义化标签有哪些

  • CSS3新增的特性

  • 清除浮动的方式有哪些？请说出各自的优点

  • 定位的属性值有何区别

  • 子元素如何在父元素中居中

  • Border-box与content-box的区别

  • 元素垂直居中

  • 如何让chrome浏览器显示小于12px的文字

  • CSS选择器有哪些，那些属性可以继承，优先级如何计算？

  • CSS3新增的伪类有哪些？

  • 网页中有大量图片加载很慢 你有什么办法进行优化？

  • 行内元素/块级元素有哪些？

  • 浏览器的标准模式和怪异模式区别？

  • Margin和padding在什么场合下使用

  • 弹性盒子布局属性有那些请简述?

  • 怎么实现标签的禁用

  • Flex布局原理

  • px，rem，em的区别

  • 网页的三层结构有哪些

  • 请简述媒体查询

  • 三栏布局方式两边固定中间自适应

  • Doctype作用

  • CSS 预处理 sass less 是什么？为什么使用他们

  • 怎么转换less为css

JavaScript相关

  • Js基本数据类型有哪些

  • Ajax如何使用

  • 如何判断一个数据是NaN

  • 闭包是什么？有什么特性？对页面会有什么影响

  • Js中常见的内存泄漏：

  • 事件委托是什么？如何确定事件源（Event.target 谁调用谁就是事件源）

  • 什么是事件冒泡？

  • 本地存储与cookie的区别

  • ES6新特性

  • Let与var与const的区别

  • 数组方法有哪些请简述

  • 请掌握2种以上数组去重的方式

  • 什么是面向对象请简述

  • 普通函数和构造函数的区别

  • 请简述原型 / 原型链 /（原型）继承

  • Promise的理解

  • 请简述async的用法

  • 一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？

  • Js中.call()与.apply()区别

  • 为什么会造成跨域/请简述同源策略

  • This指向

  • 什么是jsonp工作原理是什么？他为什么不是真正的ajax

  • 请写出一个简单的类与继承

  • 同步与异步的区别/阻塞与非阻塞区别

  • 为什么js是弱类型语言

  • 箭头函数与普通函数的区别

  • For循环与map循环有什么区别

  • 原型和继承，prototype，call和apply继承的区别

  • 深浅拷贝是什么如何实现？

  • 什么时候用深拷贝 /浅拷贝

  • 什么是js内存泄露？

  • 什么是csrf攻击

  • 预加载和懒加载的区别，预加载在什么时间加载合适

  • Js的函数节流和函数防抖的区别

jQuery相关

  • 什么是jQuery？

  • 为什么要使用jQuery？jquery有哪些好处？

  • Jquery选择器有哪些

  • Jquery插入节点的方法

  • jQuery对象和DOM对象是怎样转换的

  • jQuery中.get()提交和.post()提交的区别

  • 怎么使用jQuery中的动画

  • jQuery中如何来获取和设置属性

  • 如何来设置和获取HTML和文本的值？

  • jQuery中有哪些方法可以遍历节点？

  • $(this) 和 this 关键字在 jQuery 中有何不同？

  • jQuery 里的 each() 是什么函数？你是如何使用它的？

  • Query中的Delegate()函数有什么作用？

浏览器，HTTP相关

  • http是什么？有什么特点

  • HTTP协议和HTTPS区别

  • 请简述ajax的执行过程 以及常见的HTTP状态码

  • Get和post不同

  • 请输出三种减少页面加载时间的方式

  • 重绘和回流是什么

  • 你如何对网站的文件和资源进行优化？

Vue相关

  • Vue的核心是什么

  • 请简述你对vue的理解

  • 请简述vue的单向数据流

  • Vue常用的修饰符有哪些

  • v-text与{{}}与v-html区别

  • v-on可以绑定多个方法吗

  • Vue循环的key作用

  • 什么是计算属性

  • Vue单页面的优缺点

  • Vuex是什么？怎么使用？在那种场景下使用

  • Vue中路由跳转方式（声明式/编程式）

  • 路由中name属性有什么作用？

  • vue跨域的解决方式

  • Vue的生命周期请简述

  • Vue生命周期的作用

  • DOM渲染在那个生命周期阶段内完成

  • Vue路由的实现

  • Vue路由模式hash和history，简单讲一下

  • Vue路由传参的两种方式，params和query方式与区别

  • Vue数据绑定的几种方式

  • Vue注册一个全局组件

  • Vue的路由钩子函数/路由守卫有哪些

  • Vue中如何进行动态路由设置？有哪些方式？怎么获取传递过来的数据？

  • Elementui中的常用组件有哪些？请简述你经常使用的 并且他们的属性有哪些？

  • Vue中指令有哪些

  • Vue如何定义一个过滤器

  • 对vue 中keep-alive的理解

  • 如何让组件中的css在当前组件生效

  • Vue生命周期一共几个阶段

  • Mvvm与mvc的区别

  • Vue组件中的data为什么是函数

  • Vue双向绑定的原理

  • Vue中组件怎么传值

  • Bootstrap的原理

  • 槽口请简述

  • Watch请简述

  • Vant Ui请简述下

  • 计算属性与watch区别

  • mvvm框架是什么？它和其它框架（jquery）的区别是什么？哪些场景适合？

  • Vue首屏加载慢的原因，怎么解决的，怎么解决白屏问题

  • Vue双数据绑定过程中，这边儿数据改变了怎么通知另一边改变

  • Vuex流程

  • Vuex怎么请求异步数据

  • Vuex中action如何提交给mutation的

  • Route与router区别

  • vuex的State特性是？

  • vuex的Getter特性是？

  • vuex的Mutation特性是？

  • vuex的actions特性是？

  • vuex的优势

  • v-for与v-if优先级

React相关

  • fetch VS ajax VS axios

  • React事件处理—修改this指向

  • 请简述你对react的理解

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

资料领取方式：点击这里免费领取前端全套学习资料

css源码pdf

JavaScript知识点
713716479086)]

最后

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

资料领取方式：点击这里免费领取前端全套学习资料

[外链图片转存中…(img-zbREyeYR-1713716479086)]

[外链图片转存中…(img-HXoOA4Pt-1713716479086)]

2401_84091663
关注
专栏目录
前端基础知识
qq_35108884的博客
11-24 404
css 1.calc, support, media各自的含义及用法？ @support主要是用于检测浏览器是否支持CSS的某个属性，其实就是条件判断，如果支持某个属性，你可以写一套样式，如果不支持某个属性，你也可以提供另外一套样式作为替补。 calc() 函数用于动态计算长度值。 calc()函数支持 “+”, “-”, “*”, “/” 运算； @media 查询，你可以针对不同的媒体类型定义不同的样式。 2.css水平、垂直居中的写法，请至少写出4种？ 这题考查的是css的基础知识是否全面，所以平时一
2022前端秋招面试题总结 阿里 腾讯 字节 百度 网易 京东 小红书 快手面试记录
m0_46424423的博客
12-08 1680
等了百度三个月，终于发offer了，白菜价，92大佬们拒的薪资，我知足了。排序挂了狠多，快手，蚂蚁，… 很绝望我的新博客：https://jzq422bol5.feishu.cn/wiki/个人分享：https://jzq422bol5.feishu.cn/wiki/wikcnuSye5AxZ1IwRyRedlKxaAhGithub：https://github.com/Sunny-117自我介绍手写：实现n阶乘手写：相邻数组的最大哪个，不能排序手写：tree 可以看这里https://www.nowcod
前端面试(一面面试题）
young_12的博客
01-10 310
前端面试(一面面试题） calc, support, media各自的含义及用法？ calc() 函数主要是用于动态计算长度值。calc() 函数支持"+","-","*","/"运算。 @support 主要适用于检测浏览器是否支持CSS的某个属性，相当于条件判断，如果浏览器兼容这套样式则最好，如果不支持则你可以通过判断为浏览器提供另一套兼容样式做候选。 @media 查询，你可以针对不同的媒体类型定义不同的样式 css水平、垂直居中的写法，请至少写出4种？ 水平居中 行内元素：text-align:c
前端一面（字节，百度，阿里 ......）面试题收藏！
QIANDXX的博客
05-12 5451
前言 一面都比较偏基础，大部分题目都会，即使不会也似曾相识，都能说上几句。但为什么有些人能过有些人过不了，这就是考查你的基础知识是否全面且扎实，这就需要平常的积累了。 字节一面： 自我介绍 vue router 有哪些api web页面生命周期和dom生命周期 vue生命周期 数据请求写在哪个生命周期函数中 promise 有什么api promise.all的参数是什么 promise代码输出 宏任务微任务 settimeout代码看输出 防抖节流函数 有什么区别 css中实现单行多行文字截断 垂直居
面试题23：使用 clear 属性清除浮动的原理？
qq_51066068的博客
04-26 1254
面试官：请说一下使用 clear 属性清除浮动的原理？ 使用clear属性清除浮动，其语法如下： clear:none|left|right|both 如果单看字面意思，clear:left 是“清除左浮动”，clear:right 是“清除右浮动”，实际上，这种解释是有问题的，因为浮动一直还在，并没有清除。 官方对clear属性解释：“元素盒子的边不能和前面的浮动元素相邻”，对元素设置clear属性是为了避免浮动元素对该元素的影响，而不是清除掉浮动。 还需要注意 clear 属性指的是元素盒.
字节跳动前端岗位面试分享（已拿offer）
QXXXD的博客
12-18 6127
一个朋友的分享 秋招，有幸去字节面试了，顺便拿到了offer，把还记得东西写下来，供大家参考一下。 一面 css 如何实现垂直居中？ position 有哪几种？分别说一下对应的效果和用法 css 选择器优先级 js 原型链，问了js 如何创建对象 页面渲染和响应 式 MVVM 和 MVC的区别 Vue 生命周期，在哪个阶段可以获取页面 dom 信息 Vue 的组件通信 ，聊到一些网络相关 TCP 和 UDP 的区别 TCP 的三次握手和四次挥手 promise 有哪几种状态 手写一个 promise
腾讯 字节 阿里 百度 面经 （持续更新）
Banksyw的博客
03-20 616
计网相关： tcp三次握手 拥塞控制和流量控制 端口复用（这个我自己还是要了解下，没问） 序列号相关，丢失重传，序列号怎么发？（待补充，最后一位序列号加1？） tcp四元组（好家伙居然蒙对了） 怎样查看tcp连接数达到上限？（好家伙 不会） 数据库相关： B+树的插入操作（不会） B树，B+树的插入，删除 什么时候走辅助索引，比直接全表查询慢？ 直接回答了数据量比较少的时候，面试官：还有呢？最后他提示；多个范围零散的查找，数据地址不在相邻的物理区间（这个物理上的局部性原理，我在说聚集和非聚集的时候提到过）
2021最新大厂前端面试题总结（百度、字节跳动、腾讯、小米.....），附面试经验！
热门推荐
weixin_56134381的博客
05-06 1万+
首先肯定是找一个简洁不浮夸却有很精美的简历模板，然后将自己的信息填上去，主要的就是：姓名、电话、照片、擅长的技术栈、教育经历、实习经历、项目经历、证书、社交网站。这里要强调的是：不太熟悉的东西别往上写，没用的东西别往上写。 然后就是投简历的渠道问题了，这里我要给个建议，最好找别人内推一下，因为这样更快让你的简历被看到，避免长时间没有音讯。
「前端996」阿里智能事业群-达摩院-机器智能技术部-秋招面试经历（整理）
超逸の学习技术博客
09-02 1471
第一次面阿里...
字节跳动前端面经
elegant coder
07-19 2500
已经过去8个月了， 勉强回忆起了大部分的内容。我的面试偏话痨风， 时常带节奏， 反面教材， 适度参考。 一面 一面是交叉面， 一个超级有气质的小姐姐hhh， 瞬间对头条充满了憧憬。 一上来先做了一下自我介绍， balabalabala~ 问题1： 签到题 Q： vue的双向绑定是怎么实现的？ A： 旧版本是defineProperty， 新版本是proxy。 defineProperty可以设置对象的一个属性的setter和getter， 以及是否冻结等等， 通过这样的方式来给赋值运算注入更多的操作， 比
字节最新前端面试题.pdf
02-25
字节最新2021Web前端最新面试题
前端场景题
weixin_44208404的博客
10-06 1264
（1）http请求过多（2）页面回流和重绘较多（3）接收数据时间长，下载资源过大。
前端面试题（字节）
香葱芝士面包
03-11 1632
1.你了解浏览器的事件循环么？ 1.1为什么js在浏览器中有事件循环的机制？ 因为JS是单线程的。 单线程是必要的，也是javascript这门语言的基石，原因之一在其最初也是最主要的执行环境——浏览器中，JavaScript的主要用途是与用户互动，以及操作DOM。如果javascript是多线程的，那么当两个线程同时对dom进行一项操作，例如一个向其添加事件，而另一个删除了这个dom，此时该如何处理呢？因此，为了保证不发生类似于这个例子中的情景，javascript选择只用一个主线程来执行代码，这样就保证
[面试系列]字节跳动前端面试
procstu的博客
04-01 401
前端小学生的苦逼面试经历
字节跳动，前端面试
半夏_2021的博客
05-03 1257
字节跳动，前端面试
高级前端一面面试题合集
grooyo的博客
09-12 755
高级前端一面面试题合集
字节前端面试题
qq_41590119的博客
04-14 780
CSS 怎么实现边框宽度是 0.5px？ 答：首先使用 transform:scale(0.5); 将其缩小到一半，再使用如下代码放大到原来的大小，这时边框就变为 0.5px 了。 CSS top:-50%; right:-50%; bottom:-50%; left:-50%; flex 详细介绍属性 答：flex 有以下三个 属性： flex-grow flex-shrink flex-basis CSS /* 关键字值 */ flex: auto; flex: initial; flex: n
字节前端面试回顾
weixin_48730616的博客
06-24 312
这是南京的字节，走的是寻常路。 1 水平垂直居中的几种方法的区别是什么（说了四种） 1、给绝对定位，盒子必需指定宽度，left、right、top、bottom都给0，margin给auto； 2、子绝父相，子盒子top、left都50%，用transform: translate(-50%,-50%); 3、子绝父相，子盒子top、left都50%，再设置margin-top、margin-left为当前盒子宽度一半的负值； 4、用flex布局，令主轴和侧轴的子元素排列方式为居中。justif
字节前端面试通关
最新发布
weixin_49781735的博客
01-15 934
Fiber是React16中引入的一种协调机制，用于实现React的异步渲染和增量更新。它是一种算法和数据结构的组合，用于管理组件的调度、渲染和协调过程。在React早期版本中，更新组件时是同步进行的，即一旦开始更新，就必须完成所有的工作，包括递归遍历整个组件树、计算差异并更新DOM。这种同步的更新方式在大型应用中可能会导致阻塞主线程，造成用户界面不流畅，甚至出现卡顿的情况。为了解决这个问题，React团队引入了Fiber架构。
2020年IT大厂面试题解析：腾讯、阿里、网易、字节跳动等
"这篇文档汇总了2020年腾讯、阿里、网易、字节跳动等知名IT互联网公司的校招面试经验，包含了多个公司的面试流程和常见问题，旨在帮助求职者了解面试流程和准备方向。" 在IT互联网公司的面试过程中，面试官通常会...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值