ZXR__-CSDN博客

原创元素隐藏的不同方式

在项目中往往需要用到不同的隐藏元素的方法，每种方法都有不同的特性效果如下1.第一种方式：display:none 点击隐藏后不会占位效果如下：2.第二种方式：visibility: hidden 点击隐藏后会占位效果如下3.第三种方式：opacity:0 点击后占位效果如下4.第四种方式：height:0;border:0 点击后占位效果如下...

2021-10-31 22:41:40 122

原创 JavaScript animate动画函数封装

利用JavaScript实现动画移动元素html代码如下 <input type="button" value="移动到400px" class="btn"> <div class="dv"></div>利用按钮实现自己想要的动画效果css代码如下 * { margin: 0; padding: 0; } input {

2021-10-24 16:59:34 359

1.原型链继承通过改变原型指向实现继承缺陷：改变原型指向的同时继承，直接初始化了属性，继承过来的属性的值都是一样的解决方案：继承的时候，不改变原型的指向，直接调用父级的构造函数的方式来为属性赋值就可以 // 人的构造函数 function Person(name){ this.name=name; } // 人的原型方法 Person.prototype.eat=function(){ console.log("人

2021-10-15 22:42:44 93

原创 JavaScript节流和防抖

页面效果防抖指在多次点击下只触发一次 var box = document.querySelector(".box"); var num = parseInt(box.innerHTML); box.onclick = function () { clearTimeout(boxTime1); if (bol) { num++; box.innerHTML = num; bol = false.

2021-10-07 16:30:52 72

原创 css+html复习小模块

项目模块利用css+html+js实现主要利用html和css实现页面的渲染布局，利用js实现一些简单的交互下面是效果图页面html代码如下<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <met.

2021-10-07 16:09:35 62

原创 JavaScript锅打灰太狼游戏

利用原生js实现锅打灰太狼下面是页面效果图页面html代码如下<!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-widt

2021-09-24 15:30:57 445

原创 JavaScript学生管理系统

这星期复习了js基础，对于基础薄弱的我来说这可以很好的加深我js的基础虽然功能都已经实现但还是有许多的细节没有完善，不足之处还有许多下面是页面效果图基本功能实现对数据的增删改查难点对数据的编辑修改在里面是一个小的难点，点击点击后不但右边的删除和编辑按钮变成更新左边添加也变成更新，同时数据回显在左边输入框中，实现左边和右边同时可以修改数据同时学号框进行禁用继续努力学习，每日进步一点点...

2021-09-19 22:25:30 2207 1

ZXR__的博客