<title>test1/<title>
hello,word;
一個完整頁面代碼，保存兩個部分：申明網頁遵守的標準和html代碼；html代碼部分有分為了兩部分 head塊和body塊，head用於聲明字符集、頁面標題和應用js文件或者css文件等，body塊就是我們實實在在能在網頁上看見的內容代碼。為了讓我們頁面佈局更準確，所以style首先設置“margin: 0;padding: 0”,不同瀏覽器對div一些默認的約束。在使用標籤的時候，通篇都使用div標籤，其它（如：list標籤）少用，在標籤上達到個個瀏覽器統配性(個人教訓：標籤種類越用得多，頁面通用就越差)。
$("button").click(function(){
$.ajax({ type: "GET",data: {key1:value1},url:"https://www.toutiao.com/",success:function(result){
$("#div1").html(result);
}});
});
對js要求：原生的js代碼，可以不用寫，但是你一定看得懂。而在實際工作中，大部分都是使用js框架（如：jquery，vue.js等框架），這些框架都是對js的封裝，而且在各大瀏覽器兼容性方面也做得很出色（框架研發商們處理一些髒、亂活，我們只要調用就ok）。我推薦的還是jquery（vue.js近幾年挺火），特別是網絡請求方面，無論是get、post，更高級的ajax請求，都可以很好的兼容，而且使用很方面（不用關心http請求具體協議內容，如果有興趣的可以看我以前文章）。
如果你項目要求全適配，由於pc和手機屏幕比例不一樣，而且為了良好體驗度，在細節的佈局也會發生不一樣的，所以只能做兩個不同網頁代碼。對於用戶設備配備，完全有webserver服務器代碼來判斷就好。
最後，網頁的websocket雙工通訊，它區別於傳統（socket通訊），完全不用自己分包，由本身協議自動處理，自動監聽服務區消息，常常語言聊天工具和h5遊戲（打開遊戲新大門），懂的了websocket會讓你技術能力巨大提升。
分享到:
閱讀更多 代碼桃子 的文章
