test1

*{margin: 0;padding: 0;}

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服务器代码来判断就好。

function WebSocketTest(){
if (\”WebSocket\” in window){
alert(\”您的浏览器支持 WebSocket!\”);
var ws = new WebSocket(\”ws://www.toutiao.com/:9998/test\”);
ws.onopen = function(){ // Web Socket 已连接上，使用 send() 方法发送数据
ws.send(\”发送数据\”);
alert(\”数据发送中…\”);
};
ws.onmessage = function (evt) { //数据已接收
var received_msg = evt.data;
alert(\”数据已接收…\”);
};
ws.onclose = function(){ // 关闭 websocket
alert(\”连接已关闭…\”);
};
}else{ // 浏览器不支持 WebSocket
alert(\”您的浏览器不支持 WebSocket!\”);
}
}

最后，网页的websocket双工通讯，它区别于传统（socket通讯），完全不用自己分包，由本身协议自动处理，自动监听服务区消息，常常语言聊天工具和h5游戏（打开游戏新大门），懂的了websocket会让你技术能力巨大提升。