刷新随机改变背景色（面向对象写法）

最新推荐文章于 2022-10-09 22:03:03 发布
最新推荐文章于 2022-10-09 22:03:03 发布
阅读量71 收藏
点赞数
原文链接：http://www.cnblogs.com/tis100204/p/10328914.html
版权
<!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>

转载于:https://www.cnblogs.com/tis100204/p/10328914.html

weixin_30807677
关注
Qt开发经验总结
草上爬的博客
12-02 8471
增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。
导航栏刷新 背景颜色改变
weixin_34112208的博客
11-11 299
<script type="text/javascript"> getUrlParameters(name){ var reg=new RegExp("(^|&)"+name+"=([^&]*)(&|$)","i"); var r=window.location.search.substr(1).match(reg); ...
效果:网页页面随机改变颜色+自定义样式背景颜色随机改变+20秒倒计时+时间一到马上跳转新页面
weixin_45789271的博客
10-30 1193
<!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-U...
生成随机的背景颜色
前端小白的博客
09-05 3984
&lt;script&gt;         function getColor(){             var str = "#";             var arr = ["1","2","3","4","4","5","6","7","8","9",&quo
Java实现面向对象编程
GHHCNGC的博客
07-17 2万+
目录 第1章... 10 抽象和封装... 10 1.1用面向对象设计电子宠物系统... 14 1.1.1为什么使用面向对象... 14 1.1.2使用面向对象进行设计... 15 1.2通过创建对象实现领养宠物功能... 17 1.2.1创建类的对象... 17 1.2.2构造方法及其重载... 23 1.2.3常见错误... 28 1.3使用封装优化电子宠物系统的类... ...
面向对象课设实验——solitaire（java实现）
xdl229的博客
05-13 1129
一、读懂题目！ 一开始看题目我就看了很久，面对下面这张图解我完全看不懂，不知道这个游戏到底怎么进行，后来在win10自带的游戏里找到了这个游戏才知道是要做什么。（做一个项目之前必须得完完全全理解这个项目具体的要求是什么，不能摸棱两可） （点击solitaire进去后选择经典单人游戏即可感受游戏） 游戏说明：将一副扑克牌去掉大小王，只剩下四个花色的1-13，将这些牌放进四种卡堆中，1、deck cards（牌库）2、discard card（遗弃堆）3、suitpiles（正序堆）4、takepiles（
你不知道的这里都有：前端常见问题整理
黑曼巴
04-10 794
此文较长，文末大惊喜等着你！$HTML， HTTP，web综合问题1、前端需要注意哪些SEO合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywor...
MATLAB 第9章 图形对象
a_harry的博客
06-29 2733
第9章 图形对象9.1 图形对象及其句柄9.1.1 图形对象的基本概念9.1.2 图形对象句柄9.1.3 图形对象属性9.2 图形窗口对象与坐标轴对象9.2.1 图形窗口对象9.2.2 坐标轴 MATLAB 的图形是由不同图形对象组成的。 MATLAB 用句柄来标识对象，我们可以通过句柄来访问相应对象的属性。MATLAB R2014b以后的版本采用OpenGL作为默认图形渲染器，加强和扩展了通过图形对象句柄对各种图形对象进行修改和控制的方法。 第4章介绍的绘图函数主要通过命令参数控制图形的绘制过程，图形每一
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
qq_36609655的博客
07-02 1万+
第1章Html   Html：超级文本标记语言（HyperText Markup Language），在浏览器上运行的一种标记语言。 就是给文本加上含有语义的标签。 接下来应该学习更多具体语义标签： 一、结构（固定的结构）   &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;bod...
Python 实战开发俄罗斯方块游戏
热门推荐
GitChat
07-03 3万+
“人生苦短，我用 Python”，这是网络上的一句戏言，却真实反映了 Python 语言的江湖地位。2017年 IEEE Spectrum 杂志发布的编程语言排行榜中，Python 排行榜首。Python 也被视为 AI 时代的头牌语言，是数据科学和机器学习领域使用最多的语言。Python 语言学习曲线平滑，上手容易。然而，新手必须通过项目实战才能显著提高 Python 开发能力。本达人课意在...
前端面试题--js
weixin_44501366的博客
10-09 5197
SetES6 新增的一种新的的数据结构，类似于数组，但成员是唯一且无序的，没有重复的值。成员不能重复；只有键值，没有键名，有点类似数组；可以遍历，方法有add: 新增，相当于array里的pushdelete: 存在即删除集合中的valuehas: 判断集合中是否存在valueclear: 清空集合Set 结构可以利用Array.from或者 扩展运算符 转化为数组。
记录一个js切换随机背景颜色的代码
weixin_30340353的博客
10-23 330
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.j...
基于Matlab面板版的卡尔曼小球运动跟踪[Matlab面板版].zip
10-16
大模型实战教程
Day01(1).py
10-16
Day01(1).py
面试-PHP高频面试题整理-面试题合集.zip
10-16
面试_PHP高频面试题整理_面试题合集
(最新整理)中国企业OFDI微观数据2005-2022年
最新发布
10-16
1、资源内容地址：https://blog.csdn.net/2301_79696294/article/details/142994315 2、代码特点：今年全新，手工精心整理，放心引用，数据来自权威，相对于其他人的控制变量数据准确很多,适合写论文做实证用 ，不会出现数据造假问题 3、适用对象：大学生，本科生，研究生小白可用，容易上手！！！ 3、课程引用: 经济学，地理学，城市规划与城市研究，公共政策与管理，社会学，商业与管理
毕业设计论文SpringBoot+Vue茶叶销售系统.docx
10-16
毕业设计论文
tkinter 面向对象写法
03-28
在使用 tkinter 时，可以采用面向对象的写法，即创建一个类，将 tkinter 的组件作为类的属性，将操作组件的方法作为类的方法，下面是一个简单例子： ```python import tkinter as tk class Application: def __init__(self, master): self.master = master self.label = tk.Label(master, text="Hello, world!") self.label.pack() self.button = tk.Button(master, text="Quit", command=self.quit) self.button.pack() def quit(self): self.master.destroy() root = tk.Tk() app = Application(root) root.mainloop() ``` 在这个例子中，我们创建了一个名为 Application 的类，它有一个构造方法 `__init__`，在这个方法中，我们创建了一个 Label 和一个 Button 组件，并将它们作为类的属性，我们还定义了一个 `quit` 方法，用于关闭窗口。在主程序中，我们创建了一个 Tk 对象和一个 Application 对象，并启动了主程序的事件循环。这个例子还比较简单，但是对于更复杂的 tkinter 程序，采用面向对象的写法可以使代码更清晰易懂。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值