更新時間:2022-09-23 來源:黑馬程序員 瀏覽量:
Web前端在最近幾年發(fā)展的十分迅速,報名進行Web前端培訓的同學也越來越多。移動互聯(lián)網(wǎng)的背景之下,每一個人每天會跟各式各樣的手機端應用打交道,殊不知這些App都跟Web前端有著密不可分的關系。
有關數(shù)據(jù)表明,當今市場上50%以上的應用采用的是混合模式開發(fā)技術,互聯(lián)網(wǎng)結(jié)合安卓技術。當然也有一些年代稍微久遠的應用,像我們耳熟能詳?shù)腝Q空間,主要是采用Web前端中的React Native技術研發(fā)的。撇開APP不談,手機上還經(jīng)常為我們呈現(xiàn)各具特色的H5頁面,這個就是熱門的HTML5技術在Web端上開發(fā)出來的。除了App應用和網(wǎng)頁制作,在一些桌面應用、服務器端和VR領域,也會用到Web前端技術。
Web前端開發(fā)通常要掌握哪些知識呢?
HTML是負責網(wǎng)頁的結(jié)構(gòu)層,是網(wǎng)頁開發(fā)的基礎,從簡單的網(wǎng)頁骨架搭建入手,使用常見的HTML標簽豐富網(wǎng)頁結(jié)構(gòu)。
在HTML搭建的網(wǎng)頁結(jié)構(gòu)基礎上,通過CSS選擇器精準選擇標簽,使用外觀、盒模型相關屬性完成網(wǎng)頁全部內(nèi)容,利用浮動、定位等布局技巧精準控制網(wǎng)頁布局,結(jié)合背景、圓角、陰影等裝飾屬性進一步美化網(wǎng)頁效果,達到能夠編寫企業(yè)級大型綜合網(wǎng)頁。
旨在使用css高級特效豐富網(wǎng)頁元素的呈現(xiàn)方式和效果。
首先介紹Flex布局模型,實現(xiàn)移動端網(wǎng)頁的基本布局,再講解兩種移動端網(wǎng)頁適配不同分辨率的解決方案,并使用不同的解決方案制作網(wǎng)頁元素寬高隨著視口的變化而等比縮放的效果。
學習響應式的原理,并使用bootstrap框架完成響應式網(wǎng)頁的布局。
學習JavaScript基礎語法規(guī)則。
學習DOM和BOM對象的屬性和方法,以完成網(wǎng)頁常見的交互效果。
深入理解 ECMAScript 的知識體系及工作機制,熟悉 ES6+ 新的語法特性,注重抽象思維的培養(yǎng),具備面向?qū)ο缶幊痰牡哪芰Α?/p>
利用 axios 發(fā)起 Ajax 請求,實現(xiàn)前后端的數(shù)據(jù)交互。并講解 HTTP 請求的過程以及 Ajax 的底層原理。深入學習 JS 異步的底層原理,能夠使用 Promise 處理異步操作,并使用 async/await 簡化異步操作。
能夠創(chuàng)建 Git 倉庫管理前端項目,基于 Git 分支進行多人協(xié)同開發(fā),并且能夠把本地的 Git 倉庫同步到遠程碼云或 Github 倉庫中。
通過 Vue2 和 Vue3 的基礎學習,掌握企業(yè)開發(fā)中常見業(yè)務功能實現(xiàn);通過深入 Vue 技術棧學習 vue-router vuex vant element-ui 等主流技術,掌握企業(yè)級項目開發(fā)方式,如移動端H5項目實與PC端管理項目;通過 Vue3 結(jié)合 TypeScript 的技術學習,掌握大型企業(yè)級項目開發(fā)技巧。
以上列舉的知識條目,是作為Web前端學習的過程中必知必會的,因為這些是基礎,只有夯實基礎,才能在前端項目實戰(zhàn)中運用自如。