jQuery Diary3

4 methods to add new content: append(): to insert content at the end of the selected elements(附加) prepend():to insert content at the beginning of the selected elements after():to insert content after the selected elements before():to insert content before the selected elements $("p").append(" Appended text"); Remove methods: remove(): to remove the selected element and its elements. … Continue reading jQuery Diary3

web storage

web storage 简单的说,就是HTML5新增的功能, 可以在客户端本地储存数据, 至少是5MB, 并且这些数据不会被传送到服务器。 总体来说分为两类: 1.sessionStorage:暂时性的,浏览器一旦关闭,数据将被清除 2.localStorage:不能说永久性,但是会存储在客户端的硬盘上 命令也基本相同, 保存数据: localStorage.setItem(key,value); 读取数据: localStorage.getItem(key); 删除单个数据: localStorage.removeItem(key); 删除所有数据: localStorage.clear(); 得到某个索引的key: localStorage.key(index); 检查你的 浏览器是否有localStorage <code> if (type of mode !=="undefined"){ //code of localStorage or sessionStorage }else{ //"sorry no web storage support ! " }</code> http://blog.csdn.net/hbcui1984/article/details/8466743 (not ready..)

关于Web sockets 自己的理解

还记得,在200x年时, 网页那时正是流行的时候,几乎每家每天都会上网浏览咨询。 但是那时也会有个问题,感觉页面是“死”的,每次你想要看最新的评论或最新的消息,都需要不停的刷新。 现在,这种问题已经得到了改善,例如,facebook, 你可以看见对方的状态,"他正在编辑",然后消息会自动的更新出来,感觉页面是互动的。还有Google的在线文档编辑,可以同时几个人在线编辑,也可以及时看到别人编辑的内容。 问题是,是什么样的技术能做到这样呢?en tiedaa(芬兰语). 从我的理解来说,以前大家使用的是最简单的http协议,只有当客户端发送request,服务器才会给出response.所以服务器不能主动发送response.而且,当时建立一次连接,连接的时效是很短的。一旦客户端没有新的request, 连接就会自动断开。当客户端想要再发出新消息时,就要再次重新做出连接。另外,服务器是没有记忆的,它不能记住你是谁,你是哪里的,每次当你需要重新连接,都需要重新发送你的header(你是谁,来自哪里,要干什么)。因此,页面是死的,都需要你不停的刷新。 随后,技术改变了这一个弊端,它会让服务器在知道有新的数据时,然后自动的发送到客户端。这就是即使通讯(real-time), 所用的技术是“long polling”(轮询), 有了这个long polling, 客户端会在特定的时间间隔如每1s,向服务器发送request,当服务器有新数据就会做出response。 http://html5shim.googlecode.com/svn/trunk/html5-els.js 不过,它还是遗留了一个问题,就是客户端需要不停的发送request, 而且每次发送request,所需要带的header是非常长的.而最比较新的技术去做轮询的效果是Comet – 用了AJAX。但这种技术虽然可达到全双工通信,但依然需要发出请求(reuqest)。 在 WebSocket API,浏览器和服务器只需要要做一个握手的动作(WebSocket protocol 是HTML5一种新的协议protocol)。然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。 这也就是一个例子,当你使用Youtube时, 你的客户端的某个端口将连入服务器的某个端口。(点到点连接)当我们关闭这个网页,连接将会断开。 http://html5shim.googlecode.com/svn/trunk/html5-els.js 在此WebSocket 协议中,为我们实现即使服务带来了两大好处: 1. Header 互相沟通的Header是很小的-大概只有 2 Bytes 2.Full duplex(双向通讯) 服务器也可以主动传送数据给客户端   以上部分来源于https://www.youtube.com/watch?v=Y0g3M4VG6Ns  (In English) https://www.html5rocks.com/en/tutorials/websockets/basics/ 特别推荐,什么时候改用web socket https://blogs.windows.com/buildingapps/2016/03/14/when-to-use-a-http-call-instead-of-a-websocket-or-http-2-0/#RE7I55YYufuBV5lb.97 补充:临时端口也叫做暂时端口。通常存在于客户机中。它在客户端应用程序需要连接到服务器时建立而在客户端应用程序终止时取消。它的端口号是随机选取的,数值大于1023。

看完让你彻底搞懂Websocket原理

偶然在知乎上看到一篇回帖,瞬间觉得之前看的那么多资料都不及这一篇回帖让我对 websocket 的认识深刻有木有。所以转到我博客里,分享一下。比较喜欢看这种博客,读起来很轻松,不枯燥,没有布道师的阵仗,纯粹为分享。废话这么多了,最后再赞一个~ 一、websocket与http WebSocket是HTML5出的东西(协议),也就是说HTTP协议没有变化,或者说没关系,但HTTP是不支持持久连接的(长连接,循环连接的不算) 首先HTTP有 1.1 和 1.0 之说,也就是所谓的 keep-alive ,把多个HTTP请求合并为一个,但是 Websocket 其实是一个新协议,跟HTTP协议基本没有关系,只是为了兼容现有浏览器的握手规范而已,也就是说它是HTTP协议上的一种补充可以通过这样一张图理解 有交集,但是并不是全部。 另外Html5是指的一系列新的API,或者说新规范,新技术。Http协议本身只有1.0和1.1,而且跟Html本身没有直接关系。。通俗来说,你可以用HTTP协议传输非Html数据,就是这样=。= 再简单来说,层级不一样。 二、Websocket是什么样的协议,具体有什么优点 首先,Websocket是一个持久化的协议,相对于HTTP这种非持久的协议来说。简单的举个例子吧,用目前应用比较广泛的PHP生命周期来解释。 HTTP的生命周期通过 Request 来界定,也就是一个 Request 一个 Response ,那么在 HTTP1.0 中,这次HTTP请求就结束了。 在HTTP1.1中进行了改进,使得有一个keep-alive,也就是说,在一个HTTP连接中,可以发送多个Request,接收多个Response。但是请记住 Request = Response , 在HTTP中永远是这样,也就是说一个request只能有一个response。而且这个response也是被动的,不能主动发起。 教练,你BB了这么多,跟Websocket有什么关系呢?_(:з」∠)_好吧,我正准备说Websocket呢。。 首先Websocket是基于HTTP协议的,或者说借用了HTTP的协议来完成一部分握手。 首先我们来看个典型的 Websocket 握手(借用Wikipedia的。。) GET /chat HTTP/1.1 Host: server.example.com Upgrade: websocket Connection: Upgrade Sec-WebSocket-Key: x3JJHMbDL1EzLkh9GBhXDw== Sec-WebSocket-Protocol: chat, superchat Sec-WebSocket-Version: 13 … Continue reading 看完让你彻底搞懂Websocket原理