- 博客(32)
- 收藏
- 关注
RSS订阅原创 js面试题自测：在对象中，找出所有的d值。字符串大写转换小写。实现一个方法，实现打印4次zhengzhou，每次间隔1s。
js面试题自测：在对象中，找出所有的d值。字符串大写转换小写。实现一个方法，实现打印4次zhengzhou，每次间隔1s。
2022-06-01 11:13:51
294
原创 flex布局知识点
1.1 Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局，采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main sta
2022-05-31 17:10:27
703
原创 JQuery实现折叠菜单。三个版本，写法。
效果如图所示：点击后展开菜单。同等高度，上面是因为截图原因。代码如下：版本1：练习用选择器写样式。代码很丑，后面有好看的。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpo.
2022-05-25 19:12:26
5309
原创 JQuery实现手风琴。还有纯html+css写的手风琴。
手风琴效果编写网页，设置CSS完成手风琴的结构和样式设置。为所有图片添加鼠标移入与移出事件。鼠标移入时，将当前元素的width设为图片的原宽，其他图片的width= (<div>的宽度 - 图片的原宽) / 剩余图片元素个数。鼠标移出时，所有图片的width=<div>的宽度 / 所有图片的个数。
2022-05-25 16:24:49
1207
原创 JQuery实现项目的左移和右移。
左移与右移- 编写网页，设置CSS完成左移右移的结构和样式设置。- 通过层级选择器和表单选择器获取选中的操作项。- 通过`append()`方法将匹配到的内容追加到指定元素的尾部。
2022-05-25 16:15:04
2358
原创 AJAX上传二进制文件。图片上传预览
练习使用AJAX，内含bootstrap-v4，js,以及axios使用。上传二进制文件，并根据上传进度设置进度条，此处文件为图片，并对上传的图片进行预览显示。
2022-05-23 17:37:18
874
原创 js实现随机小球。气泡
定义一个对象，new 出来的每一个实例会生成一个彩色气泡，颜色、大小、位置、都随机设置也就是随着页面的刷新会生成不同的小球。结果演示：css样式代码：<style> * { margin: 0; padding: 0; } .container { margin: 200px auto; } .box {
2022-04-19 14:36:40
976
原创 js实现，给定一个数组，将数组内容写入并生成表格，表格的宽高可由输入的参数控制。
结果：这里的宽高可以设置。成绩数组：数组如下。var data = [ { StudentNumber: '学号', Chinese: '语文成绩', Math: '数学成绩' , English:' 英语成绩', TotalScore:' 总成绩', Comment: '成绩等级'}, { StudentNumber: 2022003, Chinese: 86, Math: 64, English: 80, To...
2022-04-18 18:44:56
2538
原创 js根据成绩表数组生成表格。
给定一个数组例如var data = [ { StudentNumber: 2022003, Chinese: 86, Math: 64, English: 80, TotalScore: "230", Comment: "D" }, { StudentNumber: 2022004, Chinese: 78, Math: 99, English: 91, TotalScore: "268", Comment: "D" }, ...
2022-04-18 17:06:44
1092
原创 js实现：函数判断是否是闰年，计算面积和周长,两个整数相互交换，为盒子添加边框样式
-判断是否是闰年 // 用户输入一个年份，通过函数来判断输入的年份是闰年还是平年。 <script> var year = Number(prompt('请输入要判断的年份')); function leap(year) { if (year <= 100) { if (year % 4 == 0) { return '普通闰年'; ...
2022-04-06 20:50:24
578
原创 js实现：函数实现从小到大排列，函数求阶乘计算结果和求出阶乘函数的和
1.函数实现从小到大排列// 给出一组数据，要求按照从小到大进行排序。<script>function toLarge(arr_B) { arr_B = arr_B.sort(function (a, b) { return a - b; } ) } var arr = [13, 96, 45, 28, 69, 75, 88, 9, 52];
2022-04-06 20:44:47
2167
原创 js 实现：斐波那契数列第N项的值
/* - 斐波那契数列又称黄金分割数列，如 “1, 1, 2, 3, 5, 8, 13, 21……” - 这个数列从第3项开始，每一项都等于前两项之和。 - 代码实现原理： - 小于0，给出错误提示信息。 - 等于0，返回0。 - 等于1，返回1。 - 大于1，按找到的规律并利用函数递归调用实现。 */<script>...
2022-04-06 20:30:31
315
原创 js实现数组去重。方法二
数组去重。- 定义一个空的新数组- 将老数组中的数放入新数组- 放入之前，先去判断一下，新数组中是否已经有这个数了- 如果有，就不往新数组中添加- 如果没有，就添加到新数组中代码：<script> var old_arr = [98, 70, 20, 35, 67, 35, 49, 20, 59, 98, 100]; var new_arr = []; for (var v of old_arr) { v
2022-04-06 11:42:45
99
原创 js实现：用函数实现字符串大小转换，封装函数求最大值
1. 字符串大小写转换- - 编写HTML表单，设置两个文本框和两个按钮，文本框显示转换前后数据，按钮用于转 换。-- 为按钮添加点击事件，并利用函数处理。-- 编写函数，根据传递的不同参数执行不同的转换操作。-- 将转换后的数据显示到对应位置。css样式：好久没写，不太熟练了，不写也行问题不大。<style> .text{ margin:200px auto; margin-left: 200px; .
2022-04-02 16:18:45
1475
原创 js实现：简单省市区三联动（未封装）用for in和function实现
仅写部分省市区做例子，有兴趣的话自己添加。代码详解在代码注释里面。未学封封装，代码很多重复部分。一个意思。加一点简单样式：里面style样式：<style> .adress{ padding-left: 100px; } select { width: 150px; height: 50px; margin: 200px 30px;
2022-04-01 18:36:49
123
原创 js用数组方法进行排序。sort
首先看代码：里面是每次取两个，a是后者，b是前者。a-b是升序b-a是降序 <script> // sort() 数组排序 // 这是升序排列 var arr =[21,56,85,74,36,25,45,16]; arr.sort(function(a,b){ console.log(a, b); return a - b; } );
2022-04-01 14:59:46
128
原创 js实现：用数组方法。数组内添加任意字符。join和toString
join() 将数组元素以字符串形式进行拼接，中间可添加任意字符- 不设置参数，默认以逗号进行分割- 设置的参数，就是数组元素分割的符号- toStirng() 将数组元素以逗号形式进行拼接- 区别：join() 可以设置任意的拼接字符<script> var arr=['你今天真好看','可惜我看不到','还有','愚人节快乐','Happy']; var new_arr=arr.join('!'); console.log
2022-04-01 14:16:06
2341
原创 js实现：输入成绩求总分，平均分、最高分，最低分，检索返回数组中指定元素的下标（关键词不重复，重复）
1.查找最大值与最小值，输入5门成绩，求总分，平均分、最高分，最低分假设待查找数组的第一个元素为最大值max和最小值min。从数组的第二个元素开始遍历数组。在遍历数组时，判断当前元素是否大于max，若大于，修改max值。同理，在遍历数组时，判断当前元素是否小于min，若小于，修改min值。代码： <script> var a = +prompt('请输入语文成绩'); var b = +prompt('请输入数学成绩'); var
2022-03-31 19:47:11
10188
原创 js实现：百钱买百鸡， 求红白黑球的个数
1.百钱买百鸡描述： 公鸡一个五块钱，母鸡一个三块钱，小鸡三个一块钱，现在要用一百块钱买一百只鸡，问公鸡、母鸡、小鸡各多少只？代码：” <script>for (var a = 1; a <= 20; a++) { for (var b = 1; b <= 33; b++) { var c = 100 - a - b; if (a * 5 + b * 3 + c / 3 ==
2022-03-31 19:41:18
934
原创 js实现： while实现1-100相加求和， while do...while验证用户名和密码， 打印菱形、三角形，大小和尚分馒头。
下面个别代码样式：这一段不写，问题也不大。<style> .pyramid { width: 500px; height: 700px; margin: 10px 300px; border: 1px solid #ccc; } .row { width: 500px; height: 30px;
2022-03-31 19:37:35
2870
原创 js实现：冒泡排序：从大到小。输出任意一个二维数组中数据的个数。数组去重。
js实现：冒泡排序：从大到小。输出任意一个二维数组中数据的个数。数组去重。去重不好，下一篇继续优化
2022-03-31 17:33:34
1033
原创 用js:字符串数组中每一项的长度。将字符串数组用 | 符号分割。有序数组插入排序插入数组。猴子选大王
纯初阶js实现：字符串数组中每一项的长度，将字符串数组用 | 或其他符号分割，有一个从小到大排好序的数组。现输入一个数，要求按原来的规律将它插入数组中.用插入排序法，猴子选大王
2022-03-31 17:15:38
3776
原创 js判断一个数是否是质数，九九乘法表，加油优惠价格计算，计算平均成绩等级
Javascript入门例子：判断一个数是否是质数，九九乘法表，加油优惠价格计算，计算平均成绩等级
2022-03-26 16:59:21
259
原创 平均成绩算等级，计算汽油价格，输出一百以内所有质数，判断是否为质数，知r算周长半径，输出九九乘法表
Javascript入门例子。平均成绩算等级，计算汽油价格，输出一百以内所有质数，判断是否为质数，知r算周长半径，输出九九乘法表
2022-03-26 16:55:44
222
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人