網(wǎng)友解答: 剛看到這個(gè)問(wèn)題的時(shí)候，感覺(jué)問(wèn)題挺有意思的，哪幾種類型頁(yè)面。我感覺(jué)是就需要書(shū)寫(xiě)的頁(yè)面需要呈現(xiàn)出什么樣子，展示給用戶。我開(kāi)發(fā)前端有一年多的時(shí)間了，簡(jiǎn)單說(shuō)下自己的看法。主流的有兩種

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

我開(kāi)發(fā)前端有一年多的時(shí)間了，簡(jiǎn)單說(shuō)下自己的看法。主流的有兩種，一個(gè)是PC開(kāi)發(fā)，一個(gè)是移動(dòng)端開(kāi)發(fā)。簡(jiǎn)單地說(shuō)你在瀏覽器看到的，或者是app內(nèi)部看到的都是頁(yè)面。還有很多桌面應(yīng)用是前端開(kāi)發(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)的鏈接方式，顯得密密麻麻一堆。還有我之前做過(guò)的財(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)派單等等。出列表的形式也有，像咱們悟空問(wèn)答問(wèn)題列表，單但我感覺(jué)pc上不算很多，當(dāng)然布局也沒(méi)有那么復(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è)概念。只不過(guò)是在新的標(biāo)準(zhǔn)里規(guī)則里增加了新東西，canvas、localstorage，postMessage等等。我們現(xiàn)在主要說(shuō)的h5使用canvas實(shí)現(xiàn)的動(dòng)畫(huà)，像個(gè)小視頻一樣，還有音樂(lè)背景。移動(dòng)端我覺(jué)得列表就很多了，像訂閱，新聞列表，音樂(lè)播放這些。手機(jī)上看視頻video標(biāo)簽，新聞詳情頁(yè)面?？磦€(gè)天氣，日歷，地圖；手機(jī)購(gòu)物；手機(jī)上的數(shù)據(jù)可視化?，F(xiàn)在這些都很成熟了，大家可以找找素材練習(xí)練習(xí)。

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

不管什么類型的頁(yè)面 都包含html css js 看你應(yīng)該是接觸時(shí)間不長(zhǎng) 我的建議是從靜態(tài)頁(yè)面開(kāi)始練習(xí) 先用css寫(xiě)著頁(yè)面效果 并附加練習(xí)媒體查詢 以及 自適應(yīng)。能快速搭建頁(yè)面結(jié)構(gòu)后把css效果用js替換實(shí)現(xiàn)。靜態(tài)頁(yè)面沒(méi)問(wèn)題了就可以去熟悉數(shù)據(jù)類型之類的js更進(jìn)階的知識(shí)為之后前后交互做準(zhǔn)備。個(gè)人認(rèn)為框架會(huì)一兩種就可以了 現(xiàn)在火不一定一直火，追求性能永遠(yuǎn)無(wú)止境的，多了解框架思維和實(shí)現(xiàn)原理有助于擴(kuò)展思路。如果需要前端學(xué)習(xí)資料可以找我！愿君早日成為大牛，同時(shí)謝謝邀請(qǐng)！