當前位置:首頁 » 網頁前端 » web端和客戶端的區別
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web端和客戶端的區別

發布時間: 2022-01-27 05:26:41

⑴ web端和pc端的區別

一、開發終端不同

1、手機端:以手機、PDA、UMPC等便攜終端為基礎,進行相百應的開發工作。

2、PC端:是開發基於B/S(IE瀏覽器)的網頁開發是由若干個頁面組成的度有聯系的集合。

二、開發方式不同

1、手機端:是為小型、無線計算設備編寫軟體的流程和程序的集合,像智能手機或者平板電腦。移動應用開發類似於Web應用開發,起源於更為傳統的軟體開發。

2、PC端:主要針知對電子商務領域,不僅是網站美工和內容,可能涉及到網站的一些功能的開發,比製作有更深層次的意思。


三、特點不同

1、手機端:無道線中間件(移動中間件)的原理就是把原生的功能封裝打包成簡單的API,開發人員只需要了解調用這些API的方法,回即可完成移動開發。

2、PC端:針對不同的行業領域與市場規模,提供有針對性的解決方案,採用業內最優化的電子商務流程答,以及各種受消費者歡迎的營銷工具。

⑵ 手機客戶端和web端開發的異同

版本升級。用戶角度上看,客戶端升級必須讓用戶手動下載整個新的安裝包覆蓋安裝,而web的升級無需用戶做任何事情。開發角度上看,如果客戶端有個小bug需要緊急修復,需要修復完後打包一個完成的安裝包,給一個版本號,發布給用戶升級。而web只需要修改後台的某些文件,然後傳到自己的伺服器,用多快速的迭代開發方式都沒問題。web沒有版本兼容性問題,客戶端這個問題就大了。
iOS客戶端用編譯語言,web用腳本語言。編譯語言好處:很多錯誤編譯期就知道,不用擔心類似寫錯一個字母導致的問題。iOS客戶端開發只能用XCode,無法選用自己喜歡的編輯器。使用腳本語言的web無論前端後端對編輯器的選擇都很自由。
客戶端一碰到異常就崩潰,直接退出,web一個try catch可以把所有錯誤抓住,用戶可以繼續使用其他不受影響的功能,即使所有功能都受影響,刷新頁面搞定一切。web上界面和程序實實在在地分離了,客戶端再怎樣都是粘合在一起的。
發現HTML+CSS樣式布局自動排列相當高級,客戶端上一切都靠程序去指定大小位置以及排列的變化,可視化的XIB挺雞肋。
單線程的web很幸福,客戶端要處理多線程,雖然強大,但很麻煩。web幾乎不用考慮內存泄漏,客戶端需要。客戶端開發可以使用到很底層的介面和功能。web處於較上層,在瀏覽器的包裹下,好處是很多問題瀏覽器處理web不用管,壞處是功能受限。
web和客戶端開發差不多都使用類似MVC的模式,數據通過控制器更新到各個視圖。web多用callback,iOS多用delegate,雖然iOS也可以用block作為callback,但還是沒js方便,還可能導致一些內存問題。
總的來說從開發普通應用來看,就算不談跨平台,web開發也是好處多多,但這只是開發角度上看,實際上移動設備上webApp狀況始終不好,與原生客戶端差距很大,原因:

網路不行,流量要錢。國內網路環境大家懂的,雖然HTML5有manifest,storage這些手段緩存webApp,但給人感覺就是不靠譜,打開它還是跟打開一個網頁一樣的感覺:耗流量,還有可能在網路不好的情況下打不開,沒有像已經下載下來的原生APP踏實。
動畫/體驗。一般的web在頁面間切換或顯示隱藏某個組件是沒有動畫的,大家也習慣了,iPhone帶了個頭,一切都要動畫過渡,導致在移動設備上大家習慣了動畫切換,受不了沒有動畫的應用,導致動畫性能底下的webApp至今體驗上遠不如原生客戶端。
把webApp通過safari添加到主屏幕這樣的習慣非常不普及,極少人知道,不過這個應該也不算問題,若沒有上面兩個大問題,這個習慣很容易普及的。

