欧美亚洲综合另类色妞网,成人精品一区二区三区电影,free性中国熟女hd

搜索

APP

起點(diǎn)課堂會員權(quán)益

職業(yè)體系課特權(quán)

線下行業(yè)大會特權(quán)

個人IP打造特權(quán)

30+門專項技能課

1300+專題課程

12場職場軟技能直播

12場求職輔導(dǎo)直播

12場專業(yè)技能直播

會員專屬社群

榮耀標(biāo)識

發(fā)布

注冊 | 登錄

寫給設(shè)計師的程序開發(fā)基本概念

晗光

2019-12-18

0 評論 3675 瀏覽 17 收藏

11 分鐘

大家好！本期的《交互設(shè)計KASH》系列為你分享的是：設(shè)計師需要知道的程序開發(fā)基本概念。
對于設(shè)計師來說，了解一些程序開發(fā)的基本概念，有助于我們與開發(fā)同事溝通交互方案。于是本文列舉了一些需要了解的基本概念。

01 從計算機(jī)工作原理Get人機(jī)交互的底層邏輯

提到計算機(jī)工作原理，不得不提一個人，他就是馮·諾依曼。

馮·諾依曼（John von Neumann，1903~1957），20世紀(jì)最重要的數(shù)學(xué)家之一，在現(xiàn)代計算機(jī)、博弈論、核武器和生化武器等諸多領(lǐng)域內(nèi)有杰出建樹的最偉大的科學(xué)全才之一，被后人稱為“計算機(jī)之父”和“博弈論之父”。

馮.諾依曼的三大原理

計算機(jī)由控制器、運(yùn)算器、存儲器、輸入設(shè)備、輸出設(shè)備五大部分組成。
程序和數(shù)據(jù)以二進(jìn)制代碼形式不加區(qū)別地存放在存儲器中，存放位置由地址確定。
控制器根據(jù)存放在存儲器中地指令序列（程序）進(jìn)行工作，并由一個程序計數(shù)器控制指令地執(zhí)行。控制器具有判斷能力，能根據(jù)計算結(jié)果選擇不同的工作流程。根據(jù)馮諾依曼體系結(jié)構(gòu)構(gòu)成的計算機(jī)，必須具有如下功能：把需要的程序和數(shù)據(jù)送至計算機(jī)中。必須具有長期記憶程序、數(shù)據(jù)、中間結(jié)果及最終運(yùn)算結(jié)果的能力。

計算機(jī)能夠完成各種算術(shù)、邏輯運(yùn)算和數(shù)據(jù)傳送等數(shù)據(jù)加工處理的能力。能夠根據(jù)需要控制程序走向，并能根據(jù)指令控制機(jī)器的各部件協(xié)調(diào)操作。能夠按照要求將處理結(jié)果輸出給用戶。

為了完成上述的功能，計算機(jī)必須具備五大基本組成部件，包括：

輸入數(shù)據(jù)和程序的輸入設(shè)備；
記憶程序和數(shù)據(jù)的存儲器；
完成數(shù)據(jù)加工處理的運(yùn)算器；
控制程序執(zhí)行的控制器；
輸出處理結(jié)果的輸出設(shè)備。

筆者注：

是不是覺得不明覺厲？那就對了，反正我是看不懂。BUT，看完這個原理，我貌似Get到了人機(jī)交互的底層邏輯：任何形式的人機(jī)交互，都包含3個基本要素：輸入、計算、輸出。

02?前端、后端、移動端工程師，他們一樣嗎？

相信很多讀者朋友所在的公司，會有前端工程師、后端工程師、移動端工程師，那這些角色到底有啥區(qū)別？要搞明白他們的區(qū)別，我們首先要理解兩個概念：B/S結(jié)構(gòu)和C/S結(jié)構(gòu)。

01?B/S結(jié)構(gòu)

B/S就是“Browser/Server”的縮寫，即“瀏覽器/服務(wù)器”模式。

B/S結(jié)構(gòu)是隨著互聯(lián)網(wǎng)的發(fā)展，Web出現(xiàn)后興起的一種網(wǎng)絡(luò)結(jié)構(gòu)模式。這種模式統(tǒng)一了客戶端，讓核心的業(yè)務(wù)處理在服務(wù)端（差不多也可以叫“云端”）完成。

