![](https://img-blog.csdnimg.cn/c3557f3e1ac04ef6968946941955c357.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
html+css+js习题集
初学者在学习过程中被布置的习题,有需要的可以来看看
万物之恋
我思故我在
展开
-
JavaScript中交换变量的六种方法
]JavaScript中交换变量的六种方法原创 2023-02-20 20:30:59 · 593 阅读 · 1 评论 -
JavaScript数组去重的五种方法
JavaScript数组去重的五种方法先简单准备一个数组,用于方法的实验:let array = [1,1,2,3,4,4,1,5,6,6,7,7,7];console.log(`去重前的数组:`+array);使用ES6中的Set(高效单但存在兼容性)let array1 = [...new Set(array)];console.log("去重后:"+array1);使用filter + indexof两种方法配合使用(同样高效快捷)let array2 = array.f原创 2022-01-23 22:05:58 · 2132 阅读 · 0 评论 -
JavaScript中将数组元素从小到大排序的四种方法
JavaScript中将数组元素从小到大排序的四种方法冒泡排序法for (var i = 0; i < array.length - 1; i++) { for (var j = 0; j < array.length - i - 1; j++) { // 1.对每一个值和它的下一个值进行比较 if (array[j] > array[j + 1]) { // 如果第一个值更多,则将其赋予自定义计数值 count var count = a原创 2022-01-22 22:17:05 · 15170 阅读 · 0 评论 -
JavaScript中10种常用的数组操作方法
JavaScript中10中常见的数组操作数组删除最后一位元素:array.slice(0,-1);往数组的第一位添加元素,并返回新数组:function prepend(arr, item) { let arr1 =[...arr]; arr1.unshift(item); return arr1; }删除数组 arr 第一个元素。不要直接修改数组 arr,结果返回新的数组:function curtail(arr) { return arr.sl原创 2022-01-22 21:51:48 · 406 阅读 · 0 评论 -
表格内容添加(js)
使用js对表格进行内容的增加效果图实现功能1.元素布局2.css设置样式3.js部分实现功能效果图实现功能1.通过表单增加内容;2.判断邮箱格式;3.清空输入框话不多说,直接上代码1.元素布局<div id="dv"> 姓名: <input type="text" id="uname" placeholder="请输入姓名"/> <br /> 邮箱: <input type="email原创 2021-06-14 11:18:47 · 3718 阅读 · 0 评论 -
JavaScript小案例(一)自然数的累加
JavaScript小案列(一)自然数的累加通过输入框,输入两个数字建立区间,计算出之间数字的累加值效果图:先上基础布局代码:<div> <h2 align="center">定义区间</h2> <form> 起始数:<input type="number" placeholder="请输入起始数" id="start" /> 终止数:<input type="原创 2021-04-18 18:52:30 · 2231 阅读 · 1 评论 -
京东秒杀倒计时(js)
通过定时器,实现倒计时的效果效果如图:这里是加快了计时器的间隔时间,所以速度比较快话不多说,直接上代码:先是基础布局<body> <h2 class="title">秒杀倒计时</h2> <div class="box"> <h1>京东秒杀</h1> <h3 id="eng">FLASH DEALS</h3> <img src="./img/原创 2021-05-09 20:11:51 · 1393 阅读 · 0 评论 -
制作九九乘法表 正序 倒置(js)
JavaScript打印九九乘法表预览图预览图原创 2021-09-15 08:41:31 · 2869 阅读 · 0 评论 -
原生js制作并实现数据表增删改查功能~来自1024
博主在学习原生js的时候制作的demo,内含大量的节点操作和数组,对象,函数的逻辑,当时的制作时光对我而言也是痛并快乐着。基本上实现了一张数据表应有的功能:增删改查及位置移动。但实际上由于当时的技术不够成熟,可能仍存在着许多bug,分享既是为了分享技术经验,也是为了和大家一起研究改进。话不多说,这就来看看吧!表格功能预览总体样式预览body标签部分css演示部分整体预览添加数据后添加数据前各项功能预览添加功能删除功能修改功能数据查询功能数据位置移动功能完整代码总体样式预览body标签部分<原创 2021-10-24 13:48:07 · 2690 阅读 · 1 评论 -
绘制太极图(CSS)
绘制太极图(CSS)预览图思路html布局代码部分CSS样式部分Hello!大家好,这里是万物之恋。今天给大家带来的是CSS3动画制作一个旋转的太极图案。预览图貌似有些卡顿 是录制软件的锅。。。思路先在页面中绘制出一个大的白色圆形,再将其分为两个一黑一白的半圆。然后各自延伸出一个大小适合的同颜色小圆,里面居中绘制一个对立颜色的中心圆,最后利用css3动画让其旋转。html布局代码部分 <body> <!-- 先是html代码部分 --> <div cla原创 2021-09-22 10:47:10 · 1665 阅读 · 0 评论 -
绘制中国结(CSS)
绘制中国结预览图预览图原创 2021-09-15 20:49:16 · 344 阅读 · 0 评论