js如何获取缓存

JavaScript015

js如何获取缓存,第1张

1、创建一个cache.js文件,前端页面，定义那些数据需要一次性拿到前端缓存，定义一个对象来保存这些数据。

2、前端页面，定义一个函数来调用后台接口获取数据，然后保存到本地缓存对象（dicts）中。

3、在主页面加载的时候调用这个方法一次性获取数据并缓存起来。这样，以后需要同样的数据，就直接从本地对象dicts中获取了。

4、后端Controller，定义一个接口，根据前端的请求，查询数据库（或查询服务器缓存，如下面例子中）获取数据返回给前端。

<script>

//我分步骤写，便于你理解

//1. js获取当前时间

var date=new Date()

//2. 获取当前分钟

var min=date.getMinutes()

//3. 设置当前时间+5分钟：把当前分钟数+5后的值重新设置为date对象的分钟数

date.setMinutes(min+5)

//4. 测试

//控制台显示，如果不需要就删除下边那行代码

console.log(date.toLocaleString())

//弹窗显示，如果不需要就删除下边那行代码

//alert(date.toLocaleString())

//输出到网页当中，如果不需要就删除下边那行代码

//document.write(date.toLocaleString())

//输出为YYYY-MM-DD HH:mm:ss格式

function format(date){

    var add_0=function(param){

return param>9?param:"0"+param

}

var year=date.getFullYear()

var month=add_0(date.getMonth()+1)

var day=add_0(date.getDate())

var hour=add_0(date.getHours())

var min=add_0(date.getMinutes())

var sec=add_0(date.getSeconds())

return year+"-"+month+"-"+day+" "+hour+":"+min+":"+sec

}

document.write(format(date))

</script>

替换原来的代码。

js获取DIV的位置坐标的方法大概有两种：

第一种：编辑代码：var odiv=document.getElementById('divid')

alert(odiv.getBoundingClientRect().left)

alert(odiv.getBoundingClientRect().top)

第二种：编辑代码function CPos(x, y) {this.x = x this.y = y} /*** 得到对象的相对浏览器的坐标*/ function GetObjPos(ATarget {var target = ATargetvar pos = new CPos(target.offsetLeft, target.offsetTop)var target =target.offsetParentwhile (target  pos.x += target.offsetLeft  pos.y += target.offsetTop target = target.offsetParent }return pos }var obj =  document.getElementById('divid') alert(GetObjPos(obj)['x'])//x坐标alert(GetObjPos(obj)['y'])//y坐标

SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN