探索客户端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()
- CSS魔法堂:Absolute Positioning就这个样
- MongoDB(一)环境搭建与初始配置
- AI进了直播间,这画风666
- CSS布局:水平居中
- docker学习(4) 一些常用操作
- Java多线程之细说线程池
- Windows8异步编程的注意事项
- Spring(一)Spring的第一滴血
- Flume(一)Flume原理解析
- 我所理解的Remoting (2) :远程对象的生命周期管理[下篇]
- struts2(六)之ognl表达式与ActionContext、ValueStack
- Windows8异步编程的注意事项
- CSS魔法堂:深入理解line-height和vertical-align
- Gradle 10分钟上手指南
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 微信小程序常用组件
- React进阶篇(七)React 同构
- 商业数据分析从入门到入职(5)Python基本语法和数据类型
- JavaScript 同步和异步的执行机制问题
- Vue 与小程序:父组件给子组件传值的区别
- Canvas悟空推箱子
- Spring Cloud 之服务网关 Zuul (一)
- React进阶篇(八)react redux
- 通过一个简单例子理解JavaScript闭包和this对象
- Spring Cloud 之服务网关 Gateway (一)
- Hacking with iOS: SwiftUI Edition - Hot Prospects项目(二)
- HarmonyOS-对Android开发者也太友好了吧
- 你还在使用复杂的 zkclient 开发 zookeeper 么?是时候用 Curator 了 !
- 如何通俗理解类和类型的差别?
- 如何理解变量?