Web前端要敲會(huì)哪幾種類型的頁(yè)面？

剛看到這個(gè)問題的時(shí)候，感覺問題挺有意思的，哪幾種類型頁(yè)面。我感覺是就需要書寫的頁(yè)面需要呈現(xiàn)出什么樣子，展示給用戶。

我開發(fā)前端有一年多的時(shí)間了，簡(jiǎn)單說(shuō)下自己的看法。主流的有兩種，一個(gè)是PC開發(fā)，一個(gè)是移動(dòng)端開發(fā)。簡(jiǎn)單地說(shuō)你在瀏覽器看到的，或者是app內(nèi)部看到的都是頁(yè)面。還有很多桌面應(yīng)用是前端開發(fā)的，像atom編輯器。結(jié)合互聯(lián)網(wǎng)現(xiàn)在的豐富度，對(duì)界面的要求，體驗(yàn)，展示要求越來(lái)越高。

pc瀏覽器方面的，類型也很多了，像天貓，京東這種電商類型的，節(jié)日慶祝還有個(gè)大大的廣告，現(xiàn)在的瀏覽器很多都自動(dòng)會(huì)彈出來(lái)商品廣告，直接成為導(dǎo)流的方式。想瀏覽器搜索頁(yè)面，百度的相對(duì)簡(jiǎn)單點(diǎn)，主頁(yè)就一個(gè)大大的輸入框，像360這種，就有很多其他平臺(tái)的鏈接方式，顯得密密麻麻一堆。還有我之前做過的財(cái)務(wù)報(bào)表方面， 需要給操作人篩選搜索，還要有對(duì)比顯示，還有相對(duì)簡(jiǎn)單的可視化，折線圖餅狀圖，領(lǐng)導(dǎo)希望看到產(chǎn)品趨勢(shì)和所占比例。還有公司的管理系統(tǒng)，通常左邊是菜單，右側(cè)是展示區(qū)，右上角是登錄退出。當(dāng)我我說(shuō)的知識(shí)比較籠統(tǒng)的，其實(shí)內(nèi)部還有很多構(gòu)造。我上個(gè)項(xiàng)目做的物流派單，還要嵌入地圖，展示派送點(diǎn)，規(guī)劃路線，地圖上實(shí)現(xiàn)派單等等。出列表的形式也有，像咱們悟空問答問題列表，單但我感覺pc上不算很多，當(dāng)然布局也沒有那么復(fù)雜。

移動(dòng)端現(xiàn)在是主流趨勢(shì)。手機(jī)用戶增多，而且電腦上很多功能手機(jī)都可以實(shí)現(xiàn)了。所以h5。我希望大家明白h5是一個(gè)標(biāo)準(zhǔn)而不是一種新技術(shù)，很多人有這個(gè)誤區(qū)，移動(dòng)端h5布局，h5頁(yè)面。其實(shí)h5只是個(gè)標(biāo)準(zhǔn)，跟es6，es7這些都是一個(gè)概念。只不過是在新的標(biāo)準(zhǔn)里規(guī)則里增加了新東西，canvas、localstorage，postMessage等等。我們現(xiàn)在主要說(shuō)的h5使用canvas實(shí)現(xiàn)的動(dòng)畫，像個(gè)小視頻一樣，還有音樂背景。移動(dòng)端我覺得列表就很多了，像訂閱，新聞列表，音樂播放這些。手機(jī)上看視頻video標(biāo)簽，新聞詳情頁(yè)面。看個(gè)天氣，日歷，地圖；手機(jī)購(gòu)物；手機(jī)上的數(shù)據(jù)可視化。現(xiàn)在這些都很成熟了，大家可以找找素材練習(xí)練習(xí)。

說(shuō)到移動(dòng)端還的強(qiáng)調(diào)幾個(gè)，一個(gè)是流量巨大的小程序，不光是原生的小程序，有很多第三方框架可以直接開發(fā)，像那個(gè)京東的tora，還有美團(tuán)的mpvue，dcloud的uniapp啊都可以，建議大家一定找到個(gè)適合自己的學(xué)習(xí)下，工作會(huì)用到的；還有h5小游戲，流量很大，當(dāng)初的flybird這種虐心游戲大獲成功，也有很多成熟的開發(fā)框架，像layabox，還支持小程序的小游戲。

當(dāng)然還有未來(lái)趨勢(shì)的webVR，當(dāng)然現(xiàn)在技術(shù)不是很成熟，但已經(jīng)在慢慢完善了。還有即時(shí)通訊IM，溝通界面。我接觸的也不是很多，可能也只能想到這里了。

以上就是我認(rèn)知的一些主流方面，當(dāng)然還會(huì)有缺漏，希望大家能夠指出。如果您還有別的想法，歡迎留言，我也是學(xué)習(xí)。不喜勿碰，希望新的一年跟大家一起進(jìn)步，謝謝閱讀。