P.S 在開發普通應用(數據處理/交互)方面,web有很大的優勢,在網路和性能問題解決後理應是首選開發方式。但在游戲領域我看不出web有什麼優勢,繼續對有點熱的HTML5游戲開發表示不解。

⑶ pc端和web端有什麼區別

操作方式
PC端的操作方式與移動端已經有了明顯的差別,PC端使用滑鼠操作,操作包含滑動、左擊、右擊、雙擊操作,操作相對來說單一,交互效果相對較少,而對於手機端來說,包含手指操作點擊、滑動、雙擊、雙指放大、雙指縮小、五指收縮和蘋果最新的3Dtouch按壓力度,除了手指操作外還可以配合感測器完成搖一搖、陀懸儀感應燈操作方式,操作方式更加的豐富,通過這些豐富的操作可設計不同新穎吸引人的交互互動設計。
屏幕尺寸
隨著時間的推移,移動端的設備屏幕逐漸增大,但是你再大也是大不過PC電腦屏幕的,這是毋庸置疑的。PC端屏幕大,所以他的視覺范圍更廣,可設計的地方更多,設計性更強,相對來說容錯度更高一些有一些小的紕漏不容易被發現。移動端設備相對來說屏幕較小,操作局限性大,在設計上可用空間顯得尤為珍貴,在小小的屏幕上使用粗大的手指操作也需要在設計中避免原件過小過近。
網路環境
當下不管是移動端還是PC端都離不開網路,PC端設備連接網路更加穩定,而移動端可能遇到信號問題導致網路環境不佳,出現網速差甚至斷網的問題,這就需要產品經理在設計中充分考慮網路問題,更好的設計相應的解決方案。
感測器
移動端設備重磅武器來襲,完善的感測器是PC端設備望塵莫及的,壓力、方向、重力、GPS、NFC、指紋識別、3Dtouch、陀螺儀等等等等,就是因為這些感測器的存在才使得我們的生活更加豐富多彩,有了他們你才能玩賽車游戲才能搖妹子才能統計每天走了多少步,產品在設計中巧妙地使用感測器能讓產品添姿加彩。
使用場景與使用時間
這兩塊我們一起來說,因為PC端設備的使用場景多為在家或者學校公司等一些固定的場景,所以其使用時間偏向於持續化,在一個特定的時間段內持續使用,而移動端設備不受局限可以吃飯用、坐車用、拉屎用、無聊打發時間用、躺著用、坐著用、倒立著用都沒人管你,隨時隨地想用就用,所以他的使用時間更加靈活,時間更加碎片化,所以在操作上更偏向於短時間內可完成的。
軟體迭代時間以及更新頻次
你有沒有很久都沒有更新你的PC軟體了,但是你的手機軟體確實永遠保持著最新的狀態,這就是他們兩者的區別,對於移動端他的軟體迭代時間較短,用戶更新率較高而PC端軟體迭代時間較長,除非出於需要用戶一般不會主動更新軟體,軟體更新率低。
續航
除了筆記本PC端台式機只要有電他就從沒有考慮過這個問題,移動端設備則需要考慮。
功能設計
你有沒有在移動端看到過下拉菜單,有沒有在PC端看到過滑動解鎖,相同的功能在不同的設備上有其自己的展現形式。

⑷ web端和pc端有什麼區別

1、操作方式不同


PC端的操作方式與移動端已經有了明顯的差別,PC端使用滑鼠操作,操作包含滑動、左擊、右擊、雙擊操作,操作相對來說單一,交互效果相對較少。


而對於手機端來說,包含手指操作點擊、滑動、雙擊、雙指放大、雙指縮小、五指收縮和蘋果最新的3Dtouch按壓力度,除了手指操作外還可以配合感測器完成搖一搖、陀懸儀感應燈操作方式,操作方式更加的豐富,通過這些豐富的操作可設計不同新穎吸引人的交互互動設計。


2、屏幕尺寸不同


PC端屏幕大,所以他的視覺范圍更廣,可設計的地方更多,設計性更強,相對來說容錯度更高一些有一些小的紕漏不容易被發現。


