javaScript - 随笔分类(第3页) - 完美前端

js 切换轮播

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> *{padding:0;margin:0;} li{list-style:none;} div{height 阅读全文

posted @ 2021-10-26 22:23 完美前端阅读(81) 评论(0) 推荐(0)

js 商城加减按钮

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>练习</title></head><style>*{padding:0;margin:0;}em,i{font-style:normal;font-size:20p 阅读全文

posted @ 2021-10-26 22:22 完美前端阅读(181) 评论(0) 推荐(0)

js 添加删除元素留言案例

摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><ul id="ul"></ul><input type="button" value="留言" id=" 阅读全文

posted @ 2021-10-26 22:18 完美前端阅读(49) 评论(0) 推荐(0)

js 复选框隔行变色每一行颜色不一样

摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta charset="utf-8"> <title>Title 阅读全文

posted @ 2021-10-26 22:17 完美前端阅读(197) 评论(0) 推荐(0)

js 抖动

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><style> *{padding:0;margin:0;} li{list-style:none;} div{width:100px 阅读全文

posted @ 2021-10-26 22:15 完美前端阅读(82) 评论(0) 推荐(0)

js 点击div运动动画传参

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><style> *{padding:0;margin:0;} li{list-style:none;} div{width:100px 阅读全文

posted @ 2021-10-26 22:14 完美前端阅读(87) 评论(0) 推荐(0)

js 图片倒计时

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><style> *{padding:0;margin:0;} li{list-style:none;}</style><script> 阅读全文

posted @ 2021-10-26 22:13 完美前端阅读(123) 评论(0) 推荐(0)

js ajax

摘要：1. AJAX浏览器支持与创建对象 // XMLHttpRequest 是现代浏览器支持的AJAX实现 // ActiveXObject("Microsoft.XMLHTTP") 是针对老版本IE的AJAX实现 // 下面的代码演示了如何创建一个AJAX对象，根据浏览器的不同 var xml; if 阅读全文

posted @ 2021-10-26 22:09 完美前端阅读(142) 评论(0) 推荐(0)

js b列表每第6个依次循环插入 a列表的数据

摘要：// 假设 a = [{id: 1},{id:2},{id:3}] // list = [{id:11},{id:22},{id:33},......] // 每6个增加数组a中的数据 function insertItemsFromA(data, itemsToInsert) { if(items 阅读全文

posted @ 2021-10-16 15:16 完美前端阅读(246) 评论(0) 推荐(0)

JS判断是否是苹果系统(ios)和安卓系统(Android)客户端

摘要：判断浏览器UserAgent // 获取浏览器的 userAgent let u = navigator.userAgent; // 判断是否是 Android let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; / 阅读全文

posted @ 2021-10-04 22:58 完美前端阅读(901) 评论(0) 推荐(0)

js模拟双击

摘要：双击 // 定义点击次数计数器 let i = 0; // 绑定点击事件到box元素 box.onclick = function() { // 每点击一次，计数器增加1 i++; // 设置一个500ms的定时器来重置点击次数 setTimeout(function() { i = 0; }, 5 阅读全文

posted @ 2021-10-01 14:49 完美前端阅读(624) 评论(0) 推荐(0)

window.open 跳转页面打开新标签模拟单击

摘要：打开新窗口：无异步 // 直接打开新窗口并导航到指定的URL let windowObjectReference = window.open(); windowObjectReference.location.href = 'https://www.baidu.com'; 打开新窗口：有异步 // 阅读全文

posted @ 2021-09-16 16:04 完美前端阅读(912) 评论(0) 推荐(0)

js base64加密解密 btoa和atob atob解析

摘要：使用btoa进行Base64编码 // btoa只能编码ASCII字符串，如果有非ASCII字符，可能会导致错误。 // 定义一个json对象 let json = { channel: '100000', i_code: '3', invite_code: '' }; // 使用btoa将json 阅读全文

posted @ 2021-09-13 18:35 完美前端阅读(2702) 评论(0) 推荐(0)

js获url后的参数

摘要：获取URL中的查询参数 // 定义函数获取URL查询参数并返回一个对象 function GetRequest() { let url = location.href; // 获取完整的URL let theRequest = {}; if (url.indexOf('?') != -1) { le 阅读全文

posted @ 2021-09-13 18:20 完美前端阅读(1694) 评论(0) 推荐(0)

chimee 视频插件和 video.js 视频插件

摘要：chimee 视频插件和 video.js 视频插件参考文档： https://www.cxyzjd.com/article/Evil_0_0_0/105768336 chimee 视频插件相关链接官网 API 文档 cdn.baomitu.com 上的资源 cdnjs.com 上的资源 Gi 阅读全文

posted @ 2021-08-23 22:30 完美前端阅读(589) 评论(0) 推荐(0)

js大数字转换，将大额数字转换为万、千万、亿等

摘要：大数转换函数 // 定义一个大数转换函数 function bigNumberTransform(value) { // 初始化一个数组，用于存储转换后的值 const newValue = ['', '', ''] // 设置一个开始的阈值 let fr = 1000 // 初始的数字长度 let 阅读全文

posted @ 2021-08-13 19:16 完美前端阅读(3908) 评论(0) 推荐(0)

angular 纯原生js的图形拼接验证码和支持服务器兼容 vue angular flutter各端的图形验证码

摘要：纯原生js的图形拼接验证码 GitHub Repository: yeild/jigsaw 兼容 vue angular flutter各端的图形验证码 Gitee Repository: anji-plus/captcha HTML结构调用示例 (window as any).jigsaw.in 阅读全文

posted @ 2021-08-06 03:53 完美前端阅读(189) 评论(0) 推荐(0)

js把json字符串解析成json

摘要：JSON 数据解析 // 使用 eval() 来解析数据是不安全的。下面的代码只是展示，不推荐在实际应用中使用。 // let data = eval('(' + res.data + ')'); // 推荐使用 JSON.parse() 来安全地解析 JSON 数据。 let data = JSO 阅读全文

posted @ 2021-07-28 16:31 完美前端阅读(146) 评论(0) 推荐(0)

两个小数点比较如1.0.2

摘要：版本比较函数 // versionCompare函数 // 输入：preVersion（前一个版本），lastVersion（后一个版本） // 输出：-1（如果preVersion小于lastVersion） // 0（如果两个版本相等） // 1（如果preVersion大于lastVersio 阅读全文

posted @ 2021-07-25 15:29 完美前端阅读(76) 评论(0) 推荐(0)

js 一次性删除数组多个元素

摘要：数组删除元素操作 // splice方法用于删除数组中的元素，但这会改变原数组。 // 因此，当需要删除数组中的多个元素时，我们应当逆向操作， // 避免由于数组长度变化导致的索引错误。 for (let i = list.length - 1; i >= 0; i--) { // 检查当前元素是否阅读全文

posted @ 2021-07-04 21:48 完美前端阅读(830) 评论(0) 推荐(0)

完美前端

随笔分类 - javaScript