我們只要在自己電腦或手機(jī)上安裝一個瀏覽器應(yīng)用，就可以通過Web Server與數(shù)據(jù)庫進(jìn)行數(shù)據(jù)交互。比如，我們用電腦的瀏覽器訪問微博、頭條、愛奇藝、騰訊視頻等網(wǎng)頁，就是在訪問B/S結(jié)構(gòu)的程序。

筆者注：

B/S結(jié)構(gòu)維護(hù)和升級方式更簡單，因為用戶是用瀏覽器直接使用的。

所以，當(dāng)我們發(fā)布一個產(chǎn)品或功能時，只需要維護(hù)升級服務(wù)器端就可以，用戶那邊可以繼續(xù)使用瀏覽器，體驗新功能。

02 C/S結(jié)構(gòu)

C/S就是“Client/Server”的縮寫，即“客戶端/服務(wù)器”模式。

C/S結(jié)構(gòu)是一種軟件系統(tǒng)體系結(jié)構(gòu)，也是生活中很常見的。比如我們電腦和手機(jī)系統(tǒng)中安裝的微信、QQ、Office等應(yīng)用程序就是C/S結(jié)構(gòu)。

筆者注：

C/S結(jié)構(gòu)是將需要處理的業(yè)務(wù)合理地分配到客戶端和服務(wù)器端，這樣可以大大降低通信成本，但是升級維護(hù)成本較高。

所以，當(dāng)我們發(fā)布一個客戶端產(chǎn)品或功能時，理論上是需要發(fā)布軟件版本的，用戶那邊也需要主動升級，才能體驗新產(chǎn)品和功能。（說明：對于客戶端內(nèi)的H5頁面，一般不需要重新發(fā)布客戶端版本）

03?前端工程師

前端工程師的主要技術(shù)是：html5，css3，jquery，angularjs，bootstrap，reactjs，vuejs，webpack，less/sass，gulp，nodejs，Google V8引擎，java多線程，模塊化，面向切面編程，設(shè)計模式，瀏覽器兼容性，性能優(yōu)化等等。

前端關(guān)注的是：需求在前端頁面的實(shí)現(xiàn)，速度，兼容性，用戶體驗等等。

04?后端Java工程師

后端Java工程師的主要技術(shù)是：Java基礎(chǔ)，設(shè)計模式，jvm原理，spring+springmvc原理及源碼，linux，mysql事務(wù)隔離與鎖機(jī)制，mongodb，http/tcp，多線程，分布式架構(gòu)，彈性計算架構(gòu)，微服務(wù)架構(gòu)，Java性能優(yōu)化，以及相關(guān)的項目管理等等。

后端關(guān)注的是：高并發(fā)，高可用，高性能，安全，存儲，業(yè)務(wù)等等。

<strong”>筆者注：

下面我用APP下拉刷新的場景，幫你理解一下前端和后端的交互。

STEP1：下拉（用戶手指與APP前端交互）

STEP2：松開（手指與APP前端交互后，APP前端與后端交互）

STEP3：刷新成功，加載新數(shù)據(jù)（后端將新數(shù)據(jù)給APP前端）

STEP4：前端渲染展示新數(shù)據(jù)（APP前端與用戶交互）

03 Web前端的兩個基本概念

對于設(shè)計師來說，知道Web前端技術(shù)里的兩個概念就可以了：html和css。我舉一個裝修房子的例子，幫你理解這兩個概念。
當(dāng)我們設(shè)計一個間房子時，我們會根據(jù)需求去規(guī)劃和設(shè)計房子里各個空間的位置和大小，客廳、廚房、臥室等等。這個布局、搭框架的過程就是html做的事情。
等到房子的空間大小布局搞定后，我們會油漆、裝飾，做一些軟裝，這個軟裝的過程，我么可以理解成css做的事情。
所以，一個靜態(tài)的Web前端頁面，由html搭架子和布局，由css去裝飾html的視覺效果。（說明：如果要實(shí)現(xiàn)業(yè)務(wù)交互，還需要js、jQuery等其他技術(shù)，這里不展開講）

我們可以通過瀏覽器的開發(fā)者工具，隨時查看前端工程師開發(fā)出來的頁面，這個方法可以幫我們比較出：前端工程師做的頁面效果和我們設(shè)計稿效果的具體差別。

Windows按F12，Mac按command+option+i