- 博客(61)
- 收藏
- 关注
原创 题目:一球从100米高度自由落下,每次落地后反跳回原高度的一半;再落下,求它在第10次落地时,共经过多少米?第10次反弹多高?
【代码】 题目:一球从100米高度自由落下,每次落地后反跳回原高度的一半;再落下,求它在第10次落地时,共经过多少米?第10次反弹多高?
2023-03-10 10:33:13
488
1
原创 JS题目:两个乒乓球队进行比赛,各出三人。甲队为a,b,c三人,乙队为x,y,z三人。已抽签决定比赛名单。有人向队员打听比赛的名单。a说他不和x比,c说他不和x,z比,请编程序找出三队赛手的名单。
其实我觉得这样有问题。但是我不知道怎么写了。如果你有更好的,欢迎评论区留言。
2023-03-09 18:24:02
268
原创 JS题目:猴子第一天摘下若干个桃子,当即吃了一半,还不瘾,又多吃了一个第二天早上又将剩下的桃子吃掉一半,又多吃了一个。以后每天早上都吃了前一天剩下的一半零一个。到第10天早上想再吃时,见只剩1个了。
题目:猴子吃桃问题:猴子第一天摘下若干个桃子,当即吃了一半,还不瘾,又多吃了一个第二天早上又将剩下的桃子吃掉一半,又多吃了一个。以后每天早上都吃了前一天剩下的一半零一个。到第10天早上想再吃时,见只剩下一个桃子了。求第一天共摘了多少。倒过来,第十天只有一个了,那么久设置sum初始值是1,这个1应该是上一天个数吃了一半+1后剩下的个数。继续就是吃了一半之后不再吃的话应该剩下2个,原来应该是剩下的两倍。根据这个规律写出程序。
2023-03-08 11:23:32
411
原创 JS实现:有一对兔子,从出生后第3个月起每个月都生一对兔子,小兔子长到第三个月后每个月又生一对兔子,假如兔子都不死,问每个月的兔子总数为多少?
题目:有一对兔子,从出生后第3个月起每个月都生一对兔子,小兔子长到第三个月后每个月又生一对兔子,假如兔子都不死,问每个月的兔子总数为多少?数列是 1,1,2,3,5,8,13,21....观察可以看出来从第三个数字开始值是前面两个数字的和。问的是兔子总数,前面都是写对的单位。所以求得对之后再乘以二就是总数了。用for循环嵌套if语句。
2023-03-08 10:45:06
414
原创 三种让DIV标签中的P标签水平和垂直都居中方法
给其父元素添加text-align:center使其水平居中,这个只是对行内元素和行内块元素有效。而P元素是块级元素,所以不能使用上面的方法。再给他父元素two加 position: relative;然后开始计算上面距离的数值和左边距离的数值,这里分别是。行内元素和行内块元素水平居中,给其父元素添加text-align:center;所以案例里面给one加了 text-align: center之后span就会水平居中了。红色1块是span,属于行内元素。绿色2块是p,属于块级元素。
2023-03-06 11:34:51
14032
1
原创 循环精灵图----小图标的展示
2.利用for循环修改精灵图的背景位置background-position。获取所有的li,形成数组,用数组的下标来计算图片的位置。1.精灵图最好有规律,每个图之间间隔相同。下面是精灵图,右键保存。4.字符用+号串起来。
2023-01-30 11:40:26
160
原创 输入框显示隐藏默认文本
状态2:鼠标点击后,默认文本消失,出现光标,输入文字是黑色。状态1:显示默认文本,文本颜色灰色。状态3:删除输入的文字后,恢复状态1.
2023-01-30 11:31:53
384
原创 淘宝二维码浮窗案例
隐藏元素,但是其他元素的布局不改变,相当于此元素变成透明。要注意若将其子元素设为 visibility: visible,则该子元素依然可见。这表示具有display="none"属性元素的所有子元素都不会被渲染,即使子元素的display并不是none。
2023-01-11 15:55:21
134
原创 分时显示不同图片和问候语
/需要一个div显示问候语,跟随时间修改元素内容。//根据系统不同时间判断,需要用到日期内置对象。//修改img元素的src属性。//利用分支语句设置不同图片。
2022-12-22 18:27:11
290
原创 DOM学习笔记(坚持~~~~)
文档对象模型简称DOM,W3C组织推荐的处理可扩展标记语言的标准编程接口,通过这些DOM接口可以改变网页的内容,结构和样式。文档:一个页面就是一个文档,DOM中使用document表示。
2022-12-20 18:39:38
716
原创 案例-判断一个字符串出现最多次的字符,并统计其次数。
2.把每个字符都存储给对象,如果对象没有该属性,就为1,如果存在了就+1。1.用charAt( )遍历一遍对象。3. 遍历对象,得到最大值和该字符。for in 循环对象的使用。记住变量大小写是不同的。
2022-12-15 17:42:31
94
原创 倒计时代码与思路
/核心算法:输入的时间减去现在的时间就是剩余的时间,即是倒计时。但是不能直接拿时分秒相减,比如05分减去25分结果会是负数的。h = parseInt(总秒数 / 60 / 60 % 24);用户输入时间总的毫秒数减去现在的时间的毫秒数,得到的就是剩余时间的毫秒数。m = parseInt(总秒数 / 60 % 60);s = parseInt(总毫秒数 % 60);d=parseInt(总秒数/60/60/24);//剩余时间总的毫秒数转换为天,时,分,秒(时间戳转化为时分秒)
2022-12-12 16:13:26
206
原创 品优购项目案例制作需要注意的内容笔记
ClassName的命名应该尽量精短、明确,必须以**字母开头命名**,且**全部字母为小写**,单词之间**统一使用下划线** “_” 连接。专业的综合网购商城,销售家电,数码通讯,电脑、家居百货、服饰服装、母婴、图书、食品等优质商品,便捷,诚信服务,为您提供愉悦的上网购物体验。写好一个样式,其余的页面用到这些相同的样式。具有不可替代性,是我们内页的一个重要标签,是搜索引擎了解网页的入口喝对网页主题归属的最佳判断点。,从而帮助网站获取免费的流量,进而在搜索引擎上提高网站的排名,提高网站的知名度。
2022-11-29 18:40:44
482
原创 判断成绩级别if else if语句使用案例
接收用户输入的分数,根据分数输出对应的等级字母ABCDE。60分(含)以上-~70------D.80分(含)以上~90-------B。70分(含)以上~80-------C。90分(含)以上-------A。60(不含)以下------E。
2022-11-11 17:02:44
1294
原创 阿里图库字体使用方法---新手适合看
阿里图库注册一个账号。把需要的图标加入购物车。点击购物车后-->添加到项目解压之后的文件要放到和html文件同一个目录下(我因为之前没有在一个目录一直没有成功,也不知道为啥)点击下载下来的这个网页,会有相应的代码和教程。如下所示根据他的提示就可以了。注意没有下载的图标是使用不了的。
2022-11-08 18:19:41
2121
原创 精灵图练习---pink老师课程
这样的好处是,不用设置任何宽度,每个盒子可以自适应内容的宽度。用一个和所有浮动盒子等宽的大盒子包裹起来,然后设置大盒子的margin:0 auto;需要注意大盒子的宽除了要包括里面盒子的总宽外还要包括每个盒子的外边距,内填充,边框等。还有大盒子里面所有元素浮动之后,大盒子的高度消失的问题。还是用一个大盒子包裹起来,大盒子的position设置成absolute或者relative,然后大盒子的left为50%,margin-left设置为负的大盒子宽度的一半,这也需要知道大盒子的宽度。
2022-11-08 15:22:38
466
转载 display:inline-block引发的间隙问题解决办法
在网页布局中我们经常会用到display:inline-block;好处是:能够将块状元素按照内联元素的方式布局,同时能设置宽高。个人感觉很好用,可是用多了慢慢的问题就来了?
2022-11-08 14:50:02
197
原创 表单全选取消全选
1.全选和取消全选做法让下面所有复选框的checked属性(选中状态)跟随全选按钮即可2.下面复选框需要全部选中,上面的全选才能选中做法。给下面所有复选框绑定事点击事件,每次点击,都要循环查看下面所有的复选框是否选中的,如果有一个没有选中的,上面全选就不选中。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-e..
2021-05-26 15:29:09
703
原创 CheckBox 如何改变背景色和选中时的背景颜色
CheckBox 如何改变背景色和选中时的背景颜色 转载 忘记是谁的了。<style> input[type=checkbox] { cursor: pointer; position: relative; width: 15px; height: 15px; font-size: 14px; } input[ty...
2021-05-18 11:46:24
7793
2
原创 js学习-表格隔行变色效果
效果如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t..
2021-05-13 17:22:32
865
原创 提示错误Uncaught TypeError:Cannot read property‘appendChild‘of null
重新把id写一遍就解决了。我也不知道为啥。
2021-05-12 18:14:13
86
原创 Pink老师案例---更换百度皮肤点,击小图片更换背景图。
对应Pink老师的百度换肤效果。效果如下图,点击下面的小图,更换上面的头像。和更换背景图。值得注意的一点是:我在设置body背景background-image的路径时候,记得里面路径用引号的,而且要手动码进去,不能直接复制相对路径的方法复制进去,因为这样会无效,显示不出来。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta...
2021-04-21 14:23:07
547
原创 pink老师JavaScript基础语法案例--密码框验证信息(自己的方法)
结合classList,实现老师的效果概述一下要求首先判断的事件是表单失去焦点onblur如果输入正确则提示正确的信息,绿色小图标变化如果输入不是6-16位数的,提示错误信息和红色图标图标是文本图标<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=..
2021-04-19 17:30:20
670
原创 VUE学习案例——《天知道》天气查询功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2021-04-14 10:45:48
1769
5
转载 CSS3中的display:grid网格布局介绍
CSS3中的display:grid网格布局介绍转载这里:https://www.cnblogs.com/jwyblogs/p/11757968.html用来学习的,如侵权请和联系。1.网格布局(grid): 它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局;2.基本概念: 容器和项目,如图所示: <div class="content"> <div class="b">...
2021-04-09 17:11:25
578
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人