qq_48294048的博客

1.点击添加弹出对话框点击确定按钮往ul中追加一个li内容+修改+删除2.给ul添加点击事件实现事件委托获取触发源的内容判断内容如果是修改弹出对话框点击确定按钮的时候修改内容判断内容如果是删除直接删除整个licss:<style> * { padding: 0; margin: 0; list-style: none...

效果:1、 点击添加按钮往table中添加一行将全选前面的复选框变成false1.1 、当前新增的复选框加上点击事件2、 点击删除按钮获取表格体中被选中的行,删除整个tr,将全选前面的复选框变成false获取的是第一个td中的checkbox的状态checked为true2层父子3 、点击全选按钮前面的复选框如果被选中下面的每一个复选框都被选中如果不被选中下面的每一个复选框都不被选中4、 点击每一个表格体中的复选框,如果所有的复选框都...

every:对数组的每个项做一个判断，如果每个数据执行函数后返回结果都为true, 返回结果就是true, 如果有一个是false, 返回结果就是false​ 语法：数组.every(函数);​ 用函数的返回值来做判断​ 有3个形参(项, 下标, 原数组)实例：{ let arr = [ { name: "妲己", ...

str.startsWith(内容)：判断字符串是否以某个字符串开头,返回boolean { // str.startsWith(内容)：判断字符串是否以某个字符串开头,返回boolean let url = "/login/aa/bb"; console.log(url.startsWith('/login')); //true console.log(url.startsWith('/bb')); /

一.模板语法1.换行let str3 = ` <div>王昭君</div> <div>貂蝉</div> <div>妲己</div>`;2.变量、方法、三目var goods = [ { name: "手机", price: 10.00, num: 2, isPreferential: tr...

html:<input type="file">javascript:// 实现文件上传的类型和大小约束document.querySelector("input").onchange = (e) => { let file = e.target.files[0];//文件 // 判断文件大小 if (file.size > 2 * 1024 * 1024) { alert("文件最大2M") retur

Iterator是一种接口机制，为各种不同的数据结构提供统一的访问（循环）机制, 遍历器, 因为现在有Array / Object /Set / Map / String / NodeList / HTMLCollection / Arguments 等结构, 所以ES6 加入了Iterator遍历器, 只要拥有这个Iterator遍历器, 就都可以使用for...of进行遍历.1.作用 为各种数据结构，提供一个统一的、简便的访问接口 使得数据结构的成员能够按某种次序排列 ES

第一种：varcss:<style> * { padding: 0; margin: 0; list-style: none; } #wrap { position: relative; top: 10px; left: 10px; } #wrap button

css: <style> div { width: 500px; line-height: 30px; font-size: 18px; margin: 20px auto; border: 1px solid #000; padding: 20px; box-sizing: border-box;

css: <style> div { width: 100px; height: 100px; position: absolute; top: 0; left: 0; background: red; } img { width: 100%; hei

css: <style> div { width: 100px; height: 100px; position: absolute; top: 0; left: 0; background-color: red; } img { width: 100%;

html: <button>发送验证码</button>javascript: <script> /* 可用: 没有disabled 不可用: disabled 点击按钮后, 按钮变成不可用, 开启定时器, 开始倒计时, 当倒计时结束变成0的时候 按钮变回可用状态 */ var btn = document.querySelec

html: <input type="text"><button>发表</button> <ul></ul>javascript:<script> /* 点击发表将输入框的内容添加到ul的第一个子节点 */ // 获取元素 inp btn ul var inp = document.querySelector('input'

需求： 判断输入的银行卡密码是否正确 点击确认按钮 判断输入的值是否符合银行卡密码正则css: <style> span{ font-size: 12px; color: red; } </style>html：<input type="text"> <button>确认</button&...

css： <style> body { text-align: center; } input { width: 150px; height: 20px; line-height: 20; border: 1px solid red; border-radius: 2px;

规定:简单:6-18纯数字纯字母中级:6-18数字和字母的组合高级:6-18数字和字母和特殊符号的组合简单:6-18纯数字纯字母 // 纯数字 纯字母 var nreg = /^\d{6,18}$/; var zreg = /^[a-zA-Z]{6,18}$/; // 初级 var ...

HTML： <div> <p>输入一个数：<input type="text"></p> <p>选择运算符：<select name="" id=""> <option value="+">+</option> <option value="-">-</option>

javascript： <script> var money = 100; var moneySum = 0; var num = parseInt(prompt('请输入你的操作:' + '\n' + '1.存钱' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' + '4.退出')); switch (num) { case 1:

css: <style> * { padding: 0; margin: 0; list-style: none; } #wrap { position: relative; top: 10px; left: 10px; } #wrap button {

防抖：只要用户触发事件，清除定时器，重新开始记时，避免全局污染，选择使用闭包实现效果。节流：让用户在一段时间之内，只能执行一次。判断当前的tag，tag是true允许执行，tag是false不允许执行，到时间之后重新变为可执行状态防抖封装的函数以及实例如下：css:<style> div{ width: 100%; height: 300px; background: #ccc; .

\1. 布局 元素必须有宽高\2. 将图片地址存储在img的自定义属性(_src)上\3. 如果img进入页面 将自定义属性的地址赋值给 src 属性offsetTop == scrollTop + clientHeight 刚刚好进入页面offsetTop < scrollTop + clientHeight 图片进入页面且超出页面的过程offsetTop <= scrollTop + clientHeightjavasc...

css:<style> * { margin: 0; padding: 0; list-style: none; box-sizing: border-box; } .wrap { width: 700px; height: 400px; border: 1px solid

css: <style> * { margin: 0; padding: 0; list-style: none; } div { width: 200px; margin: 20px auto; } h3 { background: pink;

css: <style> * { list-style: none; } div { width: 100%; height: 1000px; background: skyblue; } div:nth-child(2) { background: lightpink;

css:<style> div { width: 100%; height: 500px; margin: 10px; } button { width: 100px; height: 100px; background: rgba(0, 0, 0, 0.3); positi

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

1.找出数组中最大的值，arr = [7,4,8,1,5]console.log(Math.max(7,4,8,1,5));console.log(Math.max.apply(1,arr));2.封装一个函数，生成n位的随机验证码functionrandomCode(num){varstr='0-9a-zA-Z';vararr='';for(vari=0;i<num;...

第一种方法：原理：判断arr中的每个项是否在空数组中存在不存在追加到空数组 var arr = [1, 2, 3, 4, 3, 5, 46, 5, 76, 23, 2, 3, 2, 31, 2, 2, 3, 34, 12, 32, 1, 2]; console.log(arr); // 1.空数组，判断arr中的每个项是否在空数组中存在 不存在追加到空数组 var brr = []; // 每个项...

<button>点击获取数据</button>

引入线上jquery:<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>html:<button>点击获取数据</button>script: // jq-ajax封装 function Http1({ url, method = 'get', data = {}

需求：点击开始按钮清除上一次遗留定时器开启定时器计算当前时间到输入框中时间的倒计时 1.1点击完成后清除上一次遗留的定时器 1.2如果只输入不点击开始不能计算新的倒计时css: <style> .wrap { width: 400px; height: 400px; background-color: #ea...

效果 1 、点击按钮如果按钮文字是从大到小将li标签按照从大到小的顺序排列文字改成从小到大如果按钮文字是从小到大将li标签按照从小到大的顺序排列文字变成从大到小2 、点击按钮将li随机排序 <style> * { padding: 0; margin: 0; list-style: none; ...

<style> span{ border: 1px solid #000; display: inline-block; width: 80px; height: 40px; text-align: center; line-height: 40px; } </style><script..

<h3>电影</h3> <ul></ul> <h3>动漫</h3> <ul></ul> <h3>动画片</h3> <ul></ul><script> // 数组里面包数值（二维数组） var data = [ ['济公', '人之怒'], ...

具体实现步骤：2.1点击右箭头让图片依次往后进行切换如果切换到最后一张回到第一张1--2--3--4--12.1.1获取元素按钮pimg2.1.2添加事件加给按钮2.1.3图片切换到下一张2.1.4不知道是第几张图假设n=1...

描述：鼠标点击下一张，图片切换到下一张图片可替换 <style> body{ text-align: center; } </style><img src="./img/1.jpg" alt=""> <br> <button>下一张</button> <script> // 1、获取...

描述：点击发送按钮将输入框的内容添加到div中然后清空输入框 <style> div{ width: 200px; height: 200px; border: 1px solid green; } </style> <div></div> 张三：<input type="text"><button&...

简单倒计时的实现，需要请自取 <script> /* 倒计时 = 目标时间 - 现在时间; */ // 解决一秒延迟 auto(); // 每隔1S 计算一遍差值 setInterval(auto, 1000); function auto() { // 创建当前时间 var cur = new Date

需求：点击抽取对象每隔10ms切换一张图片显示图片随机显示等待3s后图片停止切换 注意：javascript里所需要的getRandom这个封装好的函数在之前的文章中发布过，如果需要请自取 <style> * { padding: 0; margin: 0; list-style: none; } ul { ...

需求：滚动文字：每隔200ms更新一次实现步骤：1 、将第一个p标签的文字存储下来txt2 、截取txt的第一个字添加到第二个p的内容中+=3、截取txt的第二个字到最后一个字赋值给第一个p标签的内容4、 如果第一个p的字符串的长度为0清除定时器 <style> p:nth-child(...