web前端需要學HTML、CSS、JavaScript、jQuery、Ajax、前端框架(vue/React/Angular等)等前端知識;還要了解每個瀏覽器中的各個版本的兼容性、Web標準、移動設備、多終端適配等知識。
請點擊輸入圖片描述
前端基本就是上圖所示的展示方式,都是在瀏覽器中顯示出來的
網頁的組成
瀏覽器展示的頁面叫做網頁,但網頁也有不同的展示,如視頻,圖片,文字等,具體看看下圖,網頁的組成:
請點擊輸入圖片描述
前端使用的技術
前端開發是創建WEB頁面或APP等前端界面呈現給用戶的過程,通過HTML,CSS及JavaScript以及衍生出來的各種技術、框架、解決方案,來實現互聯網產品的用戶界面交互 。
瀏覽器展示頁面的時候,會把前端的代碼轉化(解析和渲染)成用戶看到的網頁
請點擊輸入圖片描述
HTML
HTML:全稱“Hyper Text Markup Language(超文本標記語言)”,簡單來說HTML是壹門描述性語言,網頁的基礎就是通過HTML語言來寫的
CSS
CSS:稱為層疊樣式表,是用來表現HTML文件樣式的計算機語言,它不僅可以靜態修飾網頁,也可以配合各種腳本語言來實現動態化效果
JavaScript
JavaScript:是壹種直譯式腳本語言,非常靈活,可以在任何瀏覽器上開發與調試的壹種動態類型、弱類型、基於原型的語言。
常見特效、例如:tab、導航、整頁滾動、輪播圖、JS制作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。
JS高級特征:
正則表達式、排序算法、遞歸算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎、
除了這三種核心的技術必須學會以外,還有其他的知識也需要我們掌握例如jQuery、Ajax、各種常用的框架(vue/React/Angular等)、以及後端技術
匡架說明
現在學的很多vue、react、swiper、element-ui、jquery、ajax、ant等等都是js的匡架,都可以能過寫js實現,只是他們寫好壹套常用的功能,用起來簡單很多。
瀏覽器
主流瀏覽器及占有率
請點擊輸入圖片描述
總結
前端頁面在瀏覽器中展示
瀏覽器中的每壹個頁面,我們稱之為網頁
文字、圖片、音頻、視頻、超鏈接等組成了網頁
前端技術由 html、css、js組成,實現網頁展示效果
前端可以做app、小程序、手機端,PC端,軟件等
根據需求的不同,前端可以做很多實現如視頻,遊戲,後臺管理,可視化展示等
網頁在不同瀏覽器中顯示會有所不同,因為不同瀏覽器渲染引擎不同,解析的效果會存在差異,因些推薦谷歌瀏覽器(Chrome)