zoukankan      html  css  js  c++  java
  • 刷新随机改变背景色(面向对象写法)

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>代理模式</title>
    </head>
    <body>
    <script>
    // 代理模式;
    // 拿过别人的功能进行预处理;


    function randomInt(min,max){
    return min + Math.round((max - min) * Math.random());
    }

    function proxy(type){

    // type => light darken normal;

    var randomList = {
    "light":{
    min : [100,100,100],
    max : [255,255,255]
    },
    "darken" : {
    min : [0,0,0],
    max : [100,100,100]
    },
    "normal" : {
    min : [75,75,75],
    max : [175,175,175]
    }
    }

    var minlist = randomList[type].min;
    var maxlist = randomList[type].max;

    var r = randomInt(minlist[0],maxlist[0]);
    var g = randomInt(minlist[1],maxlist[1]);
    var b = randomInt(minlist[2],maxlist[2]);


    return `rgb(${r},${g},${b})`;
    }

    document.body.style.background = proxy("normal");

    // 1. 当现有功能无法满足需求,但这个功能不可或缺,我们对功能进行部分预处理, 或者进行一些提前封装让得到的结果使我们想要的结果,这种二次封装我们称之为代理模式;



    </script>
    </body>
    </html>
  • 相关阅读:
    用react的ReactCSSTransitionGroup插件实现简单的弹幕动画
    composer安装yii2问题总结
    记阿里笔试经历
    JVM, JRE,JDK 的区别
    HTML
    Http协议
    操作系统和网络基础知识
    网络基础之网络协议
    计算机硬件知识
    计算机硬件历史
  • 原文地址:https://www.cnblogs.com/tis100204/p/10328914.html
Copyright © 2011-2022 走看看