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

js 浏览器全屏

摘要：切换全屏状态 // 定义一个变量用于跟踪是否处于全屏状态 this.isFull = !this.isFull; // 定义一个对象，其中包含用于进入和退出全屏模式的各种浏览器方法 var documentMethods = { // 用于进入全屏的方法列表 enter: ['requestFull 阅读全文

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

jq 个人的特效库

摘要：功能介绍 // 这个文件是在2016年9月5日创建的, 博主个人在项目里使用的特效库, 基于jquery, 需引入函数实现 //当鼠标移动到列表项或点击列表项时，使该列表项变为选中状态。 //移入or点击默认选中 /** * 根据用户的操作（点击或移入），对列表项进行选中操作。 * @param 阅读全文

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

js 个人的特效库

摘要：功能介绍 // 这段代码是在2016年6月5日创建的, 博主个人在项目里使用的特效库函数实现 // 获取指定 class 名称的元素集合 // 参数 oParent：父元素对象，从该元素下查找指定 class 名称的元素 // 参数 className：要查找的 class 名称 // 获取 cl 阅读全文

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

js返回两个数组差异值

摘要：初始化数据 // 定义三个数组: // arr：主数组，包含了多个消息对象 // arr2：包含了部分消息ID和未读标记的数组 // arr3：初始为空，后面用于存放过滤后的结果 let arr = [ { messageId: 1154198777724319, appid: "xiniv2", 阅读全文

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

js 数组去重

摘要：数组去重方法1 // 初始化一个包含重复元素的数组 var arr = ['1', '2', '3', '4', '5', '2', '2', '2', '2']; var arr2 = []; // 遍历数组，利用indexOf来判断新数组arr2中是否已存在当前元素 for (var i = 0 阅读全文

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

js 数组排序,不用sort()

摘要：数组冒泡排序 // 冒泡排序方法 // 初始化一个无序的数组 var arr = [4, 95, 19, 1, 33, 3, 2]; // 外层循环：每一轮进行比较 for (var i = 0; i < arr.length; i++) { // 内层循环：每一轮进行俩俩比较 for (var j 阅读全文

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

js小技巧

摘要：利用分割方法计算字符出现次数 // 利用分割计算字符出现的次数 // 初始化一个字符串 var str = 'border-bottom-color'; // 通过split方法将字符串按照'o'字符分割，然后计算得到的数组长度减1，就是'o'出现的次数 var n = str.split('o') 阅读全文

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

js 事件委托

摘要：HTML 结构 <ul> <li>111111</li> <li>111111</li> <li>111111</li> <li>111111</li> </ul> 事件委托示例 // 获取第一个ul元素 var oUl = document.getElementsByTagName('ul')[0 阅读全文

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

js 千分符三个分成一份 10,123,456.789

摘要：方法1：JS千分位格式化 // 将数字转换为字符串 var aa = String(10123456789); var arr = []; // 获取数字长度对3取余的结果 var num = aa.length % 3; var num2 = 0; var tem = ''; // 若不为0，则表阅读全文

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

js jq 带焦点切换轮播

摘要：完整的代码, 可以复制引用 // jquery-3.6.0.min.js <div class="ddd">  <div class="input"> <input type="button" value="1" class="red"> <input type="bu 阅读全文

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

js css 钟表

摘要：HTML 结构 <div id="wrap"> <ul id="list"> // 使用JavaScript动态生成时钟的刻度  </ul> <div id="hour"></div> <div id="min"></div> <di 阅读全文

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

js 特效js库妙味，轮播

摘要：功能介绍 // 这段代码是在2016年6月5日创建的, 博主个人在项目里使用的特效库 /* 获取指定class的元素集合 * 用法示例：var cda = getClass(document, 'da')[0]; * * @param {Object} oParent - 父元素对象，从该元素内查找阅读全文

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

js 文字搬运工

摘要：HTML 结构： <div class="left"> <p class="p1">携程旅行网是中国领先的在线旅行服务公司，向超过9000万会员提供酒店预订、酒店点评及特价酒店查询、机票预订、飞机票查询、时刻表、票价查询、航班查询、度假预订、商旅...</p> <span class="sp1">< 阅读全文

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

js 图片放大镜

摘要：样式定义 * {padding: 0; margin: 0;} /* 重置页面默认样式 */ .div1 {position: relative; margin: 0 auto; width: 432px; height: 224px; border: 1px solid #000;} .div2 阅读全文

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

js 图片按需加载

摘要：样式定义 * {padding: 0; margin: 0;} /* 重置页面默认样式 */ body {} li {list-style: none;} #ul {margin: 300px auto 0; width: 360px;} li {float: left; margin: 10px; 阅读全文

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

js 求最大最小值

摘要：寻找最小值及其索引 // 定义数组 var arr = [999, 992, 997, 22, 38, 8, 923, 232, 1023]; // 初始化最小值和最小值索引 var minArr = arr[0]; // 将最小值初始化为数组的第一个元素 var minIndex = 0; // 阅读全文

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

js macbook 底部菜单效果

摘要：HTML <input type="text"> <input type="text"> <input type="text"> <input type="text"> <input type="text"> <div class="box"> <div id="ml0" class="div1"> 阅读全文

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

js 秒味主页菜单圆球拖拽自由落体

摘要：CSS 样式 * { padding: 0; margin: 0; // 全局样式重置，去除默认的边距和填充 } body { overflow: hidden; // 隐藏超出部分 } li { list-style: none; // 去除列表前的小圆点 } ul { width: 700px; 阅读全文

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

js 秒味导航菜单滑动tab特效

摘要：CSS 样式 * { padding: 0; margin: 0; // 全局样式重置，去除默认的边距和填充 } body {} li { list-style: none; // 去除列表前的小圆点 } ul { width: 700px; font-size: 0; position: rela 阅读全文

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

js 弹窗组件的开发

摘要：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style>*{ margin:0; padding:0;}.logi 阅读全文

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

完美前端

随笔分类 - javaScript

导航

公告