- 博客(16)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 JS原型链整理
首先，我们了解一下原型的基本概念。1.构造函数可用通过prototype属性查找自己的原型对象，这种查找方式被称为显式查找。2.每个对象都有原型，可以通过__proto__属性查找自己的原型对象，这种查找方式被称为隐式查找。 3.原型的constructor属性指向的是构造函数本身。js原型及原型链从上图可以看出，构造函数通过new操作符创建实例对象，根据原型的概念，任何对象都有原型，故通过__proto__属性查找到自己的原...
2022-05-26 15:45:42
278
原创 js根据已有数组，从数组对象中筛选数据
例如，已得到以下源数据 let dataArr = [ { id: 1, age: 15 }, { id: 2, age: 18 }, { id: 3, age: 16 }, { id: 4, age: 17 } ];现在需要跟据获取的id数组（表格选中的行），筛选源数据 let goalArr = [1, 2];解决思路：<script
2022-04-27 23:50:01
1966
原创 flex弹性布局
网页布局是css的一个重要应用，以前的布局方法（基于盒子模型），采用浮动（float）、定位（position）和display属性去布局，难以实现如垂直居中这样的效果。而新增的flex布局方式可以更简便，灵活的处理这种布局。1.什么是flex布局？flex是flex box的缩写，意为“弹性布局”，使容器拥有更灵活的布局方式 任意一个容器都可以设置成flex布局.box{ display:flex;}【注意】：设置为flex布局后，...
2021-12-01 11:00:50
79
原创 js图片轮播
代码实现： 图片自动转换，当点击对应的页标时，展示相应的图片，并且，鼠标移入图片展示区域，轮播效果暂停，鼠标移出，轮播继续css代码：<style> *{ margin: 0; padding: 0; } .ard{ width: 590px; height: 470px; position: relat...
2021-11-10 09:09:35
118
原创 js的事件委派（结合表单数据的操作/保存/删除）
通过代码实现：点击【保存】按钮，表格新增一行，输入框输入的信息，填充到新增的那一行对应的单元格内，点击【删除】按钮，执行删除本行单元格信息初始画面如下：<body> <form action="#"> 姓名：<input type="text" name="uname"> <br> 性别：<input type="text" name="gender"> ...
2021-11-09 21:16:16
625
原创 js按钮全选和反选
代码实现：点击【全选】按钮，全部选中<body> <form action="#"> <input type="checkbox" name="list">项目1 <input type="checkbox" name="list">项目2 <input type="checkbox" name="list">项目3 <input type="checkbox" n
2021-11-06 11:13:02
164
原创 js排他案例
代码实现：点击按钮实现变色（<body> <button>按钮</button> <button>按钮</button> <button>按钮</button> <button>按钮</button> <button>按钮</button> <button>按钮</button> <sc
2021-11-06 11:08:37
83
原创 js返回顶部动画（完整版）
代码实现：【返回顶部】默认隐藏，当windowY滚轴往下滑动至一定距离才显示【返回顶部】 主要思路：点击监听事件 & 滚轴事件 & 周期定时器js代码： <script> // 返回按钮默认隐藏 let btn = document.querySelector("button"); // 定时器周期获取Y滚轴的位置 // 判定当Y滚轴往下滚动超过设定位置就显示按钮 btn.a...
2021-11-06 10:19:22
842
原创 js随机数验证码+倒计时
代码实现：点击按钮生成六位数的验证码，按钮开始60秒倒计时（期间按钮不可用）<style> button{ width: 100px; height: 25px; }</style><body> <button>获取验证码</button> <p></p> <script> let btn = document.q
2021-11-06 10:11:38
132
原创 js实现密码的显隐切换
通过点击按钮实现密码的“显示”和“隐藏”状态: 代码及思路:利用输入框的type或者按钮的value作为切换状态的判定条件 <body> <input type="password" id="pwd"> <input type="button" id="btn" value="显示密码" onclick="change()"> <script> // let pw...
2021-11-04 10:50:05
1781
原创 js给定范围生成随机数创建数组
点击按钮实现数组采集5个10以内的随机数（不包含10） 主要思路： 1.随机数的采集，因为可能存在重复现象，所以并不确定随机多少次能采集到5个不重复的数字，故使用while循环 2.创建空数组，J将每次循环产生的随机数与数组比较，没有就添加进来，当数组采集够5个数，循环结束，输出数组<body> <button onclick="get_random(0,10)">随机按钮</but...
2021-11-04 10:43:13
957
原创 js返回顶部动画效果（基础版）
利用js实现返回顶部的滚轴效果： 主要知识点：scrollTo（scrollX，scrollY） 滚轴跳转 周期定时器setInterval（匿名函数，周期毫秒值）思路：通过点击按钮，执行功能函数（单位时间Y滚轴向上位移指定距离），同时判定，在滚轴位置非零的情况下触发生效，归零后终止定时器。代码如下：HTML部分：<!DOCTYPE html><html lang=...
2021-11-04 10:21:34
753
原创 js数组方法强化训练（去重/删除/查询）
有字符串 let 字符串="aabbcccdeeef",用代码统计每一个字符出现的次数: 执行示例 // {"a":2,"b":2,"c":3,"d":1,"e":3,"f":1}有字符串 let 字符串="aabbcccdeeef", // 程序统计每一个字符出现的次数: // {"a":2,"b":2,"c":3,"d":1,"e":3,"f":1} 思路： 首先看，结果输出类型为对象 遍历原字符串...
2021-11-03 14:04:30
104
原创 js的数组方法（数组才能使用）
数组元素操作方法：push（）方法 （数组末尾插入一项） pop（）方法 （数组末尾删除一项） shift（）方法 （数组开头删除一项） unshift（）方法 （在数组开头添加一项） splice（）方法 （在数组的任意位置删除、添加、替换项） slice（）方法 （在数组中拷贝一些项） concat（）方法 （对数组进行拼接） indexOf（n）/lastIndexOf（n）方法 （通过值找到数组元素对应的索引）indexOf（n）方法 从左往右找lastIndexOf（..
2021-11-01 09:13:03
97
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人