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

我們先來看什么叫做知識架構(gòu)?

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

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

JavaScript知識架構(gòu)

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

運行時可以分為數(shù)據(jù)結(jié)構(gòu)和算法部分——數(shù)據(jù)結(jié)構(gòu)包含類型和實例(內(nèi)置對象)，算法是執(zhí)行過程。執(zhí)行過程應(yīng)按照從最頂層的事件循環(huán)和微任務(wù)，到函數(shù)、再到語句級的執(zhí)行。

語法和語義基本是一一對應(yīng)關(guān)系，在JavaScript標(biāo)準(zhǔn)中有一份語法定義表，建議隨時拿出來看一看。

HTML 和 CSS知識架構(gòu)

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

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

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

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

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

瀏覽器的實現(xiàn)原理和API

瀏覽器的實現(xiàn)原理，是我們深入理解 API 的基礎(chǔ)

從一般的瀏覽器設(shè)計出發(fā)，按照解析、構(gòu)建DOM樹、計算CSS、渲染、合成和繪制的流程來學(xué)習(xí)瀏覽器的工作原理。

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

到此，關(guān)于“html、css和JavaScript的知識架構(gòu)是什么”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
分享名稱：html、css和JavaScript的知識架構(gòu)是什么-創(chuàng)新互聯(lián)
瀏覽地址：http://weahome.cn/article/csscdj.html