資訊專欄INFORMATION COLUMN
摘要：進(jìn)入域后判斷是移動(dòng)端還是端顯示不同的頁面很多情況下，一個(gè)應(yīng)用會(huì)有和移動(dòng)端兩個(gè)版本，而這兩個(gè)版本因?yàn)椴顒e大，內(nèi)容多，所以不能用響應(yīng)式開發(fā)但是多帶帶開發(fā)，而域名只有一個(gè)，用戶進(jìn)入域后直接返回對(duì)應(yīng)設(shè)備的應(yīng)用，做法主要有兩種前端判斷并跳轉(zhuǎn)進(jìn)入一個(gè)應(yīng)用
進(jìn)入域后判斷是移動(dòng)端還是pc端顯示不同的頁面（PC/MOBILE）
很多情況下，一個(gè)應(yīng)用會(huì)有PC和移動(dòng)端兩個(gè)版本，而這兩個(gè)版本因?yàn)椴顒e大，內(nèi)容多，所以不能用響應(yīng)式開發(fā)但是多帶帶開發(fā)，而域名只有一個(gè)，用戶進(jìn)入域后直接返回對(duì)應(yīng)設(shè)備的應(yīng)用，做法主要有兩種：
前端判斷并跳轉(zhuǎn)
進(jìn)入一個(gè)應(yīng)用或者一個(gè)空白頁面后，通過navigator.userAgent來判斷用戶訪問的設(shè)備類型，進(jìn)行跳轉(zhuǎn)
后端判斷并響應(yīng)對(duì)應(yīng)的應(yīng)用
用戶地址欄進(jìn)入域的時(shí)候，服務(wù)器能接收到請(qǐng)求頭上包含的userAgent信息，判斷之后返回對(duì)應(yīng)應(yīng)用
function foo(){
getName = function(){console.log(1)}
return this
}
foo.getName = function(){console.log(2)}
foo.prototype.getName = function(){console.log(3)}
var getName = function(){console.log(4)}
function getName(){console.log(5)}
foo.getName()//2
//foo是一個(gè)函數(shù)，也可以說是一個(gè)對(duì)象，所以它也可以掛載一些屬性和方法，18行在其上掛載了一個(gè)getName方法
//執(zhí)行的結(jié)果是
getName()//4
//21行有一個(gè)全局函數(shù)，全局函數(shù)聲明提前后被20行的getName覆蓋，所以輸出4
foo().getName()//1
//foo()執(zhí)行完成后，將全局的getName也就是window.getName給更改后返回this，而在這里this執(zhí)行的就是window，所以最后執(zhí)行的就是window.getName，所以輸出1
getName()//1
//在上面已經(jīng)更改全局的getName，所以依然是1
new foo.getName()//2
//new 操作符在實(shí)例化構(gòu)造器的時(shí)候，會(huì)執(zhí)行構(gòu)造器函數(shù)，也就是說，foo.getName會(huì)執(zhí)行，輸出2
new foo().getName()//3
//new操作符的優(yōu)先級(jí)較高，所以會(huì)先new foo()得到一個(gè)實(shí)例，然后再執(zhí)行實(shí)例的getName方法,這個(gè)時(shí)候，實(shí)例的構(gòu)造器里沒有g(shù)etName方法，就會(huì)執(zhí)行構(gòu)造器原型上的getName方法
new new foo().getName()//3
//先執(zhí)行new foo()得到一個(gè)實(shí)例，然后在new 這個(gè)實(shí)例的getName方法,這個(gè)時(shí)候會(huì)執(zhí)行這個(gè)方法，所以輸出3
//除了本地對(duì)象的方法，其他的函數(shù)都能new
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/92290.html
摘要：接下來做端一般都寫手機(jī)最大也就先隱藏手機(jī)菜單和按鈕優(yōu)先級(jí)問題解決方法直接使用用谷歌開發(fā)者工具查看優(yōu)先級(jí)里面的垂直居中再把寫成布局只要改成里面的子項(xiàng)目就變成一行了菜單導(dǎo)航導(dǎo)航導(dǎo)航導(dǎo)航導(dǎo)航到航導(dǎo)航導(dǎo)航導(dǎo)航導(dǎo)航方法切換元素的可見狀態(tài)。 CSS5:移動(dòng)端頁面(響應(yīng)式) 如果手機(jī)端和PC端頁面差別很大,就不要寫響應(yīng)式,不要寫@media 就直接將兩個(gè)頁面拆開成兩個(gè)文件就可以了.關(guān)于判斷是手機(jī)端你...
摘要：業(yè)務(wù)環(huán)境是決定整體項(xiàng)目的適配方案的核心因素。而淘寶的主站和類似，分為移動(dòng)端頁面和端頁面，端頁面同樣有著左右的留白，這也是為了讓用戶能夠在寬屏的時(shí)候?qū)⒆⒁饬性谥虚g區(qū)域。 移動(dòng)端適配方案 移動(dòng)端適配方案是一個(gè)老生常談的話題，但是對(duì)于不同的項(xiàng)目、不同的業(yè)務(wù)場(chǎng)景可能會(huì)需要不同的適配方案來進(jìn)行移動(dòng)端適配，向下兼容的baseline也需要提前訂好。 整體寬高 其實(shí)移動(dòng)端適配就和下面的玩具一樣，...
摘要：給網(wǎng)站加谷歌翻譯，搜索引擎一搜一大堆，這里不再贅述。，原生，并且谷歌顯示在右側(cè)。，為什么把中的改成了理由同，為什么的前面加了個(gè)符號(hào)這里正是谷歌翻譯的一個(gè)，猜測(cè)和中的某些正則匹配有關(guān)。 給網(wǎng)站加谷歌翻譯，搜索引擎一搜一大堆，這里不再贅述。只貼一個(gè)申請(qǐng)谷歌翻譯的一個(gè)地址：https://translate.google.com/...和一段代碼： 下面是官方給出的代碼： function...
閱讀 2965·2021-09-22 15:43
閱讀 5287·2021-09-06 15:02
閱讀 908·2019-08-29 13:55
閱讀 1743·2019-08-29 12:58
閱讀 3138·2019-08-29 12:38
閱讀 1309·2019-08-26 12:20
閱讀 2318·2019-08-26 12:12
閱讀 3392·2019-08-23 18:35
