個(gè)人HTML5網(wǎng)頁(yè)應(yīng)該如何制作？

時(shí)間：2024-01-25 15:50:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2024-01-25 15:50:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

個(gè)人HTML5網(wǎng)頁(yè)應(yīng)該如何制作？：emmmmm，瀉藥

首先從最基本的界面講起，你需要學(xué)習(xí)前端相關(guān)知識(shí)，HTML5 + CSS3 + JavaScript(ES6)是最基本的，接下來(lái)你可能需要順便學(xué)習(xí)一下TypeScript(因?yàn)閖s語(yǔ)言弱類型等各種缺陷，所以微軟開發(fā)的可編譯為js的語(yǔ)言)，然后需要了解一些他人開源出來(lái)的一些module(或者理解為插件)，這一層又包括了框架和一些功能性的module，框架的話可以嘗試Vue、React或者Angular，這里如果你是個(gè)初學(xué)者的話可以嘗試Vue(Vue當(dāng)前最新版本是Vue3)然后一些功能性的module就是比如dayjs(處理時(shí)間的module，相信我，比js原生的時(shí)間處理好用的多)、sass(我比較常用的一個(gè)css預(yù)處理module)、axios(調(diào)用接口進(jìn)行前后端交互的module)、clipboard(訪問(wèn)剪切板的module，曾經(jīng)嘗試自己寫，但是兼容性問(wèn)題很多，用這個(gè)能一勞永逸)、qs(axios基本封裝可能會(huì)用到的參數(shù)處理module)、pinia(Vue3的狀態(tài)管理module)等，還有一些基本組件庫(kù)，比如Element(emmmm，其實(shí)這個(gè)我不太喜歡)、Ant Design、Arco/Semi等，還有一些圖表庫(kù)，比如Echarts、ChartJS、D3JS等等

前端這塊現(xiàn)在又多了一個(gè)內(nèi)容，叫做服務(wù)端渲染，一般用于對(duì)SEO要求比較高的網(wǎng)站，或者舉個(gè)例子就是如果你的網(wǎng)站是給一般的用戶用的(業(yè)內(nèi)稱為C端項(xiàng)目)則使用服務(wù)端渲染，如果是給企業(yè)使用的(比如某公司某個(gè)數(shù)據(jù)大屏、某某后臺(tái)管理系統(tǒng)等、某公司的OA、某公司的ERP等)則沒(méi)必要使用服務(wù)端渲染，現(xiàn)在服務(wù)端渲染框架也有很多，比如對(duì)標(biāo)Vue的NuxtJS、對(duì)標(biāo)React的NextJS等

以上就是前端部分，接下來(lái)講一下后臺(tái)部分，首先你要選擇一門喜歡的編程語(yǔ)言，這里首先推薦Java或者Go；

Java語(yǔ)言擁有非常豐富的生態(tài)，可以讓你干什么都基本上能找到一個(gè)可以用的庫(kù)，這里首先你是做Web開發(fā)的，那么最推薦的就是Spring框架了(當(dāng)然了其實(shí)我不太喜歡這個(gè)框架，因?yàn)闀?huì)加入很多我根本用不到的東西，但是我不能說(shuō)這個(gè)框架不好，反而說(shuō)應(yīng)該是Java目前來(lái)說(shuō)最好的Web框架了)，借著SpringBoot你能很輕松搭建基于Spring框架的Web項(xiàng)目；然后介紹一些常用的庫(kù)吧，我很久沒(méi)有用Java做開發(fā)了，首先是可以簡(jiǎn)化代碼的，比如Lombok(可以讓我們少些很多的Model重復(fù)代碼)、Gson(該庫(kù)包含了JSON處理功能，可以讓你前后端交互更方便)、Hibernate(數(shù)據(jù)庫(kù)處理框架)、國(guó)內(nèi)很多人喜歡Mybatis(有的或許是對(duì)大廠的跟風(fēng)吧)但是這里我要向你說(shuō)明的是，是和別人的未必就適合自己，很多人說(shuō)用Mybatis主要為了自定義SQL語(yǔ)句可以進(jìn)行SQL語(yǔ)句優(yōu)化，emmmm，說(shuō)實(shí)話這種功能Hibernate也是有的，相反如果你要做的網(wǎng)站功能相對(duì)單一簡(jiǎn)單，使用Hibernate則更能增加你的開發(fā)效率，何樂(lè)而不為呢

當(dāng)然、偷偷說(shuō)一句，相比起Spring我更喜歡Vert.x，嘻嘻

在接下來(lái)說(shuō)說(shuō)我最近使用的Go語(yǔ)言，寫起來(lái)真的挺舒服的，目前自己寫了個(gè)小網(wǎng)站(就不拉出來(lái)獻(xiàn)丑了)，說(shuō)說(shuō)主要使用的一些庫(kù)吧；這里沒(méi)有使用任何web框架，go自身的http已經(jīng)足夠我使用了，至于數(shù)據(jù)庫(kù)方面則使用的xorm框架，然后使用jwt-go這個(gè)庫(kù)進(jìn)行登錄校驗(yàn)，因?yàn)楣δ芎?jiǎn)單，所以也就沒(méi)用到其他的庫(kù)，這個(gè)網(wǎng)站目前的功能說(shuō)出來(lái)可能很難理解，但是不是很復(fù)雜，主要實(shí)現(xiàn)節(jié)點(diǎn)分發(fā)的功能，后臺(tái)包含了節(jié)點(diǎn)注冊(cè)、節(jié)點(diǎn)分組、充值卡等功能

我個(gè)人的開發(fā)理念是能自己實(shí)現(xiàn)的就盡量自己實(shí)現(xiàn)，實(shí)在是比較復(fù)雜的功能我再去找相關(guān)的庫(kù)，所以我的項(xiàng)目一般使用的庫(kù)會(huì)比較少，可能和很多人的理念相反了，但是于我來(lái)說(shuō)這就足夠了

厚厚關(guān)于服務(wù)器，你的網(wǎng)站說(shuō)是簡(jiǎn)介類型的，感覺(jué)應(yīng)該不需要太好的服務(wù)器，本身應(yīng)該訪問(wèn)量也不高，弄個(gè)阿里的輕量應(yīng)用服務(wù)器就行了，后續(xù)如果訪問(wèn)量高了再換別的吧