- 小白實(shí)戰(zhàn)大前端:移動(dòng)端與前端的互通之路
- 陳辰
- 474字
- 2022-06-28 16:19:32
2.1.1 HTML使用場景
HTML頁面是開發(fā)者開發(fā)任何前端功能時(shí)都必須使用的基礎(chǔ)頁面,比如電商平臺(tái)需要一個(gè)登錄頁面,那開發(fā)者可能就需要開發(fā)一個(gè)login.html,如果需要一個(gè)購物頁面,可能就需要開發(fā)一個(gè)shop.html頁面。當(dāng)然也可以使用現(xiàn)在市面上比較多的、支持單頁應(yīng)用的框架來實(shí)現(xiàn),這樣就不需要這么多HTML文件了。
單頁應(yīng)用的好處是,頁面每次切換跳轉(zhuǎn)時(shí),并不需要進(jìn)行一個(gè)HTML文件的請求,這樣就節(jié)約了很多HTTP發(fā)送時(shí)間,我們在切換頁面的時(shí)候速度會(huì)很快。另外,單頁應(yīng)用也有多模塊復(fù)用、解耦等多重好處。其缺點(diǎn)是對SEO不太友好,首屏、白屏?xí)r間會(huì)比單頁應(yīng)用長一些。
本書將不討論單頁應(yīng)用(單頁應(yīng)用不涉及頁面跳轉(zhuǎn)),主要以多頁HTML這種傳統(tǒng)、原始的開發(fā)方式帶大家了解前端知識(shí)。
注意
目前市面上已經(jīng)出現(xiàn)了大量優(yōu)秀的前端框架,但是對于移動(dòng)端工程師來說,使用前端框架增加了移動(dòng)端工程師的學(xué)習(xí)成本。另外,我們也不知道這些前端框架還能流行多久。為避免后續(xù)給讀者造成不必要的學(xué)習(xí)成本和麻煩,我們使用最原始的前端開發(fā)方法,甚至不使用Webpack這類構(gòu)建工具。(目前最原始的瀏覽器API層面的修改近20年都沒有大的變化,大部分變化都僅僅是添加新的API,很少移除。)
- 柳工出海:中國制造的全球化探索
- 大型網(wǎng)站架構(gòu)實(shí)戰(zhàn)
- 網(wǎng)頁設(shè)計(jì)實(shí)用教程
- After Effects CS6從入門到精通
- Pro/ENGINEER三維造型設(shè)計(jì)實(shí)例精解
- 眾妙之門:自由網(wǎng)站設(shè)計(jì)師成功之道
- Adobe Dreamweaver CS5中文版經(jīng)典教程
- Vue.js Web開發(fā)案例教程(在線實(shí)訓(xùn)版)
- 網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)從入門到精通
- 《練就職場功夫熊貓》
- ASP快速建站全程實(shí)錄
- 巧學(xué)巧用Dreamweaver CS6制作網(wǎng)頁
- After Effects UI交互動(dòng)畫設(shè)計(jì)
- 精通HTML 5+CSS 3:100%網(wǎng)頁設(shè)計(jì)與布局密碼
- 精通HTML5+CSS3+JavaScript網(wǎng)頁設(shè)計(jì)(視頻教學(xué)版)(第2版)