因爲同事之前寫一個互動頁面用了1M,領導說太大了,於是讓我寫一個初始環境下的H5互動,因爲之前是做遊戲的,沒有接觸過H5的適配,所以開始了爬坑之旅。
看下 下面的這個文章是關於flexible.js的適配 地址:https://www.jianshu.com/p/04efb4a1d2f8,
這個是文件地址你可以點進去賦值粘貼變成本地的文件:http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js
我們引進來之後發現,其實本身就是適配好的是iPone的分辨率,你再處理rem的時候,像素的位置/75=最終是配好的位置
這個鏈接是資源的鏈接 你看你用得到不,如果你進去需要金幣證明我還沒有知道修改金幣的地方https://download.csdn.net/download/huhudeni/11816784
那就去百度雲地址
鏈接:https://pan.baidu.com/s/1neNraiH6PlREIGX1VI2vpg
提取碼:c094
我怕我寫的不太清楚 我把一個基礎的是配好的工程發到了我的gitHub上 地址 :https://github.com/soGooday/-H5-.git
如果你是移動端還需要加上這句話 (當前gitHub上已經加上去了)
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
(下面是我的目錄結構及其引用)
我在最後的底部調取了一下引用的文件
在我之前的文件中 有zepto.min.js這個文件,這個是可以發送ajax的請求的,先給一個模板
$.ajax({
url: baseURL+url,
type: type,
data: JSON.stringify(obj),
dataType: 'json',
crossDomain: true, //強制使用5+跨域
contentType: 'application/json',
beforeSend: function(request) {
request.setRequestHeader('H',123);//添加的頭部的相關信息
},
success: function (res) {
console.log('res:',res);
},
error:function (xhr,text) {
console.log('text:',text,'xhr:',xhr);
if(xhr.status == 200){
}else {
}
}
});
我遇見了 在ios 發送不了http的請求問題,然後找到了問題坐在,你可以在請求中添加,
crossDomain: true, //強制使用5+跨域
可以添加上這個使用,遮掩給你就可以在ios上發送相關的http的信息了。如果你
參考自:https://ask.dcloud.net.cn/question/25272 與 https://ask.dcloud.net.cn/article/865