網(wǎng)頁(yè)開發(fā)完整過程是怎樣的？

時(shí)間：2024-01-28 02:55:01 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2024-01-28 02:55:01 來源：網(wǎng)站運(yùn)營(yíng)

網(wǎng)頁(yè)開發(fā)完整過程是怎樣的？：現(xiàn)在的網(wǎng)頁(yè)開發(fā)，都是前后端分離開發(fā)的。

也就是需要同時(shí)掌握前端和后端的知識(shí)。

前端知識(shí)：

一、html

作為網(wǎng)站開發(fā)知識(shí)中基礎(chǔ)中的基礎(chǔ)，html標(biāo)簽沒有什么學(xué)習(xí)難度。html標(biāo)簽有各自的作用，可以從：div,span,a,p,ul, il,button,br,strong 等入手學(xué)習(xí)。接著進(jìn)階學(xué)習(xí)canva,video,audio等多媒體標(biāo)簽?？梢园裩tml標(biāo)簽理解成一個(gè)元素單元，頁(yè)面內(nèi)的基本結(jié)構(gòu)，后面的只是都只是在修改和優(yōu)化html的內(nèi)容和樣式。

二、css

css是html標(biāo)簽的美妝師。修改html標(biāo)簽的樣式，常用的是容器屬性：display,position，樣式屬性：font,color,background,border等。 可以從這些先入手學(xué)習(xí)，后面再拓展去了解動(dòng)畫，過渡等。

三、JavaScript（簡(jiǎn)稱js）

學(xué)習(xí)js，先從語法入手，了解變量，運(yùn)算符，函數(shù)，對(duì)象，事件等，編寫簡(jiǎn)單的功能，然后理解語言的特性，事件驅(qū)動(dòng)和單線程異步。js可以操作html的內(nèi)容和樣式，也可以ajax提出網(wǎng)絡(luò)請(qǐng)求獲取數(shù)據(jù)，canvas繪畫等等。

四、mvvm框架

直接使用原生js來編程還不夠，原生js的接口要實(shí)現(xiàn)需求可能需要大量代碼，這時(shí)就需要使用vue，react，angular等mvvm框架來提高工作效率了。mvvm的基礎(chǔ)理念就是數(shù)據(jù)驅(qū)動(dòng)元素。所有的元素渲染都可以根據(jù)數(shù)據(jù)的變化來實(shí)時(shí)高效地更新渲染。通常mvvm框架會(huì)配搭nodejs搭建本地服務(wù)器，數(shù)據(jù)的請(qǐng)求會(huì)通過反向代理來完成。




后端知識(shí)：

一、優(yōu)先選擇nodejs作為后端開發(fā)語言。

nodejs 實(shí)際上也是JavaScript，語法跟前端使用的js是一樣的。只是運(yùn)行的底層環(huán)境不同，所以提供的底層接口也不同?？梢岳斫獬赏粋€(gè)工具，在前端和后端環(huán)境里都能自如使用。而學(xué)習(xí)過js語法后的我們，可以直接查看nodejs的文檔，一邊編寫一邊查閱即可。

二、數(shù)據(jù)庫(kù)操作

了解學(xué)習(xí)數(shù)據(jù)庫(kù)的基本使用原理。可以先從mysql,mongoDB中選擇一種來開啟學(xué)習(xí)之路。數(shù)據(jù)庫(kù)是存儲(chǔ)數(shù)據(jù)的地方。增刪改查的操作可以完成90%的需求。并且npm已經(jīng)提供了nodejs對(duì)這兩種數(shù)據(jù)庫(kù)的操作庫(kù)，根據(jù)文檔的使用規(guī)則，就可以輕松調(diào)用數(shù)據(jù)庫(kù)了。

三、websocket（長(zhǎng)連接）

websocket可以實(shí)現(xiàn)比如聊天室，通知等等功能。一般的ajax網(wǎng)絡(luò)請(qǐng)求完畢之后就結(jié)束，但websocket則是可以在連接期間自由地跟服務(wù)器做實(shí)時(shí)交流，第一時(shí)間獲取到最新數(shù)據(jù)。

四、fs文件系統(tǒng)

文件的操作，比如視頻、音頻、文本等文件，都可以通過fs函數(shù)進(jìn)行操作。實(shí)現(xiàn)比如復(fù)制、修改、刪除文件等等功能。

五、express,koa 框架

該類框架已經(jīng)封裝好請(qǐng)求和路由等等常用功能，一鍵即可部署。無需再次使用原生接口進(jìn)行二次封裝即可開箱即用。

工具/材料：

一、代碼編輯

個(gè)人推薦使用vscode，里面有海量插件，且完全免費(fèi)。

二、遠(yuǎn)程操作服務(wù)器工具

Xshell ： 命令行工具。 FileZilla：文件傳輸工具

三、服務(wù)器 域名購(gòu)買

最好選擇大品牌，保證質(zhì)量和售后服務(wù)。




開發(fā)流程：

產(chǎn)品經(jīng)理確定好要實(shí)現(xiàn)的產(chǎn)品模型，并將模型交給設(shè)計(jì)師進(jìn)行優(yōu)化設(shè)計(jì)，并同時(shí)交給后臺(tái)做數(shù)據(jù)庫(kù)設(shè)計(jì)。設(shè)計(jì)師完成設(shè)計(jì)后，會(huì)整理出相關(guān)ui設(shè)計(jì)圖，切圖并整理給到前端開發(fā)人員。后臺(tái)開發(fā)人員做服務(wù)器實(shí)現(xiàn)邏輯，并與前端開發(fā)商定接口規(guī)范。前端開發(fā)人員拿到設(shè)計(jì)圖后開始做前端頁(yè)面，并使用后端提供的接口實(shí)現(xiàn)業(yè)務(wù)邏輯。等到前端和后端的開發(fā)完成之后，即可進(jìn)入測(cè)試階段，測(cè)試并發(fā)布產(chǎn)品。

所以產(chǎn)品經(jīng)理、設(shè)計(jì)師、前端開發(fā)、后端開發(fā)都是必不可少的崗位。而如果產(chǎn)品想要大賣火熱，則需要推廣和營(yíng)銷，做好市場(chǎng)活動(dòng)和推廣方案，也是一個(gè)產(chǎn)品必不可少的一部分。




若想了解更多開發(fā)知識(shí)干貨或有定制需求： 火貓網(wǎng)絡(luò)

感謝您的閱讀，若對(duì)您有用，請(qǐng)不要吝嗇你的贊贊贊！