前端學習-前端基礎

簡介

軟件架構

C/S:客戶端/服務器

  • 一般系統上安裝的軟件都是C/S架構
  • 例如:QQ、360
  • C表示客戶端,用戶通過客戶端使用軟件
  • S表示服務器,服務器負責軟件處理的邏輯
  • 特點:
    1.軟件使用必須安裝
    2.軟件更新時、服務器和客戶端得同時更新
    3.C/S架構的軟件不能跨平臺使用
    4.C/S架構的軟件客戶端和服務器通信採用的是自有協議,相對來說比較安全。

B/S:瀏覽器/服務器

  • 瀏覽器本質上也是C/S,只不過B/S架構的軟件,使用瀏覽器作爲軟件客戶端
  • B/S架構軟件通過使用瀏覽器訪問網頁的形式,來使用軟件
  • 例如:百度、12306、淘寶
  • 特點:
    1.軟件不需要安裝,直接使用瀏覽器訪問指定的網址即可
    2.軟件更新時,客戶端不需要更新
    3.軟件可以跨平臺,只要系統中有瀏覽器,就可以使用
    4.B/S 架構的軟件,客戶端和服務器端之前採用的是通用HTTP協議,相對來說不安全。

兩者比較

  • C/S架構需要在不同平臺(windows android ios)開發軟件,開發成本高。
  • B/S 成本更低,維護起來成本更低
  • B/S 安全問題可以通過HTTPS來解決

軟件開發流程

1.網頁設計師根據需求設計圖片
2.前段工程師將設計圖轉換成靜態網頁(代碼)
3.(方式一)後端工程師將靜態網頁改成動態網頁(調用數據)
3.(方式二)前端工程師向後端工程師提數據需求,後端工程師以此定製接口,前端工程師根據接口把靜態網頁改成動態網頁。
3.(方式三)全棧工程師 。既寫前端又寫服務器。(JS 既能寫前端交互又能寫服務器)

前端要學習的內容

萬維網聯盟World Wid Web Consortium(W3C)標準
結構——HTML
HTML用於描述頁面的結構
表現——CSS
CSS用於控制頁面中元素的樣式,美化頁面
行爲——JavaScript
JavaScript用於相應用戶操作,負責頁面的行爲

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章