現在的位置: 首頁 > web前端 > 正文

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

2020年01月14日 web前端 ⁄ 共 1020字 ⁄ 字號 評論關閉

  以前開發者只要掌握 HTML、CSS、JavaScript 三駕馬車就能勝任一份前端的工作了。而現在除了普通的編碼以外,還要考慮如何性能優化,如何跨端、跨平臺實現功能,尤其是 AI、5G 技術的來臨,都在加快前端技術的更新,也在逼促開發者要不停的學習,不能的接受新的技術標準。

  “學什么”“怎么學”其實是我們要著重解決的問題。所以,今天給你梳理一下前端知識框架,幫你把知識點重新做個遍歷,查缺補漏的學習更輕松。

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

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

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

  JavaScript知識架構

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

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

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

  HTML 和 CSS知識架構

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

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

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

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

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

  瀏覽器的實現原理和API

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

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

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

抱歉!評論已關閉.

奔驰宝马破解版下载 资产配置公司 3分彩骗局 王者捕鱼现金官网win 江西抚州麻将优乐江西抚州麻将馆 兼职网赚论坛 最大的股票论坛 金币棋牌游戏开发? 最牛二尾中特discuz 乐乐安徽麻将官方下载 蚂蚁赚文字录入 恒邦股份股票分析 快乐十分开的计划 股票推荐3只黑马 至尊斗地主官网 最准一码中奖免费公开资料 琼崖海南麻将安卓版官方网