架构之美阅读:剩余部分

占位贴。Coming later....

 

那些虚拟机之类的文章翻译得太差,估计就不多做评论了。

 

Bertrand Meyer不愧是个面向对象大师,他关注的点都是需要谨慎处理的。不过他也让我看见了一个浸淫在当代主流方法论上资深人士的巢臼与偏见。

 

一些部分我打算在可接受的写作量上做一个详细讨论。为什么这么说呢?

 

长远来看,我打算真正抽出时间总结与反思,做一个有份量的系列来讨论当前很多“设计思想”、尤其是围绕面向对象建立起来的那些,其误区、陷阱与缺陷。

 

更长远来看,我希望不仅仅是挑刺、或者提出一些在现今流行工具(主要指思维上)的认识与技巧,而是拿出一个既可以兼容目前工具,又有所提高的整体方案。

 

但短期来看,手头还有很多工作要做;另一方面,一些概念还要在实践中体会并加以具体化、准确化。所以看起来,这个讨论加创造的计划是不太可能马上开始。

 

所以估计也就是只有写篇针对性的小文的能量与时间。不过,作为补充方和反方,要想言之有据,恐怕还是需要一定的篇幅与质量的。

 

这也是最近实在没啥可写的一些内在和外在的原因。

转载于:https://www.cnblogs.com/guaiguai/archive/2010/02/25/1673115.html

### 制作精的新年倒计时HTML页面 为了创建一个精的新年倒计时HTML页面,可以通过组合使用HTML、CSS以及JavaScript实现动态效果。下面是一个简单的实例。 #### 使用HTML结构化页面布局 通过定义基本的HTML框架来构建网页的基础架构: ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>新年快乐</title> <link rel="stylesheet" href="styles.css"> <script src="script.js"></script> </head> <body> <div class="countdown-container"> <h1 id="time-left">距离新年还有:</h1> <div id="clock"></div> </div> </body> </html> ``` 此部分设定了文档类型声明、字符编码方式,并引入外部样式表`styles.css`和脚本文件`script.js`用于控制外观与行为逻辑[^1]。 #### 应用CSS化界面设计 利用层叠样式表(CSS)赋予页面视觉上的吸引力: ```css /* styles.css */ body { background-color: #f0f8ff; } .countdown-container { text-align: center; margin-top: 20%; } #time-left { font-size: 3em; color: red; } ``` 上述代码设置了背景颜色为浅蓝色(`#f0f8ff`),居中文本并调整顶部外边距使内容垂直居中显示;同时设置标题字体大小及红色文字色彩以增强节日氛围。 #### 编写JavaScript实现实时更新功能 编写一段JavaScript程序,在页面加载完成后自动计算当前时间和目标日期之间的差值,并每隔一秒刷新一次显示的内容直到达到指定时刻为止: ```javascript // script.js function updateCountdown() { const newYear = "Jan 1, 2024 00:00:00"; // 设定新年的具体时间 let timeLeft = Date.parse(newYear) - Date.now(); // 计算剩余毫秒数 if (timeLeft >= 0){ document.getElementById('clock').innerHTML = Math.floor(timeLeft / (1000 * 60 * 60 * 24)) + '天' + Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)) + '小时' + Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60)) + '分钟' + Math.floor((timeLeft % (1000 * 60)) / 1000) + '秒'; setTimeout(updateCountdown, 1000); // 每隔一秒钟调用自身函数继续执行 }else{ document.getElementById('clock').innerHTML='新年快乐!'; } } window.onload=updateCountdown; // 页面完全载入后立即启动定时器 ``` 这段脚本首先指定了下一个元旦的具体时间作为参照点,接着不断循环检查当前时间戳与之相比还剩下多少毫秒未过期,最后按照一定格式转换成易于理解的时间单位展示给用户查看。当倒计时结束时会替换为祝福语句“新年快乐!”。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值