前端開發入門知識
前端開發概念
創建Web頁面或app等的前端頁面
所用技術
HTML，CSS，JavaScript以及衍生出的各種技術及框架等
職業路線
Web前端開發工程師，小程式開發工程師，移動Web開發工程師，前端架構師/前端專家
學習路線
前端知識
計算機基本認識，應用的概念，前端和后端
HTML
HTML語法，HTML語意化，SEO(Search Engine Optimization)基礎
CSS
CSS語法，頁面布局，媒體查詢，CSS3
JavaScript進階
JS語法，基礎的資料結構，Web APIs，ES6+，模塊化，TypeScript
包管理工具
npm，yarn
CSS進階
CSS前處理器：SASS,LESS,PostCSS
CSS框架：Bootstrap，tabler，Semantic UI，Materialize CSS
CSS架構規范：OOCSS，BEM，SMACSS
構建工具
代碼校驗工具：ESLint，StyleLint，MarkdownLint
模塊打包工具：Webpack，Paracel，Rollup
任務運行器：npm scripts，Makefile，Gulp，Grunt，Broccoli
流行的框架
VUE.js：VueX，Element UI
React.js：Redux，AntDesign，Mobx，CSS in JS
Angular.js：RxJS，ngrx
持續學習
Node.js，漸進式Web應用，服務器渲染，靜態站點生成器，桌面應用，移動應用，桌面應用
網頁的組成
前端三層
HTML(結構層)，CSS(樣式層)，JavaScript(行為層），html類似于籃球運動員的骨架，css為其血肉，js讓其做出投籃動作，
其他
多媒體檔案：圖片，視頻，音頻，超級鏈接等，
所有網頁都是真實，物理存在的檔案，
互聯網運行程序
- 程式員將網頁源檔案通過ftp等軟體上傳到服務器進行存盤
- 用戶后期通過客戶端（如瀏覽器軟體）發送HTTP請求到服務器
- 服務器接收請求后進行回應，將存盤的相關檔案通過HTTP回應回傳到用戶本地客戶端
- 最終通過客戶端將網頁檔案進行渲染，顯示出最終用戶看到的網頁效果，
瀏覽器
主流瀏覽器內核
瀏覽器功能
- 發送HTTP請求，發送的方式是在瀏覽器地址欄輸入對應網址，或者點擊超級鏈接，
- 接收服務器發回的HTTP回應，服務器會發回一個HTML給瀏覽器，
- 將接收到的HTML進行決議并顯示，
HTTP協議
Hypertext Transfer Protocol:超文本傳輸協議，是客戶端瀏覽器或其他程式與WEB服務器之間的應用層通信協議，
HTTP包含請求和回應兩部分，
請求：request，瀏覽器根據網址向對應的服務器發送請求，
發起請求的方法：在瀏覽器地址欄中輸入網址，或者點擊網址鏈接，輸入的網站地址叫做URL (Uniform Resource Locator，統一資源定位符)，
回應：response，服務器根據請求回應一個HTML檔案，將HTML傳輸給客戶端，在瀏覽器中進行HTML網頁的渲染，
HTML頁面決議程序中，會發出多個http請求，包含網頁的圖片、視頻、音頻等檔案請求，
注意事項
純文本格式
純文本格式，就是沒有任何文本修飾的，沒有任何粗體，下劃線，斜體，圖形，符號或特殊字符及特殊列印格式的文本，只保存文本不保存其格式
- 純文本格式檔案：最常見的是.txt檔案，在存盤和傳輸程序中，只能保存文字，不能保存格式，
- 富文本格式檔案：與純文本對應，最常見的是.rtf檔案，類似.doc檔案，內部可以保存文本的樣式、圖片等，
純文本格式檔案的特點：
1. 檔案只能保存文本，不保存其他的格式或非文本內容，有利于網路傳輸，
2. 所有的純文本格式檔案，可以通過直接更改擴展名的方式更改保存格式，
3. 純文本格式檔案可以使用任意的純文本編輯器進行查看和編輯，
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/272866.html
標籤：其他
上一篇：架構師成長記_第四周_14_Keepalived 雙機主備原理與 Keepalived的安裝
下一篇：Rocketmq原理簡介