根據(jù)winter老師的劃分,前端知識在總體上分為基礎部分和實踐部分。
其中基礎部分尔当,就包含了JavaScript語言、HTML+CSS、瀏覽器實現(xiàn)原理和API三個模塊椭迎,這三個模塊涵蓋了一個前端工程師的所需要掌握的全部知識锐帜;
而實踐部分,winter會分享自己工作過程中遇到的問題以及解決方案畜号;
JavaScript
上圖的劃分遵循了編程語言的一般規(guī)律:用一定的詞法和語法缴阎,表達一定的語義,從而操作運行時简软。
再看蛮拔,把運行時劃分為數(shù)據(jù)結構和算法(執(zhí)行過程)
數(shù)據(jù)結構:包含類型和實例,JavaScript類型就是它的7種基本類型和7種語言類型痹升,實例就是它的內置對象建炫;
【7種基本類型:Undefined、Null疼蛾、Boolean肛跌、Number、String察郁、Symbol(ES6)衍慎、Object(復雜數(shù)據(jù)類型/引用類型)】
【7種語言類型:List和Record、Set皮钠、Completion Record稳捆、Reference、Property Descriptor麦轰、Lexical Environment和Environment Record乔夯、Data Block】
算法:所謂算法,也就是JavaScript的執(zhí)行過程款侵。
HTML+CSS
HTML部分驯嘱,劃分為元素、語言喳坠、補充標準鞠评;
元素的劃分:
1、文檔元信息:通常出現(xiàn)在head標簽中的元素壕鹉,包含了描述文檔自身的一些信息剃幌;例:title、meta晾浴、style负乡、link、base等
2脊凰、語義相關:擴展了純文本抖棘,表達文章結構茂腥、不同語言要素的標簽;例:section切省、nav等
3最岗、鏈接:提供到文檔內和文檔外的鏈接;
4朝捆、替換型標簽:引入聲音般渡、圖片、視頻等外部元素替換自身的一類標簽芙盘;例:img驯用、video等
5、表單:用于填寫和提交信息的一類標簽儒老;例:input蝴乔、button等
6、表格:表頭驮樊、表尾淘这、單元格等表格結構。
CSS部分巩剖,劃分為語言和功能;后邊文章再做詳細介紹
瀏覽器的實現(xiàn)原理和API
先看圖钠怯,了解為啥這樣劃分佳魔,同樣后邊再詳細介紹。
前端工程實踐
前端工程實踐=性能+工具鏈+持續(xù)集成+搭建系統(tǒng)+架構與基礎庫