html、css和JavaScript的知識架構是什么

這篇文章主要介紹“html、css和JavaScript的知識架構是什么”，在日常操作中，相信很多人在html、css和JavaScript的知識架構是什么問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”html、css和JavaScript的知識架構是什么”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

　　我們先來看什么叫做知識架構?

　　我們可以把它理解為知識的“目錄”或者索引，它能夠幫助我們把零散的知識組織起來，也能夠幫助我們發現一些知識上的盲區。

　　本文包含了JavaScript、CSS和HTML以及瀏覽器的實現原理和API，這三個模塊涵蓋了一個前端工程師所需要掌握的全部知識。

　　JavaScript知識架構

　　在JavaScript的模塊中，首先我們可以把語言按照文法、語義和運行時來拆分，這符合編程語言的一般規律：用一定的詞法和語法，表達一定語義，從而操作運行時。

　　運行時可以分為數據結構和算法部分——數據結構包含類型和實例(內置對象)，算法是執行過程。執行過程應按照從最頂層的事件循環和微任務，到函數、再到語句級的執行。

　　語法和語義基本是一一對應關系，在JavaScript標準中有一份語法定義表，建議隨時拿出來看一看。

　　HTML 和 CSS知識架構

　　在HTML的部分，我們按照功能和語言來劃分它的知識，HTML的功能主要由標簽來承擔，所以首先要把標簽做一些分類。圖中元素后面的分類，便是我們按照承擔的不同功能，把標簽分成的幾個類別。

　　除了標簽之外，你還應該把HTML當作一門語言來了解下。較基礎的HTML的語法和幾個重要的語言機制：實體、命名空間，你一定要掌握。

　　CSS部分，可以按照語言和功能劃分。

　　語言部分，@rule、選擇器、單位是三個要關注的部分。

　　功能部分，可以重點關注布局(正常流和彈性布局)、繪制(圖形和文字)以及交互類。

　　瀏覽器的實現原理和API

　　瀏覽器的實現原理，是我們深入理解 API 的基礎

　　從一般的瀏覽器設計出發，按照解析、構建DOM樹、計算CSS、渲染、合成和繪制的流程來學習瀏覽器的工作原理。

　　在API部分，可以從W3C零散的標準中挑選幾個大塊的API來詳細講解，主要有：事件、DOM、CSSOM幾個部分，他們分別覆蓋了交互、語義和可見效果，這是我們工作中用到的主要內容。

到此，關于“html、css和JavaScript的知識架構是什么”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！