最近一直在學習，cordova與vue的結合 cordova與ios的結合 原生路由框架 axios的封裝 好多好多 。。。
分享下我最開始的一套**；
感受：對領導莫大的信任感覺到熱(lei)淚(liu)盈(man)眶(mian) ,只有2周，當然2週是開發時間，自動算上周末14天；
動手前的想法：
1.1介面的切換用路由的話，擔心出問題(主要是還沒能駕馭vue到生產)，所以就來了簡單粗暴的方式，只換內容，不換url。
1.2只換內容，不換url，大家應該猜到了 display block none;
2.1沒有介面的搜尋，實際上還是有搜尋介面的，可是乙個返回資料像蝸牛的介面，你怎麼敢用。
2.2過程就不說了，直接上實現方式
存：首先傳送乙個請求所有資料的介面，再用localstorage存起來，將關鍵字段抽取出來組成陣列，存的item很講究的---1存資料 2存每個使用者的資料(理論上是搜尋介面返回的） 所以item的拼接是使用者欄位+資料字段
取：一般來說輸入框都是input，input有乙個oninput事件，是oninput不是onchange ，這個很重要！！！ oninput取值再用 arr.indexof（value）>-1得到搜尋資料的索引，逆推回去，得到搜尋資料的詳情
3.1大家都知道手機適配是很關鍵的，但是很少有人關注橫豎屏切換的使用者體驗 畢竟是瀏覽器這個還是要考慮的，之前我有發過rem布局的寫法，現在優化了一下
(function(doc,win)
}else
docel.setattribute('class',orientation);
if(orientation==='portrait')
//根部的fontsize是20px （這個看個人）；為什麼要用math。round（）是因為專案中是rem和px混合使用，在做資料滾動的時候會出現1px的問題，加上math。round就行了
docel.style.fontsize = math.round(40 * (clientwidth / 750)) + 'px';
// document.body.scrolltop = 0 ;
// alert(docel.style.fontsize)
}if(orientation==='landscape')
//橫屏的fontsize 還可以用原生js寫一些操作 ：在豎屏瀏覽到介面一半時橫屏，橫屏的介面處在哪個位置可以在這裡設定 scolltop
docel.style.fontsize = math.round(40 * (clientheight / 750)) + 'px';
// document.body.scrolltop = math.round(40 * (clientheight / 750))*8 ;
// alert(docel.style.fontsize)}};
//此處是重點中的重點 這樣寫的原因是：在橫豎屏切換操作時，無法一開始正確的獲取裝置的寬度（高度），所以要用settimeout，找了好久的帖子才找到的黑魔法
if(supportorientation)
},false);
}else
},false);
}updateorientation();
};window.addeventlistener('domcontentloaded',init,false);
})(document, window);
4.1 懶載入 這個網上有很多 我用的是img的onload替換src，這裡也用了settimeout，解釋原因可能知識不太夠。描述下現象吧：第一次顯示過渡（一般為公司形象）直到真實載入完畢完成懶載入，但是第二次就不行了
function changeimgsrc(obj)
var truesrc = $(obj).attr('data-src');
$(obj).attr('src', truesrc);
}, 100)
}5結束
結果---大體上差強人意，發了一筆獎金給女朋友買了點東西 ^_^
手機瀏覽器與我的那些事（五）
1.建立專案 cordova create testcordovaproject com.catchzeng.testcordova testcordova 引數說明 2.新增平台 cd testcordovaproject sudo cordova platform add ios新增成功後可在專...
相容 瀏覽器相容那些事
這段時間，經常會接到很多需要處理瀏覽器相容問題的工作。開個玩笑的說，如果看到乙個人的電腦裝了很多瀏覽器，那麼勇敢地懷疑他的崗位是不是web前端開發吧。有一段時間，我的電腦同時安裝了chrome ff 360 ie 搜狗和yy瀏覽器，另外還有ietester用作除錯不同版本的ie。瀏覽器相容一事是前端...
講講http和瀏覽器那些事
1.http和https https的ssl加密是在傳輸層實現的。1 http和https的基本概念 http 超文字傳輸協議，是網際網路上應用最為廣泛的一種網路協議，是乙個客戶端和伺服器端請求和應答的標準 tcp 用於從www伺服器傳輸超文字到本地瀏覽器的傳輸協議，它可以使瀏覽器更加高效，使網路傳...