【青训营】做面试题般回顾前端基础知识

1,118 阅读4分钟

本专题涉及HTML CSS JS的面试题&基础知识 持续更新中 21.9.9起

更新至21.9.19 结束 本专题将HTML CSS的基础知识进行了梳理并找了不少题目去学习 蛮有收获!

接下来进入紧张的面试准备时间!

下一个专题——“计网+算法+JS基础”开启勒!

系列文章主要适合 学习过前端知识但是感觉好多知识点还是不扎实/感觉开发网页没啥问题 一做面试题就有点懵逼 的小伙伴们

0.写在前面

第一次在掘金发文 仪式感得满上[doge]

这里是来自UESTC 准大三计科专业学生 由于专业方向偏向人工智能 所以在大学的前三个学期 学习重心都放在玩儿和研究人工智能上(没错前几个学期真的主要是在玩。)

这几个月突然发现自己对研发才是真爱?(算法岗卷不过了救命!) 毅然决然全力投入。

戳这里了解更多俺曲折的学习路线&心路历程

冲呀.jpg

另外启动本文的契机是来自字节跳动组织的字节青训营 感谢字节的工程师大大们提供的优质PPT以及对应讲解~

如上

1.系列文章

更新ing~

文章中知识点的顺序大体上与字节跳动青训营的课程顺序一致

【青训营】做面试题般回顾前端基础知识HTML篇 - 1 head标签中的内容;内联元素、块级元素的那些事儿

【青训营】做面试题般回顾前端基础知识HTML篇 - 2 HTML语义化标签、新增/移除的HTML5特性

【青训营】做面试题般回顾前端基础知识CSS篇 - 1 CSS选择器的那些事儿

【青训营】做面试题般回顾前端基础知识CSS篇 - 2 CSS盒模型那些有趣的知识点

【青训营】做面试题般回顾前端基础知识CSS篇 - 3 标准盒模型中块元素宽度&总宽度的问题

【青训营】做面试题般回顾前端基础知识CSS篇 - 4 弹性布局与经典面试题CSS实现垂直居中

2.系列文章简介

“做面试题般回顾基础知识” 为啥会有这么个听起来很是功利的想法呢?

大疑问.jfif

是这样,之前我在其他平台也尝试着总结过前端知识来着 标题类似这样 前端爱好者的小白学习之路-2 从0基础到学会HTML(超文本标记语言)

  • 总结完之后不久:成就感满满 哎呀一大篇上万字的文章 知识点满满啊 之后拿这个复习就行了!
  • 总结完之后几个月:嘶 我写的这是啥 想翻一下复习一下吧 诶这块儿的东西我不想知道啊 看两眼就不想看了(没啥收获啊!)

不懂我意思.jpg

另外 感觉别人看到我写的这一大堆可能也是有种 地铁老人手机 的感想吧

突然有个想法"面试题、面经也看了那么多了,基础知识也刷了几遍了,那么结合字节青训营这个基础知识点的PPT、总结的面试题、总结的基础知识点这三者来一个汇总咋样?"

综上所述 打算采用一种新的知识点总结 的写法——

3.系列文章创作原则

大约1-3日沉淀一篇有关前端基础的文章 聚焦于HTML CSS JS (知识)

文章主要内容 与 写文原则:

  • 根据字节青训营前端课程的知识点大纲 选取其中比较贴近面试题中的内容进行记录
  • 根据牛客网自己平时记录下来的面经中的面试题专项练习 选取与上述课程中知识点较贴合的题目进行记录
  • 拒绝在每篇文章根据课程流程照本宣科地陈述知识点 而不论重点与否
  • 保证每篇文章中的知识点要条理清晰 一个一级标题承载一个知识点 虽然拒绝按照流程无脑地陈述知识点 但是文中知识点也不可以无厘头 尽量要有前后关系

4.文章阅读姿势

每篇文章会建立多个一级标题 其内容为 一个问题/一个知识点

首先阅读一级标题并根据问题/内容进行基础知识的回忆和思考


之后再阅读下文的答案

加深对知识的印象 / 获得新的知识!

太完美了.jpg

希望不是理想很丰满 现实很骨感吧 尽量认真去总结! 另外也希望在之后学习的过程中能不断推陈出新吧~