畢業(yè)工作一年之后，有了轉行的想法，偶然接觸到程序員這方面，產生了濃厚且強烈的興趣，開始學習前端，成功收割了大廠offer，開始了我的程序員生涯。

在自學過程中有過一些小廠的面試經歷，也在一些小型的互聯網公司實習過，這些都不是本文重點。本篇章主要分享一下這次字節(jié)跳動、美團、頭條等大廠的面試真題涉及到的知識點，以及我個人的學習方法、學習路線等，當然也整理了一些學習文檔資料出來是附贈給大家的。知識點涉及比較全面，包括但不限于前端基礎，HTML，CSS，JavaScript，Vue，ES6，HTTP，瀏覽器，算法等等

標簽語義化：

語義和默認樣式的區(qū)別：

• 默認樣式是瀏覽器設定的一些常用tag的表現形式；
• 語義化的主要目的就是讓大家直觀的認識標簽和屬性的用途和作用；

標簽語義化作用：

• 當只有HTML頁面時，沒有CSS，我們仍然可以很清晰的看懂頁面的DOM結構
• 團隊維護，當團隊來review代碼或者重構時，增強代碼的可讀性，更利于維護
• 有利于SEO，搜索引擎爬蟲依賴于標簽來確定上下文和各個關鍵字的權重
• 提高用戶體驗，比如 title 和 alt 等用來解釋內容信息

常用語義化的標簽：

• <header>頭部標簽，用來寫網頁最上方的公共頭部，也就是頁眉。

<header><h1>一級標題</h1><h2>二級標題</h2> </header>

• <nav>標簽，用來寫導航，一般寫在<header>標簽里面，內部用<ul>無序列表。

<nav><ul><li></li><li></li><li></li></ul> </nav>

• <code>：code可以包裹html語句而不會被瀏覽器再去解析。

• <pre>，<samp>：這是一段HTTP協(xié)議的內容描述，因為這段內容的換行是非常嚴格的，所以我們不需要瀏覽器幫我們做自動換行，因此我們使用了pre標簽，表示這部分內容是預先排版過的，不需要瀏覽器進行排版。

• <article>標簽，當我們要寫網頁文章的主要內容時，要用到這個標簽。

<article><h2>標題</h2><p>內容</p> </article>

• <address>標簽，定義文檔作者或擁有者的聯系信息。

如果 <address> 元素位于<article>元素內部，則它表示該文章作者或擁有者的聯系信息。

通常的做法是將 address 元素添加到網頁的頭部或底部。

• <p>段落標簽

知道了

作為段落，你就不會再使用<br/>來換行了，而且不需要<br/>來區(qū)分段落與段落。
<p></p>中的文字會自動換行，而且換行的效果優(yōu)于<br/>。

<p>段落內容</p>

• <span>標簽

<span>標簽的語義為被用來組合文檔中的行內元素

• <b>、<em>、<strong>

<b>標簽語義為“加粗”

<em>標簽語義為“強調”

<strong>標簽語義為“更強烈的強調” 而且em 默認用斜體表示，strong 用粗體表示。

最后

技術是沒有終點的，也是學不完的，最重要的是活著、不禿。零基礎入門的時候看書還是看視頻，我覺得成年人，何必做選擇題呢，兩個都要。喜歡看書就看書，喜歡看視頻就看視頻。最重要的是在自學的過程中，一定不要眼高手低，要實戰(zhàn)，把學到的技術投入到項目當中，解決問題，之后進一步錘煉自己的技術。

技術學到手后，就要開始準備面試了，找工作的時候一定要好好準備簡歷，畢竟簡歷是找工作的敲門磚，還有就是要多做面試題，復習鞏固。有需要面試題資料的朋友點擊這里可以免費領取。

取](https://docs.qq.com/doc/DSmRnRGxvUkxTREhO)。

[外鏈圖片轉存中…(img-aoLghM1l-1622807137317)]

總結

以上是生活随笔為你收集整理的MMKV集成与原理，薪资翻倍的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。