---

theme: smartblue highlight: github

---

本專題涉及HTML CSS JS的面試題&基礎知識 持續更新中 21.9.9起

更新至21.9.19 結束 本專題將HTML CSS的基礎知識進行了梳理並找了不少題目去學習 蠻有收穫！

接下來進入緊張的面試準備時間！

下一個專題——“計網+演算法+JS基礎”開啟勒！

系列文章主要適合 學習過前端知識但是感覺好多知識點還是不紮實/感覺開發網頁沒啥問題 一做面試題就有點懵逼 的小夥伴們

0.寫在前面

第一次在掘金髮文 儀式感得滿上[doge]

這裡是來自UESTC 準大三計科專業學生 由於專業方向偏向人工智慧 所以在大學的前三個學期 學習重心都放在玩兒和研究人工智慧上（沒錯前幾個學期真的主要是在玩。）

這幾個月突然發現自己對研發才是真愛？（演算法崗卷不過了救命！） 毅然決然全力投入。

戳這裡瞭解更多俺曲折的學習路線&心路歷程

另外啟動本文的契機是來自位元組跳動組織的位元組青訓營 感謝位元組的工程師大大們提供的優質PPT以及對應講解~

如上

1.系列文章

更新ing~

文章中知識點的順序大體上與位元組跳動青訓營的課程順序一致

【青訓營】做面試題般回顧前端基礎知識HTML篇 - 1 head標籤中的內容；內聯元素、塊級元素的那些事兒

【青訓營】做面試題般回顧前端基礎知識HTML篇 - 2 HTML語義化標籤、新增/移除的HTML5特性

【青訓營】做面試題般回顧前端基礎知識CSS篇 - 1 CSS選擇器的那些事兒

【青訓營】做面試題般回顧前端基礎知識CSS篇 - 2 CSS盒模型那些有趣的知識點

【青訓營】做面試題般回顧前端基礎知識CSS篇 - 3 標準盒模型中塊元素寬度&總寬度的問題

【青訓營】做面試題般回顧前端基礎知識CSS篇 - 4 彈性佈局與經典面試題CSS實現垂直居中

2.系列文章簡介

“做面試題般回顧基礎知識” 為啥會有這麼個聽起來很是功利的想法呢？

是這樣，之前我在其他平臺也嘗試著總結過前端知識來著 標題類似這樣 前端愛好者的小白學習之路-2 從0基礎到學會HTML（超文字標記語言）

• 總結完之後不久：成就感滿滿 哎呀一大篇上萬字的文章 知識點滿滿啊 之後拿這個複習就行了！
• 總結完之後幾個月：嘶 我寫的這是啥 想翻一下複習一下吧 誒這塊兒的東西我不想知道啊 看兩眼就不想看了（沒啥收穫啊！）

另外 感覺別人看到我寫的這一大堆可能也是有種 地鐵老人手機 的感想吧

突然有個想法"面試題、面經也看了那麼多了，基礎知識也刷了幾遍了，那麼結合位元組青訓營這個基礎知識點的PPT、總結的面試題、總結的基礎知識點這三者來一個彙總咋樣？"

綜上所述 打算採用一種新的知識點總結 的寫法——

3.系列文章創作原則

大約1-3日沉澱一篇有關前端基礎的文章 聚焦於HTML CSS JS （知識）

文章主要內容 與 寫文原則： - 根據位元組青訓營前端課程的知識點大綱 選取其中比較貼近面試題中的內容進行記錄 - 根據牛客網、自己平時記錄下來的面經中的面試題專項練習 選取與上述課程中知識點較貼合的題目進行記錄 - 拒絕在每篇文章根據課程流程照本宣科地陳述知識點 而不論重點與否 - 保證每篇文章中的知識點要條理清晰 一個一級標題承載一個知識點 雖然拒絕按照流程無腦地陳述知識點 但是文中知識點也不可以無厘頭 儘量要有前後關係

4.文章閱讀姿勢

每篇文章會建立多個一級標題 其內容為 一個問題/一個知識點

首先閱讀一級標題並根據問題/內容進行基礎知識的回憶和思考

---

之後再閱讀下文的答案

加深對知識的印象 / 獲得新的知識！

希望不是理想很豐滿 現實很骨感吧 儘量認真去總結！ 另外也希望在之後學習的過程中能不斷推陳出新吧~