1、軟體的架構？

軟體的架構：

C/S架構
B/S架構（前端）

1、C/S ==> 客戶端（Client）/ 服務器（Server）

　　服務器：用于處理業務邏輯；

　　如用戶通過網路連接遠程服務器再傳輸給另一端：例如：兩個人用QQ聊天，一端發送到服務器中轉再傳輸到另一端；

　　特點：

（1）軟體使用前必須安裝；

（2）軟體更新時，服務器與客戶端同時更新；

（3）軟體不能跨平臺（例如不同系統，不同設備如手機電腦）使用；

（4）一般系統軟體都是CS架構的（比如安卓系統等）；

　　安全性：客戶端和服務器采用的是自有協議（相當于密碼本，兩方通信），相對比較安全；

2、B/S ==> 瀏覽器（Browsers）/ 服務器（Server）

　　B/S架構本質上也屬于C/S架構，B/S架構的軟體一般通過訪問一個頁面形式來使用；

　　使用瀏覽器作為軟體客戶端，通過瀏覽器訪問網頁的形式訪問軟體，而將一些運算操作放到遠端服務器上，這樣降低了對客戶端的要求，只需計算機安裝一個瀏覽器即可；我們所學習的前端屬于B/S；

　　特點：

（1）軟體使用不需要安裝，直接瀏覽器訪問網址即可；

（2）軟體更新時，客戶端不需要更新，遠端服務器更新即可；

（3）可以跨平臺使用，只要系統中有瀏覽器軟體即可，成本相對低；

（4）既是應用類獨立軟體，也是網頁版能打開的網頁（如京東，淘寶）；

　　安全性：客戶端和服務器采用的是 HTTP協議（不太安全），有另一種協議 https 相對安全（如網銀）；

2、軟體開發流程

1、流程：用戶提需求——美工PS設定網頁（圖）——前端做成靜態網頁（代碼鏈接）——后臺工程師改為動態網頁（JSP服務器代碼）；

2、作業模式：前端提需求，后臺提供服務器代碼，而不讓他改，自己排版代碼，以防自己設計好的格局錯亂；

3、任務：前端撰寫的網頁會在整個專案的最前端由用戶查看，所以前端工程師需要和各個部分的工程師進行銜接與溝通；

4、體系：前端是入門簡單，后面難，學的東西多，需要不斷吸取知識，雜而不深；java是入門難，后面簡單，深而不雜；若前端和后臺都可以寫則屬于全堆疊工程師；

3、W3C萬維網聯盟標準

三項技術：結構<html>——表現<css>——行為<javascript>

1、結構-HTML5：超文本標記語言，核心規范，描述頁面的結構，以怎樣的方式排版，例如標題、段落，相當于人的骨架（簡單）；

2、表現-CSS ：層疊樣式表，控制頁面中元素的樣式，以怎樣的方式來表現頁面，例如顏色、字體大小等，相當于人的皮膚，頁面中所有能看見的東西都是css（學的東西多）；

3、行為-JavaScript：動態支持腳本代碼,用來回應用戶操作，動態，點一個鏈接出現什么，相當于人的動作（難，面試，考點）；

4、網頁

1、網站是指在因特網上根據一定的規則，使用 HTML 等制作的用于展示特定內容相關的網頁集合，

2、網頁是網站中的一“頁”，通常是 HTML 格式的檔案，它要通過瀏覽器來閱讀，

3、網頁是構成網站的基本元素，它通常由圖片、鏈接、文字、聲音、視頻等元素組成，通常我們看到的網頁，常見以 .htm 或 .html 后綴結尾的檔案，因此將其俗稱為 HTML 檔案，

5、瀏覽器內核

瀏覽器是網頁顯示、運行的平臺，常用的瀏覽器有 IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera，

主流內核分為以下幾個：

瀏覽器	內核	備注
IE	Trident	IE、獵豹安全、360極速瀏覽器、百度瀏覽器
firefox	Gecko	可惜這幾年打開速度慢、升級頻繁、
Safari	webkit	現在很多人錯誤地把 webkit 叫做 chrome內核（即使 chrome內核已經是 blink 了），
chrome	Chromium/Blink	在 Chromium 專案中研發 Blink 渲染引擎（即瀏覽器核心），內置于 Chrome 瀏覽器之中，Blink 其實是 WebKit 的分支，大部分國產瀏覽器最新版都采用Blink內核，二次開發
Opera	Presto	Presto（已經廢棄）是挪威產瀏覽器 opera 的 "前任" 內核，為何說是 "前任"，因為最新的 opera 瀏覽器早已將之拋棄從而投入到了谷歌懷抱了，現在用blink內核，

6、檔案查閱

經常查閱檔案是一個非常好的學習習慣，

W3C : http://www.w3school.com.cn/

MDN: https://developer.mozilla.org/zh-CN/

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/256657.html

標籤：HTML5

上一篇：為什么Vue的v-if不起作用？