移動端設備相對來說屏幕較小,操作局限性大,在設計上可用空間顯得尤為珍貴,在小小的屏幕上使用粗大的手指操作也需要在設計中避免原件過小過近。

3、網路環境不同


當下不管是移動端還是PC端都離不開網路,PC端設備連接網路更加穩定,而移動端可能遇到信號問題導致網路環境不佳,出現網速差甚至斷網的問題,這就需要在設計中充分考慮網路問題,更好的設計相應的解決方案。

⑸ Web 系統的特點是什麼和一般的客戶端的系統有什麼區別

web系統的特點就是,不需要你安裝任何的程序原件,只要通過瀏覽器,能夠上網的話,就可以使用的軟體功能。也是熟稱的SAAS,software as a service,軟體及服務。這種方式與傳統客戶端系統的典型區別就在於此。無需客戶安裝額外的軟體。
其次,web系統的收費方式和傳統帶客戶端系統的收費方式也發生了變化,web系統更多的是通過定期購買,長期收費。而傳統的是一次性交易,買了以後就完全歸屬客戶了,而web系統的還是歸屬開發者,只是提供客戶使用權利。
最後,web系統的維護相對於傳統軟體更簡單,因為程序全部運行在web server上,有任何問題了,可以快速定位。而傳統的軟體是運行在客戶的機器上的,需要收集需要的信息才能夠分析定位。

總體來說web程序更靈活,更方便,更易用,在網路帶寬及速度不斷提高的情況下,web應用則越來越流行

⑹ 移動前端開發和 Web 前端開發的區別是什麼

移動前端開發和web前端開發都屬於前端開發,具體有以下區別。

1、業務的應用場景

web前端開發主要指傳統的PC端網頁開發,頁面主要是運行在PC端瀏覽器中,移動前端開發出來的頁面主要是運行在手機上。

直觀上會感覺,PC端頁面大一些,移動端頁面小一些,但是根據開發經驗,頁面大可並不代表書寫的代碼復雜,頁面小也並不意味著開發簡單,難與易主要還是取決於具體的業務需求。

2、新技術的使用

由於在移動端主要以webkit內核為主,對於HTML5等新技術支持的更好,所以可以更大范圍的使用新技術,而PC端開發由於很多場景下要求兼容IE等老版本瀏覽器,出於瀏覽器兼容性的考慮,有些情況下限制了新技術的使用。

5、框架選型

由於移動端網路情況的不穩定,導致我們在移動端頁面框架選型時,一般只考慮小而美的框架,例如像zepto.js這樣的壓縮之後只有9.6K,就能滿足一般業務的需要,如果是想要構建更復雜的單頁面應用,可以選擇像vue.js這樣的框架,功能強大,但體積壓縮後卻只有20多K。

而web端相對選擇的范圍就比較大,一些比較重型的框架也可以根據項目需求加以考慮,例如古老但龐大的ext.js,依然憑借著眾多UI組件活躍在一些企業的後台管理系統項目中。

⑺ 伺服器端和客戶端有什麼區別

伺服器端和客戶端的區別:

1、定義不同:

客戶端:客戶端(Client)或稱為用戶端,是指向客戶提供本地服務的程序,而不是伺服器。

伺服器端:伺服器端,從廣義上講,伺服器是向網路上的其他機器提供某些服務的計算機系統(如果一個PC對伺服器端外提供ftp服務,也可以叫伺服器)。

2、儲存方式不同:

客戶端:客戶端不佔用儲存空間。

伺服器端:包括SAS/SATA、PCIe快閃記憶體卡、NVMe快閃記憶體和雙列直插式內存插槽的實現在內有多種方式部署伺服器端快閃記憶體。

3、構成不同:

客戶端:瀏覽器就是客戶端。

伺服器端:內存、晶元組、中央處理器、I/O匯流排、I/O設備、電源、機箱和相關軟體。

4、使用方法不同:

客戶端:客戶端程序不需要我們編寫,可以使用IE或火狐等瀏覽器。

