故事开篇:
本人应届毕业生前端开发一枚,二本计算机专业,大一大二打游戏混日子,觉得离自己工作还远着,没什么压力,大三下学期,刚好碰上疫情,疫情的时候在家时间比较多,天天玩游戏总觉得心理惴惴不安,于是开始认真自学相关知识。提前在家学习项目背面试题为面试做准备。
以下主要分享面经和个人学习方法(适合0-1年经验),会包括很多面试题PDF文档,学习笔记、等等,均可以分享,需要的点击此处免费领取~
字节面试题(实习)
一面
- 自我介绍
- this探讨
- 说说有哪些改变this指向的方法
- 假如要兼容IE,请简单实现一下bind
- 你看过Vue的源码嘛?简单实现一下发布订阅模式
- UDP & TCP 说说两者的区别
- 怎么判断这个包是UDP还是TCP
- 说说HTTPS原理
- 说说什么时候必须使用ETag
- 浏览器缓存,说说都有哪些方法?
- 二叉树左侧看
二面
- 自我介绍
- 说说虚拟DOM和原始DOM相比的优缺点
- 根据svelte框架,类比一下你还能说出什么缺点嘛?
- BFC是什么?
- 什么情况下使用BFC
- 该怎么触发BFC
- 移动端适配
- rem 和 em 的区别
- Vuex用过modules吧,说说A文件内的actions怎么修改B的state
- TypeScript变量后面加上感叹号什么意思
- 类型断言的方法
- 异步
- 大概写下Promise.all的原理吧
三面
- 自我介绍
- 重点项目介绍,难点挑战
- 权限控制方案,怎么实现的,整体的思路如何
- 模块化是怎么划分的,具体做过哪些
- 提出了一个输入框远程搜索提示的功能
- 说说版本是怎么迭代的
面试准备
校招 -1 年,这个阶段还属于成长期,面试时更需要看重的是你的基础和热情。对于 JS 基础,计算机基础,网络通信,算法等部分的要求会相对高一些。毕竟这个阶段比较难考察你的业务项目中的沉淀,所以只能从基础部分入手考察。下面有几条小建议:
- 在学校学习,或是利用网络上的各种资料巩固自己的基础,是这个阶段的关键。
- 在简历里展示出你的优势,让面试官看到你的潜力。
- 多去了解社区前沿技术,关注国内外的各种技术趋势。
- 尝试自己写一些小项目,或者是参与社区开源的项目。
- 开始记录自己的技术博客。
规划简历
通常来说,简历结构都差不多,内容最好控制在一张A4纸内。
- 个人信息
- 教育经历
- 工作经历
- 项目经历
- 自我总结
个人信息:
简洁明了,主要包括:
- 姓名、联系方式,邮箱;
- 学校,专业;
- 求职岗位;
教育经历:
- 写清楚学校、专业、学历、时间、相关课程
- 成绩较优异的同学可选择性备注专业排名
工作经历:
工作经历是简历中相当重要的一部分,它是你过去几年经历的总结。
工作经历需要写的是你做成了什么,注意不是流水账一样去列举你做了什么,最好的是你给公司带来了什么样的贡献和提效。
具体需要写清楚地点、起止时间、职位、承担的工作。
项目经历:
- 项目经验可以写实习项目、学校比赛项目、自己折腾的技术项目,按照时间顺序梳理
- 描述项目背后通用的技术知识的应用实践以及解决问题的思路
- 相关产出,在线文档、博客等
自我总结:
- 描述专业技能,尽可能减少熟练、精通这类字眼
- 简要描述奖学金和其他在校荣誉,如竞赛奖项
- 语言能力,英语、日语或者其他语言均可
巩固基础
注重基础理论的积累,比如css盒模型,布局,过渡与动画,定位这些比较常用的理论。对于javascript,要多熟悉逻辑运算的语法和数组语法,因为很多场景下javascript都在处理逻辑。
学习笔记:
主要内容包括html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue 等等
基础面试题
主要内容包括:HTML,CSS,JavaScript,浏览器,性能优化等等
字节真题训练
CSS 基础
- 请你讲一讲 CSS 的权重和优先级
- 介绍 Flex 布局,flex 是什么属性的缩写:
- CSS 怎么画一个大小为父元素宽度一半的正方形?
- CSS实现自适应正方形、等宽高比矩形
- 实现两栏布局的方式
- 实现三列布局的方式
- CSS 动画有哪些?
- 用css2和css3分别写一下垂直居中和水平居中
- visibility 和 display 的差别(还有opacity)
- opacity 可以有过渡效果嘛?
- BFC 与 IFC 区别
- BFC会与float元素相互覆盖吗?为什么?举例说明
- 了解box-sizing吗?
- 什么是 BFC
- 了解盒模型吗?
- 说一下你知道的position属性,都有啥特点?
- 两个div上下排列,都设margin,有什么现象?
- 清除浮动有哪些方法?
JavaScript 基础
- 问:0.1 + 0.2 === 0.3 嘛?为什么?
- JS 数据类型
- JS 整数是怎么表示的?
- Number() 的存储空间是多大?如果后台发送了一个超过最大自己的数字怎么办
- 写代码:实现函数能够深度克隆基本类型
- 事件流
- 事件是如何实现的?
- new 一个函数发生了什么
- new 一个构造函数,如果函数返回
return {}
、return null
,return 1
,return true
会发生什么情况? - symbol有什么用处
- 闭包是什么?
- 闭包产生的本质
- 一般如何产生闭包
- 闭包的应用场景
- 什么是作用域?
- 什么是作用域链?
- NaN 是什么,用 typeof 会输出什么?
- JS 隐式转换,显示转换
- 了解 this 嘛,bind,call,apply 具体指什么
- 手写 bind、apply、call
- setTimeout(fn, 0)多久才执行,Event Loop
- 手写题:Promise 原理
- js脚本加载问题,async、defer问题
- 如何判断一个对象是不是空对象?
计算机网络
- DDOS 攻击
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后
一个好的心态和一个坚持的心很重要,很多冲着高薪的人想学习前端,但是能学到最后的没有几个,遇到困难就放弃了,这种人到处都是,就是因为有的东西难,所以他的回报才很大,我们评判一个前端开发者是什么水平,就是他解决问题的能力有多强。
分享一些简单的前端面试题以及学习路线给大家,狂戳这里即可免费领取
有几个,遇到困难就放弃了,这种人到处都是,就是因为有的东西难,所以他的回报才很大,我们评判一个前端开发者是什么水平,就是他解决问题的能力有多强。
分享一些简单的前端面试题以及学习路线给大家,狂戳这里即可免费领取
[外链图片转存中…(img-p0od5PZi-1712366254189)]