1. 程式人生 > >### 代理模式---隨機顏色 ###

### 代理模式---隨機顏色 ###

col 顏色 script 功能 viewport rip ont ken class

<!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: [255, 255, 255] } }
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>

### 代理模式---隨機顏色 ###