歡迎關注，敬請點贊！
小前端
小前端就是 Web 前端。對於就業來說，前端常稱“web”；後端常稱“開發”或“數據”。
前端，也就是用戶操作互動界面：負責用戶界面、展示數據和獲取用戶輸入，包括：
- Web頁面的結構；
- Web的外觀視覺表現；
- Web層面的交互實現。
前端分工：
- 網頁設計師：對網頁的架構、色彩以及網站的整體頁面代碼負責；
- 網頁美工：只針對UI這塊的東西，比如網站是否做的漂亮；
- web前端開發工程師：是負責交互設計的，需要和後端開發程序員(包括數據分析和人工智能算法)配合。
WEB工作原理
- 瀏覽器 => 服務器：發送請求，一般用於索取相關數據，或者提交相關請求。
- 服務器 => 瀏覽器：響應請求，服務器接收到請求，解析處理，然後返回相關數據。
- 頁面組成：HTML、CSS、JS
HTML簡介
- 說明：HTML是
HyperText Markup Language的縮寫，即超文本標記語言，所見即所得 - 最新版本：h5
- 後綴：
.html - 標籤：是HTML文件的基本組成部分
- 編輯工具：
notepad++、hbuilder(支持國產)、… - 測試工具：
chrome、firefix、…
CSS簡介
- 說明：CSS是
Cascading Style Sheet的縮寫，即層疊樣式表 - 作用：HTML的標籤決定頁面中有什麼內容，CSS可以對頁面的內容進行修飾
- HTML的標籤會決定頁面中有什麼內容，CSS可以對頁面的內容進行修飾
- 爲什麼使用？
- 通過標籤屬性可以設置樣式，但是頁面會比較臃腫，使用CSS可以將內容與顯示分開；
- CSS提供了很多標籤屬性無法完成的效果；
- CSS可以獨立成文件，多個頁面可以共享，節約帶寬，降低成本。
- 後綴：
.css
JS簡介
- 說明：JS是JavaScript的縮寫，藉助Java的名氣進行推廣而已
- 定位：客戶端腳本，服務器端對應的腳本叫node.js
- 組成：語法、文檔對象模型(DOM)、瀏覽器對象模型(BOM)
jQuery簡介
- jQuery是一個快速、簡潔的JavaScript框架
- jQuery設計的宗旨是“write Less，Do More”，寫更少的代碼，做更多的事情
- 它封裝JavaScript常用的功能代碼，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。
WEB框架
返回頂部
常用框架有bootstrap和Vue
bootstrap簡介
- 簡潔、直觀、強悍的前端開發框架，讓web開發更迅速、簡單。
- 是最受歡迎的 HTML、CSS 和 JS 框架，用於開發響應式佈局、移動設備優先的 WEB 項目。
Vue簡介
- 構建用戶界面的漸進式框架。
- 只關注視圖層， 採用自底向上增量開發的設計。
- 目標是通過儘可能簡單的 API 實現響應的數據綁定和組合的視圖組件
大前端
返回頂部
大前端包括一切負責展示的端，包括：
- Web 前端(PC)
- 移動[手機端（Android、iOS）+ 智能穿戴設備 + 車載系統]
- VR
- 智能電視等等
大前端負責從瀏覽器端到web服務器端的所有開發，從後端工程師那邊調用數據api，包含：
- 客戶端業務邏輯（瀏覽器上的html，css，js）
- 服務器端業務邏輯（node.js），使js與算法結合，對接訪問數據中間層。
站在“前端開發”的角度：
① 對於“小系統”，有了 node.js 後，
大前端 = 全棧；
② 對於應對“各種端”應用，
大前端 = Web 前端 + 手機端（Android、iOS）+ 智能穿戴設備 + 車載系統 + VR+智能電視 + ……
全棧 = 啥都會又啥都不會；
③ 對於“小程序”等“微應用”，
大前端 = 小程序 + 快應用 + 其他。
總結：
前端是需要產品思維的。
量力而行、通力合作，不是更愉快、更和諧嗎？
都想着大，自己累死、別人失業，何必呢？
歡迎關注，敬請點贊！
返回頂部