2024年前端大厂(腾讯、字节跳动,CSS的标准文档流

  • 项目相关的

  • 对前端的看法

  • 说说JS有什么特点和优缺点

  • 怎么解决浮点数精度问题

  • es6 转换 es5 怎么处理 for 循环里面 settimeout 打印局部变量

  • this指向

  • 有哪些内置对象

  • null 和 undefined 的区别

  • js 执行机制和闭包(举例子)

  • 知道哪些布局(说明特点和什么场景适用)

  • 上下左右居中除了 flex 和定位还有哪些方法

  • 生成三角形

  • css变量

  • flex布局

  • 块级元素、内联元素区别,img标签类型

  • let const var区别

  • 链表、队列、栈的特点和实际工作中有哪些应用场景

  • 算法题:给出给定字符串的回文子串个数

  • 合并有序数组

  • 对 CDN 的理解

  • 对 QUIC 协议的理解

  • 谈谈 HTTP2.0 和 HTTP1.1 的区别,服务端推送和长连接有什么区别

  • 给你一组数和一个数值,要你返回数值由数组内的数组合而成的所有可能,数组中的数可以无限次使用

  • webpack 怎么加载 CSS,加载器做了什么?

  • 说说 vue 路由有哪些模式和区别 ?

  • 深拷贝的手动实现?


阿里

  • http2 新特性讲一下

  • http2 中的长连接相比于 http1 中手动指定 keep-alive 的优势

  • vue 数据的双向绑定原理

  • vue 中有用过类似 react 中的 redux 之类的吗?

  • vuex 是什么?实现原理知道吗?

  • vue2 和 vue3 的区别?

  • node的中间件用过吗?

  • 文件上传中间件的前后端具体操作

  • 中间件的实现原理

  • Webpack 的 loaders 和 plugins 的区别

  • 知道哪些项目优化手段

  • 什么东西会引起回流重绘

  • HTTP 的缓存机制

  • react 和 vue 的异同

  • XSS 和 CSRF 的原因和解决办法

  • 模块化标准 ES6 和 CommonJS 有什么区别?

  • 箭头函数

  • 进程和线程

  • 栈和队列

  • 闭包(是什么,用途,缺点,解决办法)

  • this 指向以及 call、apply 的用法

  • 伪类和伪元素的区别

  • 盒模型


京东

  • 介绍一下 webpack

  • 具体说说 plugins

  • 闭包

  • 原型和原型链

  • Promise 应用场景

  • async 和 await

  • position

  • vue 响应式数据原理

  • 对 vue3.0 的了解

  • vue 的生命周期

  • v-for 中 key 的作用 具体说说 diff 算法

  • vuex,为什么要有action?

  • redux 工作流程

  • 说说 computed 和 watch

  • vh vw rem em

  • css 动画

  • jQuery和react区别

  • 堆栈区别

  • 排序方法有哪些 ?快排的实现思想、时间复杂度 完善归并排序

  • 防抖和节流

  • 宏任务和微任务

  • 对工程化的理解


前端校招面试题精编解析大全

文档内容主要包括 HTML,CSS,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,设计模式,项目等等面试题。

HTML

  • 浏览器页面有哪三层构成,分别是什么,作用是什么?

  • HTML5的优点与缺点?

  • Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?

  • HTML5有哪些新特性、移除了哪些元素?

  • 你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?

  • 每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗?

  • 说说你对HTML5认识?(是什么,为什么)

  • 对WEB标准以及W3C的理解与认识?

  • HTML5行内元素有哪些,块级元素有哪些, 空元素有哪些?

  • 什么是WebGL,它有什么优点?

  • 请你描述一下 cookies,sessionStorage 和 localStorage 的区别?

  • .说说你对HTML语义化的理解?

  • link和@import的区别?

  • 说说你对SVG理解?

  • HTML全局属性(global attribute)有哪些?

  • 说说超链接target属性的取值和作用?

  • data-属性的作用是什么?

  • 介绍一下你对浏览器内核的理解?

  • 常见的浏览器内核有哪些?

  • iframe有那些缺点?

CSS

  • 解释一下CSS的盒子模型?

  • 请你说说CSS选择器的类型有哪些,并举几个例子说明其用法?

  • 请你说说CSS有什么特殊性?(优先级、计算特殊值)

  • 要动态改变层中内容可以使用的方法?

  • 常见浏览器兼容性问题与解决方案?

  • 列出display的值并说明他们的作用?

  • 如何居中div, 如何居中一个浮动元素?

  • CSS中 link 和@import 的区别是?

  • 请列举几种清除浮动的方法(至少两种)?

  • block,inline和inlinke-block细节对比?

  • 什么叫优雅降级和渐进增强?

  • 说说浮动元素会引起的问题和你的解决办法

  • 你有哪些性能优化的方法?

  • 为什么要初始化CSS样式?

  • 解释下浮动和它的工作原理?清除浮动的技巧?

  • CSS样式表根据所在网页的位置,可分为哪几种样式表?

  • 谈谈你对CSS中刻度的认识?

  • 请你说说em与rem的区别?

  • 请你说说box-sizing属性的的用法?

  • 浏览器标准模式和怪异模式之间的区别是什么?

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

深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img
img
img
img

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

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
img

总结
  • 对于框架原理只能说个大概,真的深入某一部分具体的代码和实现方式就只能写出一个框架,许多细节注意不到。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  • 算法方面还是很薄弱,好在面试官都很和蔼可亲,擅长发现人的美哈哈哈…(最好多刷一刷,不然影响你的工资和成功率???)

  • 在投递简历之前,最好通过各种渠道找到公司内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。

  • 要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!

第一次跳槽十分忐忑不安,和没毕业的时候开始找工作是一样的感受,真的要相信自己,有条不紊的进行。如果有我能帮忙的地方欢迎随时找我,比如简历修改、内推、最起码,可以把烦心事说一说,人嘛都会有苦恼的~

业务,也可以帮助后期优秀 offer 的决策。

  • 要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!

第一次跳槽十分忐忑不安,和没毕业的时候开始找工作是一样的感受,真的要相信自己,有条不紊的进行。如果有我能帮忙的地方欢迎随时找我,比如简历修改、内推、最起码,可以把烦心事说一说,人嘛都会有苦恼的~

祝大家都有美好的未来,拿下满意的 offer。

  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值