首页 文章 精选 留言 我的

精选列表

搜索[互动课堂],共7844篇文章
优秀的个人博客,低调大师

“精灵学院”课堂笔记2——针对企业的DevOps改进和实践(下)

“精灵学院”是由Ghostcloud全新打造的系列线上分享课程,由平均拥有10年以上从业经验的资深云计算专家开设,旨在打造业内最具优质的技术实践课程。课程围绕容器编排、微服务、DevOps、分布式开发等技术内容,结合多年实战经验,与成千上万的容器技术爱好者分享学习,共促进步。 本周三,我们成功地举行了第2次线上交流分享,200多位朋友共同参与,主讲老师谢斌针对企业的DevOps化,做了深度的解析,和视频+Demo的操作演示,通过精灵云的EcOS平台,展示了DevOps的基本流程。整场交流气氛轻松,很多朋友都参与交流,也提出了一些很有水平的问题。 这篇文章,我们总结了谢斌老师第2节课的所有重点内容,也梳理了交流中大家提到的问题和老师的回答,文章还有视频和Demo的回放链接,希望大家能从我们的交流活动中有所收获。 1、上期DevOps回顾:

优秀的个人博客,低调大师

杨老师课堂之JavaScript定时器案例的红绿灯设计

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/kese7952/article/details/80346866 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>红绿灯倒计时</title> <style> .box { width: 250px; height: 52px; padding: 15px 30px; border: 2px solid #ccc; border-radius: 16px; margin: 0 auto; } .box .count { width: 60px; color: #666; font-size: 280%; line-height: 50px; padding-left: 6px; margin-left: 5px; border: 1px solid #fff } .box div { margin-left: 5px; float: left; width: 50px; height: 50px; border-radius: 50px; border: 1px solid #666; } .gray { background-color: #eee; } .red { background-color: red; } .yellow { background-color: yellow; } .green { background-color: #26ff00; } </style> </head> <body> <div class="box"> <div id="red"></div> <div id="yellow"></div> <div id="green"></div> <div class="count" id="count"></div> </div> <script> // 获取红、黄、绿灯以及倒计时的元素对象 var lamp = { red: { obj: document.getElementById('red'), timeout: 30, style: ['red', 'gray', 'gray'], next: 'green' }, yellow: { obj: document.getElementById('yellow'), timeout: 5, style: ['gray', 'yellow', 'gray'], next: 'red' }, green: { obj: document.getElementById('green'), timeout: 35, style: ['gray', 'gray', 'green'], next: 'yellow' }, changeStyle(style) { this.red.obj.className = style[0]; this.yellow.obj.className = style[1]; this.green.obj.className = style[2]; } }; var count = { obj: document.getElementById('count'), change: function(num) { this.obj.innerHTML = (num < 10) ? ('0' + num) : num; } }; var now = lamp.green; var timeout = now.timeout; lamp.changeStyle(now.style); count.change(timeout); setInterval(function() { if(--timeout <= 0) { now = lamp[now.next]; timeout = now.timeout; lamp.changeStyle(now.style); } count.change(timeout); }, 1000); </script> </body> </html>

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring

Spring框架(Spring Framework)是由Rod Johnson于2002年提出的开源Java企业级应用框架,旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念,提供核心容器、应用上下文、数据访问集成等模块,支持整合Hibernate、Struts等第三方框架,其适用范围不仅限于服务器端开发,绝大多数Java应用均可从中受益。

Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

用户登录
用户注册