技术学习与分享

2007年W3C(万维网联盟)立项HTML5，直至2014年10月底，这个长达八年的规范终于正式封稿。过去这些年，HTML5颠覆了PC互联网的格局，优化了移动互联网的体验，接下来，HTML5将颠覆原生App世界。这听起来有点危言耸听，但若认真分析HTML5的发展史，你会发现，这个世界的发展趋势确实就是这样。熟知历史才能预知未来，先让我们来看看HTML5为什么诞生、这8年是怎么过来的。一

在HTML5规范中，我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API：它可用于客户端、服务器端。而且有一个优秀的第三方API，名为Socket.IO。一、什么

方法一：HTML5新的标准中，增加了” Cross-Origin Resource Sharing”特性，这个特性的出现使得跨域通信只需通过配置http协议头来即可解决。Cross-Origin Resource Sharing 详细解释见：http://dvcs.w3.org/hg/cors/raw-file/tip/Overview.htmlCross-Origin Res

HTML5 的 postMessage 方法可实现不同窗体间互相通信。postMessage 支持实现跨文档消息传输（Cross Document Messaging），并且可跨域传输信息。Internet Explorer 8, Firefox 3, Opera 9, Chrome 3和 Safari 4 以上版本浏览器都已支持 postMessage。1. postMessag

最近发现群内大伙对用Hbuilder做的APP怎么做登录功能以及维护登录状态非常困惑，而我前一段时间正好稍微研究了一下，所以把我知道的告诉大家，节约大家查找资料的时间。你是否真的需要登录功能？把这个问题放在最前面并不是灌水，而是真的见过很多并不需要登录的APP去做了登录功能，或者是并不需要强制登录的APP把登录作为启动页。用户对你的APP一无所知，你就要求对方注册并登录，除非A

html5+canvas进行移动端手机照片上传时，发现ios手机上传竖拍照片会逆时针旋转90度，横拍照片无此问题；Android手机没这个问题。因此解决这个问题的思路是：获取到照片拍摄的方向角，对非横拍的ios照片进行角度旋转修正。利用exif.js读取照片的拍摄信息，详见  http://code.ciaoca.com/javascript/exif-js/这里主要用到Orienta

html5+exif.js+canvas实现手机端照片上传预览、压缩、旋转功能 图片上传 上传图片: 自己写的js：function selectFileImage(fileObj) { var file = fileObj.files['0']; //图片方向角 added by lzk var Orienta

设计初衷是通过websocket实现网页实时通讯聊天。工程环境：tomcat8+jdk1.7+maven+eclipse设计思路：客户端登录网页建立socket连接，后台记录用户连接信息并做标识；当用户在网页端发送聊天消息至后台，后台收到信息后将消息发送至接收者，同时后端对消息进行持久保存。简要代码实现demo如下：1、pom.xml主要配置