探索客户端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()

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏黒之染开发日记

使用reactJS要注意的地方

虽然react使用的jsx可以html和js混编,但是这里的html用的时候有的地方还是和原来的习惯不太一样。这里汇总一些我已经遇到的不一样,还有其他要注意的地...

1422
来自专栏从零开始学自动化测试

Selenium2+python自动化46-js解决click失效问题

前言 有时候元素明明已经找到了,运行也没报错,点击后页面没任何反应。这种问题遇到了,是比较头疼的,因为没任何报错,只是click事件失效了。 本篇用2种方法解决...

2956
来自专栏闻道于事

第一天上午——HTML网页基础知识以及相关内容

今天上午学习了HTML基础知识以及相关内容,还有DW的基本使用方法。 HTML(HyperText Markup Language):超文本标记语言,超文本:网...

3546
来自专栏deepcc

利用Javascript判断操作系统的类型

3689
来自专栏一“技”之长

iOS9系列专题6——iOS9其他适配注意点 原

        在iOS8中,APP的定位服务apple就做了一些修改,需要用户申请相应的权限,并在info.plist文件中添加对应的键值。具体的做法在这篇博...

733
来自专栏啸天"s blog

制作MAGISK字体模块

自从上了8.1后,手机换字体只能通过magisk模块进行更改,用其他方式就会翻车,无奈之下去找字体包,可是感觉有的自己喜欢的字体大多数是ttf格式就很不开心。

6.9K2
来自专栏娱乐心理测试

xcode 9以后导入图片遇到显示不出的问题

2092
来自专栏coding for love

浏览器加载解析渲染机制的全面解析

(注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!) (注2:更多内容请查看我的目录。)

1061
来自专栏前端笔记

【JavaScript 理论知识】VUE.JS之初体验:Animate.css封装!

对于经常和动画开发打交道的开发者对于Animate.css这个动画库不会陌生,它把一些常见的动画效果都封装起来了,非常实用。 image.png 前言...

3777
来自专栏守望轩

Visual Studio 2008 每日提示(十五)

#141、在打开的工具窗口中上下移动定位 原文链接:You can use Alt+F7 and Shift+Alt+F7 to move to the ne...

3413

扫码关注云+社区

领取腾讯云代金券