NXGvbed4UA18
案例介绍 欢迎来到我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用Python相关知识，做一个BMI计算器的案例。你可以通过控制台的提示信息，输入身高和体重，注意单位，系统会自动计算出BMI值，然后判断您的健康状况。 案例演示 运行程序后，我们可以看到控制台输出的提示信息，按要求输入身高体重后，系统自动计算BMI值，然后将判断结果输出。 源码学习 进入核心代码学习，首先了解到这是一个循环实战，所以使用while循环语句可以实现BMI计算器的重复使用。根据提示信息输入身高体重,float()函数用于将整数和字符串转换成浮点数。然后程序会用str()函数返回一个对象的string格式...
案例介绍 欢迎来到我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用Java编程实战案例，做一个动态调色板。案例界面会出现三个滑动组块以及对应的数值，通过移动滑块可以改变颜色区域的显示。通过实战我们将学会组件的使用以及新的事件接口ChangeListener。 案例演示 界面开始显示的是调色板的默认颜色数值，然后通过左右移动三个滑块可以改变R、G、B的数值，进而改变颜色的显示。 源码学习 进入核心代码学习，我们先来声明案例界面的组件变量。 <!-有个小院-兴趣编程--> //定义窗体 privateJFramejf; //定义用于显示R,G,B的组件 privateJLa...
案例介绍 欢迎来到我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用JavaScript相关知识，做一个随机点名的案例。你可以通过点击开始按钮控制上方名字的闪动，点击停止按钮可以随机选定一个名字。 案例演示 运行程序后，我们可以看到一个矩形框按钮，显示开始点名，点击后名字随机闪动。同时按钮变成停止点名，再次点击按钮，会随机出现一个名字，也就是"天选之子"。 源码学习 HTML主要就是两个盒子模型，用于存放姓名数组和点击按钮。 <bodybackground="../images/背景图片.jpg"> <!-有个小院-兴趣编程--> <!-点名的大盒子...
案例介绍 欢迎来到我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用JavaScript编程实战案例，做一个轮播图。图片每3秒自动轮换，也可以点击左右按键轮播图片，当图片到达最左端或最右端时，再点击左右键图片弹回最初始的图片或最末尾的图片。通过实战我们将学会clearTimeout方法、object.style.transform方法。 案例演示 图片每隔3秒会自动轮播，用户也可以点击左右键轮播图片。 案例设计 JavaScript实战案例-轮播图我们来看此案例的思维导图设计，包括需求描述，页面设计和技术架构。其中架构设计包含了HTML，CSS，JavaScript共三部分代码。...
案例介绍 欢迎来到我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用JavaScript编程实战案例，做一个随机密码生成器。用户点击生成，输入框内就会生成一个由数字、大小写字母、特殊符号随机组合而成的密码。通过实战我们将学会Math.floor方法、substring方法、clipboard.writeText方法。 案例演示 点击生成后，输入框内会随机生成一串密码，点击复制，会弹出复制成功的消息框。 案例设计 JavaScript实战案例-随机生成密码我们来看此案例的思维导图设计，包括需求描述，页面设计和技术架构。其中架构设计包含了HTML，CSS，JavaScript共三部分...
欢迎来的我的小院，恭喜你今天又要涨知识了！ 案例内容 利用JavaScript实现文字逐步展现的动画效果。 演示 学习 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"/> <title>小院里的霍大侠</title> </head> <body> <divclass="container"></div> </body> <script> constcontainerEI=docum...
案例介绍 欢迎来到我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用JavaScript编程实战案例，做一个实时字符计数器。用户在指定位置打字，程序实时显示字符数量。 案例演示 在编辑框内输入字符，下方实时记录数字，且输入有数量限制，输入超出限制的字符后就无法再继续输入。 源码学习 进入核心代码学习，我们先来看HTML中的核心代码。 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"/> <metaname="viewport"content="width=de...
案例介绍 欢迎来到我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用JavaScript编程实战案例，做一个表情评价程序。用户打星进行评价，表情会根据具体星星数量发生变化。 案例演示 点击星星可以进行满意程度评价，星星数量变换表情也会随之变换。 源码学习 进入核心代码学习，我们先来看HTML中的核心代码。 <!-有个小院-兴趣编程--> <divclass="feedback-container"> <divclass="emoji-container"> <iclass="farfa-angryfa-3x"></i> &l...
案例介绍 欢迎来到我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用JavaScript编程实战案例，做一个大转盘。当你难以抉择的时候不妨用这个案例来帮你做选择。通过编程实战我们可以学到按钮的点击事件onclick()以及定时器的使用. 案例演示 每个选择都展示在不同的盒子里，通过点击中间的开始选择按钮，系统就会在5s内自动为您做出选择。 源码学习 进入核心代码学习，我们先来看HTML中的核心代码。 <!-有个小院-兴趣编程--> <divclass=big> <divclass="option">大盘鸡</div> <divcl...
案例介绍 欢迎来的我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用JavaScript编程实战案例，做一个鼠标爱心特效。鼠标在页面移动时会出现彩色爱心特效。通过实战我们将学会createElement方法、appendChild方法、setTimeout方法。 案例演示 页面出现后，鼠标在页面上移动产生彩色爱心特效。 案例设计 JavaScript实战案例-鼠标特效我们来看此案例的思维导图设计，包括需求描述，页面设计和技术架构。其中架构设计包含了HTML，CSS，JavaScript共三部分代码。 源码学习 进入核心代码学习，我们先来看CSS中的核心代码。 @keyframes...
案例介绍 欢迎来到我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用JavaScript编程实战案例，做一个背景图像滚动效果。滚动鼠标背景图像缩小，下方滑动出现文字。通过实战我们将学会obj.opacity方法、pageYOffset属性、obj.style.backgroundSize方法。 案例演示 向下滚动鼠标，背景图片缩小显示文字。 案例设计 JavaScript实战案例-背景图像滑动我们来看此案例的思维导图设计，包括需求描述，页面设计和技术架构。其中架构设计包含了HTML，CSS，JavaScript共三部分代码。 源码学习 进入核心代码学习，我们先来看HTML中的核心...
案例介绍 欢迎来到我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用JavaScript编程实战案例，做一个计数器。点击按钮数字改变，点击重置数字归0。通过实战我们将学会forEach循环、contains方法、textContent属性。 案例演示 点击加号按钮数字增加，点击减号数字减少，数字可为负数，点击重置数字归0。 案例设计 JavaScript实战案例-计数器我们来看此案例的思维导图设计，包括需求描述，页面设计和技术架构。其中架构设计包含了HTML，CSS，JavaScript共三部分代码。 源码学习 进入核心代码学习，我们先来看HTML中的核心代码。 <!-有个...
欢迎来的我的小院，恭喜你今天又要涨知识了！ 案例内容 利用JavaScript实现搜索框的移动展开。 演示 学习 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"/> <title>小院里的霍大侠</title> </head> <body> <divclass="search-bar-containeractive"> <imgclass="magnifier"src="https://cdn4.iconfin...
案例介绍 欢迎来的我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用JavaScript编程实战案例，做一个乘法积分游戏。乘法游戏主要通过用户输入的数值和程序计算的数值进行对比，正确积一分，错误扣一分。通过实战我们将学会JSON.parse方法、JSON.stringify方法、localStorage.setItem方法和localStorage.getItem方法。 案例演示 运行程序后用户根据题目在输入框内输入结果，点击提交后，系统判定，正确得分加一分，错误得分扣一分。 案例设计 JavaScript实战案例-乘法游戏我们来看此案例的思维导图设计，包括需求描述，页面设计和技...
案例介绍 欢迎来到我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用JavaScript编程实战案例，制作提高打字速度的小游戏-调皮的字母。点击与屏幕上字母相对应的按键，若按键与出现的字母一致，则可以获得相应的分数。 案例演示 根据屏幕上随机出现的字母来点击键盘上对应的按键，可自行调节字母下落的速度以及时间间隔，还会有分数统计。 源码学习 进入核心代码学习，我们先来看HTML中的核心代码。 <!-有个小院-兴趣编程--> <body> <!-onkeydown事件会在用户按下一个键盘按键时发生keydown()事件--> <inputtype...
案例介绍 欢迎来到我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用CSS编程实战案例，使用 列表标签完成一个下拉菜单样式的表单部件。 案例演示 运行代码后在浏览器弹出由 标签组成的下拉菜单样式的列表。 源码学习 进入核心代码学习，我们先来看HTML模板中的代码。 <!-有个小院-兴趣编程--> <divclass="selectactive"> <spanclass="value">Cherry</span> <ulclass="optList"> <liclass="optionhigh...