伺服器端:需要編寫Server服務端程序。

5、使用對象不同:

客戶端:向用戶服務。

伺服器端:為客戶端服務。

⑻ web,wap和客戶端的產品有什麼區別

首先,糾正一個常識性錯誤。我們常把移動網頁設計叫做:Wap。其實,Wap全稱叫做無線應用協議,是一個使移動用戶使用無線設備隨時使用互聯網的信息和服務的開放的規范。還有人把移動網頁叫做WebApp,其實我們大部分的網站都能叫做WebApp,並不僅僅局限於移動網頁,還包括PC網站。正確的名字應該是「移動網頁」,這樣比較能夠准確地概括手機端的網頁設計。

因為手機自身的一些特性,所以移動網頁對比 Native App 和 PC 端網頁,有一些固有的特點。概括起來主要有以下幾點:
1、使用場景不同;
移動網頁的訪問大部分是通過搜索引擎和直接輸入網址進入的,更多是為了瀏覽信息,以及滿足及時性(比如匯率換算、異地天氣、新聞閱讀)的需求,所以留存較低。
2、可展示空間小;
除了移動設備本身屏幕較小以外,還因為瀏覽器大部分具有地址欄和導航欄,進一步占據了屏幕空間。
3、操作不便;
這個特性其實是由於可展示空間小引起的,因為展示空間較小。大部分瀏覽器將一些「新建標簽頁」、「前進」、「後退」的操作給隱藏了起來。用戶需要更多步驟才能達成一些操作。H5火爆起來以後,這樣的現象在微信中更為明顯。
4、交互方式不同;
因為手機的性能問題,一些App上的特效並不能在移動網頁上復現,即使能復現,特效也不會平滑,用戶體驗比較差。所以,這就決定了移動網頁設計需要不同的交互方式,也有不同的關注點。
根據以上四個特點,我總結出了做移動網頁需要注意的四個原則:
1、理清產品主流程;
因為使用場景的不同,用戶在移動網頁上做的事更為特定。這就需要在做產品設計的時候,理清產品的主流程,刪減不必要的功能;讓用戶順暢的完成目標。另外,我們要看到因為移動網頁本身特點造成留存低,所以需要在明顯位置設置
Native App 下載入口,將用戶導入 App 中。
2、頁面設計以簡約為主;
因為用戶目標比較明顯,以及受屏幕大小限制。所以頁面設計以簡約為主,配合色彩,突出重點信息。
3、更加註重全局導航;
WebApp 應用場景非常多樣,最典型的就是在微信內置瀏覽器。在這樣的情況下,導航的設計就特別重要。每個頁面都要能到達 WebApp 上任意一個頁面,步驟可以多點,但是一定要有路徑。
4、減少特效,考慮頁面載入速度;
採用「點擊」這種最普通的交互方式,盡量減少不必要的效果及元素,突出主要信息的同時還可以加快頁面載入速度。

⑼ WEB客戶端是什麼

Web客戶端主要指web瀏覽器(Browser)。其主要功能是將用戶向伺服器請求的Web資源呈現出來,顯示在瀏覽器窗口中。資源通常有html、pdf、image及其他格式。

主流的Web頁面瀏覽器有:微軟的IE、Mozilla的Firefox、蘋果公司的Safari、Google的Chrome及Opera軟體公司的Opera。

瀏覽器的主要組件包括用戶界面(User Interface)、瀏覽器引擎(Browser Engine)、渲染引擎(Rendering Engine)、網路(Networking)、UI後端(UI Backend)、JS解釋器(JavaScript)、數據存儲(Data persistence)等。



(9)web端和客戶端的區別擴展閱讀

Web客戶端的主要任務是展現信息內容。Web客戶端設計技術主要包括:HTML語言、Java Applets、腳本程序、CSS、DHTML、插件技術以及VRML技術。

與Web客戶端技術從靜態向動態的演進過程類似,Web服務端的開發技術也是由靜態向動態逐漸發展、完善起來的。Web伺服器技術主要包括伺服器、CGI、PHP、ASP、ASP.NET、Servlet和JSP技術。