
Web前端開(kāi)發(fā)應(yīng)該如何使用相對(duì)路徑-Web前端培訓(xùn)機(jī)構(gòu)
我們知道,網(wǎng)頁(yè)中的CSS文件、JS文件、圖片等多數(shù)都是以資源形式引入HTML中的,既然是資源文件那就存在一個(gè)引用的路徑(位置)。Web前端對(duì)于資源路徑的表現(xiàn)形式主要有兩種:相對(duì)路徑、絕對(duì)路徑,相信大家在剛學(xué)習(xí)Web前端時(shí)就聽(tīng)老師和前輩們說(shuō)過(guò):相對(duì)路徑要比絕對(duì)路徑更容易維護(hù)。
那是不是意味著Web前端頁(yè)面中各類資源就一定得用相對(duì)路徑呢?其實(shí)也未必!
什么是相對(duì)路徑?
在說(shuō)相對(duì)路徑前我們先大體了解下與相對(duì)路徑對(duì)立的絕對(duì)路徑。舉例來(lái)說(shuō),老師在課堂上如果要點(diǎn)名,可能會(huì)說(shuō):張三同學(xué),請(qǐng)問(wèn)答一下這個(gè)問(wèn)題,這里的指名道姓其實(shí)就可以理解為絕對(duì)路徑。
但假設(shè)張三同學(xué)沒(méi)有回答出問(wèn)題,那老師可能會(huì)讓他的同桌來(lái)回答問(wèn)題,比如老師說(shuō)道:張三左邊的同學(xué)回答一下這個(gè)問(wèn)題。此時(shí),張三左邊的同學(xué)就是相對(duì)于張三去定位到某個(gè)人的,這就可以理解為是相對(duì)路徑。
總結(jié)來(lái)說(shuō),相對(duì)路徑肯定是以一個(gè)絕對(duì)路徑為參考點(diǎn)來(lái)定位尋找資源的。
相對(duì)路徑的表示形式
那在前端中怎么判斷一個(gè)路徑是相對(duì)路徑呢?很簡(jiǎn)單,比如下面這些URI就是相對(duì)路徑形式:
a/b.html
/a/b.html
./a/b.html
../a/b.html
如果一個(gè)URL是以/開(kāi)頭的,表示此資源是當(dāng)前站點(diǎn)根目錄下的某個(gè)資源;
./表示在當(dāng)前目錄下的資源;
../表示上一級(jí)目錄下的資源;
如果不是以http://、/、./、../開(kāi)頭的URL,那默認(rèn)就是以當(dāng)前目錄為參考路徑去定位查找資源的。
建議使用絕對(duì)路徑而不是相對(duì)路徑
雖說(shuō)使用相對(duì)路徑可以避免再次部署時(shí)可能導(dǎo)致的路徑錯(cuò)誤的Bug,但我們?cè)趯?shí)際網(wǎng)站開(kāi)發(fā)過(guò)程中并不建議大家使用相對(duì)路徑!因?yàn)楝F(xiàn)在的網(wǎng)站是需要注重性能的,前后端分離、動(dòng)靜分離這種架構(gòu)模式下再去使用相對(duì)路徑是不合適的,而應(yīng)該使用完整的域名+路徑形式來(lái)引用資源,這樣也易于后期的CDN加速。

1、教學(xué)質(zhì)量
我們采用班級(jí)面授教學(xué)形式,面對(duì)面學(xué)習(xí),有問(wèn)題可以及時(shí)探討、請(qǐng)教和解決。
2、強(qiáng)大的師資力量
我們的老師都是在業(yè)內(nèi)擁有豐富行業(yè)項(xiàng)目經(jīng)驗(yàn)的技術(shù)大咖。
3、就業(yè)保障
在入學(xué)時(shí),我們就會(huì)簽訂《就業(yè)保障協(xié)議》,我們提供推薦就業(yè)服務(wù),符合條件的學(xué)員,不就業(yè)退學(xué)費(fèi)。
4、就業(yè)信息真實(shí)
我們的所有就業(yè)數(shù)據(jù),及就業(yè)信息都是真實(shí)的。我們不屑與那些在數(shù)據(jù)上造假、愚弄大眾的機(jī)構(gòu)為伍,歡迎監(jiān)督!
5、學(xué)習(xí)時(shí)間集中
在保證教學(xué)效果的前提下,盡量壓縮時(shí)間戰(zhàn)線。畢竟,時(shí)間對(duì)于脫產(chǎn)學(xué)習(xí)的人來(lái)說(shuō)就是金錢(qián)。
6、學(xué)習(xí)內(nèi)容系統(tǒng)、科學(xué)
與企業(yè)需求做到無(wú)縫銜接,讓學(xué)員能學(xué)到當(dāng)前企業(yè)需要的技能,順利走上工作崗位。
7、透明的收費(fèi)標(biāo)準(zhǔn)
我們不玩價(jià)格戰(zhàn),我們收取合理的費(fèi)用,提供相匹配的優(yōu)質(zhì)教學(xué)和服務(wù)。
8、科學(xué)的教學(xué)方法
采用“案例教學(xué)”和“項(xiàng)目驅(qū)動(dòng)式教學(xué)模式”的教學(xué)方法,能讓學(xué)員輕松的掌握所學(xué)的內(nèi)容。
9、嚴(yán)格的學(xué)員篩選制度
我們有嚴(yán)格的學(xué)員篩選制度,也是對(duì)學(xué)員的學(xué)習(xí)成果和就業(yè)負(fù)責(zé)。
10、提供終生職業(yè)提升和就業(yè)指導(dǎo)
我們?yōu)閷W(xué)生提供終生的職業(yè)提升和就業(yè)指導(dǎo),無(wú)償提供技術(shù)指導(dǎo)和支持。
校園環(huán)境
以上是匯智動(dòng)力.招生信息咨詢服務(wù)介紹的Web前端開(kāi)發(fā)應(yīng)該如何使用相對(duì)路徑-Web前端培訓(xùn)機(jī)構(gòu)的相關(guān)信息,希望對(duì)您有所幫助,如果屏幕前的朋友對(duì)IT培訓(xùn)感興趣,可以詢問(wèn)我們的在線客服或者撥打我們頁(yè)面上的電話吧!