网页页面缓存实际效果殊效编码

日期:2020-12-13 类型:科技新闻 

关键词:如何制作微信小程序,微信小程序源码,小程序码生成,凡科网微信小程序,微信公众号小程序


最先我要说的是,我是菜鸟,这些文章内容是献给和我1样要想学习培训的菜鸟们.论坛里有几位盆友发过缓存实际效果,可是象我这类菜鸟看她们的编码确实是1种痛楚,由于并不是1个层级的. 先我要说的是,我是菜鸟,这些文章内容是献给和我1样要想学习培训的菜鸟们.
论坛里有几位盆友发过缓存实际效果,可是象我这类菜鸟看她们的编码确实是1种痛楚,由于并不是1个层级的.
因此我用最最冗余的编码来写出这类实际效果,目地便是期待菜鸟们能看懂,
当大家不菜的情况下大家再回过头去看大神们的物品.
最终,请坚信这句话:
有1天菜鸟也会变成大神,(前提条件是你要勤奋哈哈^^)
运作编码框

[Ctrl A 所有挑选 提醒:你可先改动一部分编码,再按运作]

重要编码请看这两个便可以了
function f_s(){
var obj=document.getElementById("box");//获得ID为box的目标
obj.style.display="block";//设定目标obj为显示信息
obj.style.width="1px"; //设定目标obj的宽度为1px
var changeW=function(){ //(有关涵数这1点,甚么闭包,甚么类、原形的,弄的我头大了,之后渐渐地了解吧。这里我了解的是建立1个涵数立即量并把它存进自变量changeW里)
var obj_w=parseInt(obj.style.width);//把目标的宽度变换为1个标值,并存入自变量obj_w中;
if(obj_w<600){ //分辨,假如宽度标值小于600
obj.style.width=(obj_w Math.ceil((600-obj_w)/15)) "px";//测算目标的宽度。。。伴随着宽度的变长,递增加量愈来愈小
}
else{
clearInterval(bw);//假如超过等于600的话,已不实行setInterval,意思便是这个情况下终止提升宽度了。
}
}
var bw=window.setInterval(changeW,1)//每0.001秒启用1次changeW
}

//slow to fast 由慢到快
//申明1个涵数s_f()
function s_f(){
var obj=document.getElementById("box2");
var e_add=1;//原始化递增加量
obj.style.display="block";
obj.style.width="1px";
var changeW=function(){//我了解的是建立1个涵数立即量并把它存进自变量changeW里
var obj_w;e_add
obj_w=parseInt(obj.style.width);
e_add*=1.05;//之后每次递增的值全是
if(obj_w<600){
obj.style.width=(obj_w e_add) "px";//伴随着宽度的变长,递增加量愈来愈大
}
else{
clearInterval(bw);
obj.style.width="600px";//由于(obj_w e_add)这类测算方式会超过预订义的宽度,因此这里在缓存完之后再次设定它的宽度.导致1种假象哈哈
}
}
var bw=window.setInterval(changeW,1)
}