随笔分类 - 前端 / JavaScript/jquery
摘要：数据源格式： '{\n "填写说明": "每个学期的开学之前，需要调整这里面的配置，这样课表和一卡通对接的才能是正确的数据",\n "学年编号": "2024-2025",\n "学期编号": "1"\n}' "{ "填写说明": "每个学期的开学之前，需要调整这里面的配置，这样课表和一卡通对接的才
阅读全文
摘要：1、将树结构数据转换为数组(按照树结构自上而下的顺序转换) 树结构： 树结构数据样例： 代码转换： //将树结构数据转换为数组 treeNodes为树结构形式的数据 function treeToArray(treeNodes) { let result = []; //递归函数 traverse，
阅读全文
摘要：js获取元素特性值 -- 元素 <form class="layui-form layui-form-pane layui-form-item us-form" id="us-form" usdata="{usurl:'/usanaly/roomenergylog/usgetentity',ussu
阅读全文
摘要：元素克隆 var sourceNode = document.getElementById("div-0"); // 获得被克隆的节点对象 var clonedNode = sourceNode.cloneNode(true); // 克隆节点 clonedNode.setAttribute("id
阅读全文
摘要：声明对象 var can_args = new Object(); 对象赋值 can_args={"vue":300,"jquery":200……}; 对象动态赋值（新建属性值） 第一种： let key = "id"; let value = 2 can_args[key] = value; co
阅读全文
摘要：效果 html: <div class="usnbox"> <div class="usnboxbody usnboxbody_rtm"> <div class="layui-form-item"> <div class="layui-inline"> <label class="layui-for
阅读全文
摘要：实现场景：8:30-12:00上课，每节课45分钟，课间10分钟，获取上课时间段 结果： //调用方法获取时间区间 总方法入口 gettimearr(gettimesecond(“8: 00: 00”), gettimesecond("12:00:00"), 45 * 60, 10 * 60); /
阅读全文
摘要：1、元素(对象).each()方法的使用 JQuery提供了 each() 方法用于遍历匹配的元素信息。以每一个匹配的元素作为上下文来执行一个函数。每次执行传递进来的函数时，函数中的 this 关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。而且，在每次执行函数时，都会给函数传递一个
阅读全文
摘要：元素 <div class="h5-box-search-item usimglist nodisplay" id="usimglist"></div> （满足条件）动态更新div元素的class属性值： // 获取目标容器 let usimglist = document.getElementBy
阅读全文
摘要：窗口：卸载前事件 beforeunload 当窗口、文档及其资源即将卸载时，将触发 beforeunload 事件。此时，文档仍然可见，并且事件仍可取消。 此事件使网页能够触发确认对话框，询问用户是否确实要离开页面。如果用户确认，浏览器将导航到新页面，否则将取消导航。 //浏览器刷新和退出提示保存
阅读全文
摘要：1、反序列化 控制台输出查看要转换的字符串格式： 上面格式可反序列化为数组对象 console.error(img_info); var img_info_arr = JSON.parse(img_info); console.error(img_info_arr); 2、使用eval() 控制台输
阅读全文
摘要：
官网：ckplayer 1、添加签到弹出层（弹幕--弹幕内容自定义） （样式效果：视频播放，在4秒弹窗签到） @*获取基本信息*@ @Html.Raw(this.ViewBag.coursebasicinfoarr) <script>var videobaiscinfo = {courseid: "
阅读全文
官网：ckplayer 1、添加签到弹出层（弹幕--弹幕内容自定义） （样式效果：视频播放，在4秒弹窗签到） @*获取基本信息*@ @Html.Raw(this.ViewBag.coursebasicinfoarr) <script>var videobaiscinfo = {courseid: "
阅读全文
摘要：1、layui模板书写的a标签 <a href="#" onclick="downloadf(this)" type="{{d}}" bakname={{d.bakname}} bakurl={{d.bakurl}}> <i class="us-icon"></i>下载 </a> 2
阅读全文
摘要：原生JS实现Ajax下载文件 /** * url 下载url （相对路径也可\dbbak\wsew.2023-04-20_09:19:52_6835.sql） * filename 下载文件名称 */ function download(url, filename) { var xhr = new
阅读全文
摘要：效果图： (左侧信息实现动画切换) 动画原理： 滚动起来，让container滚动起来，滚动距离可自行设置设置 将顶部移动到底部，设置定时器，循环滚动 代码实现： <div class="usnboxbodylist usrtmfbodytree" id="roomdetaildiv"> <ul c
阅读全文
摘要：效果图： 指定区域实现定时自动滚动(页面滑动) （右侧教室动态滑动效果） 1、scrollTop属性是什么? 有些情况下,“元素中内容”的高度会超过“元素本身”的高度, scrollTop指的是“元素中的内容”超出“元素上边界”的那部分的高度。 例如：外层元素的高度值是200px,内层元素的高度值是
阅读全文
摘要：效果图： 1、HTML <div class="t3"> <div id="wrapper" class="wrapper"> <div id="marquee"> <span id="marqueeContent"></span> </div> </div> </div> 2、CSS .t3 {
阅读全文
摘要：1、时间格式化 /** * 返回当前时间字符串 * @param {any} fmt 格式化格式 yyyy-MM-dd hh:mm:ss */ function us_date_getnow(fmt) { var mydate = new Date(); return this.us_date_fo
阅读全文
摘要：1、两个时间差值 /** * //获取两个日期的相差日期数 * @param {any} firstDate 开启时间 2022-03-23 00:03:00 * @param {any} secondDate 结束时间 2023-03-23 00:04:00 * @param {any} diff
阅读全文
摘要：/** * @function * @name us_date_format * @param {string} _date - 不是时间字符串而是时间对象，当值为字符串时需要对时间字符串进行处理new Date("2022-03-23 01:02:03") * @param {string} fm
阅读全文
