探索客户端JavaScript

JavaScript在客户端和服务器的应用场景。

Draft and Typescript, Node.js

 

第一部分：JavaScript中的定时器

JavaScript中有2中定时器(timer)。

单次定时器：定时器在终止并运行指定程序代码后，定时器就结束了。

setTimeout(TimerCode,Timerdelay);

间隔定时器：每隔一段时间就执行，直到程序让它停止。

函数：clearInterval(timerID)

clearInterval(timerID)函数清除setInterval()设置的间隔定时器。TimerID是创建定时器的时，由setInterval()返回的。

第二部分：JavaScript操作元素的样式

document.body.clientWidth document.body.clientHeight.必须在页面加载完成之后才能调用，否则报错。

client(客户端)只是浏览器窗口里呈现网页的部分。

clientWidth和clientHeight 指的是body里面所有元素所占有的大小。可以理解为body的宽度和高度，不管浏览器是否出现滚动条。

 

第三部分：客户端数据持久化(persistence)--cookie

延伸阅读：客户端存储--localstorage

客户端持久化存储方案：cookie localstorage

服务器端持久化存储方案：文件系统和数据库，NOSQL

 

JavaScript在浏览器关闭或者网页重新加载时摧毁所有的变量。可以使用cookie和localstorage（html5）保存用户上次需要保存在浏览器的数据。

 

cookie是浏览器存储在用户计算机里的一小块数据，有大小限制(一般是4Kb)。

JavaScript+Cookie=适合客户端、便利的持久化数据存储方案。

readCookie(),writeCookie(),eraseCookie()