html5新特性与用法大全

2019-01-28 21:09:44刘景俊

1)注册百度开发者账号 map.baidu.com ---> lbsyun.baidu.com  2)创建一个网站;登录百度地图,为网站申请一个地图的AccessKey  3)在自己的网页中嵌入百度地图提供的API,嵌入百度地图

这里不多讲这个如何嵌入了!(要记住用百度地图必须注册账号,然后引用人家的库就对了!)

七、拖放API 

前面有讲过拖放:小伙伴们自己往前找一下以前的博客。

八 存储

存储主要就是cookie和session(前面一找一大堆的写法我讲一下区别吧还有注意事项) :要记住session是关了浏览器就消失的,cookie是关了浏览器也不消失的!注意注意:cookie存储时候必须加时间、不加时间的话关闭浏览器之后同样消失!这浏览器存储利用起来解决了很多功能问题比如记住密码等功能!!

九 web Socket

这个东西说不说呢。。。。。还是稍微简单的讲一下吧,全靠领悟啊~~

web socket 是一个可以在服务器与客户端之间建立一个非http的双向连接!

这个连接是实时的,也是永久的。

服务器可以主动推送消息。

服务器不在需要轮询客户端的请求,服务器与客户端之间通信无需重新建立连接。

也就是可持续性的 来回通讯。

如何创建呢?一段代码搞定

var webSocket = new WebSocket (“ws://localhost:8005/socket”); //url 必须以“ws” 或者“wss” 文字作为开头:因为不是http 是websocket吗,人家自己的标识,加密传送,记住就好了。 webSocket.send() //发送文本数据,只可以发送文本。(使用json对象把js对象转换文本数据后进行发送) webSocket.close();//关闭切断通讯连接。 webSocket.onmessage= function(event){   var data=event.data; } // 接收服务器传来的消息 webSocket.onopen =function(event){   //开始通讯时的处理 } webSocket.onclose =function(event){   //通讯结束时的处理 }

总结

以上所述是小编给大家介绍的html5新特性与用法大全,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对易采站长站网站的支持!