dayjs
摘要：dayjs纯HTML使用 <script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script> <script src="./utils/dayjs.min.js"></script> <script> dayjs().format(
阅读全文
posted @ 2023-03-02 18:56
随笔分类 - JavaScript
js格式化时间
摘要：js格式化时间 // 格式化时间 demo: parseTime(new Date(), '{y}-{m}-{d} {h}:{i}:{s}') function parseTime(time, pattern) { if (arguments.length 0 || !time) { return
阅读全文
posted @ 2023-03-02 10:59
jQuery.browser.msie报错原因jQuery 1.9
摘要：jQuery.browser.msie报错原因jQuery 1.9 !!! 从jQuery1.9以前升级到jQuery1.9以后，因为$.browser.msie在1.9以后的jQuery中不存在了 !!! Cannot read property 'msie' of undefined `jQue
阅读全文
posted @ 2023-02-02 14:17
artDialog
摘要：jquery.artDialog.js 简单使用 需要引入三个文件 jquery.min.js, jquery.artDialog.js, iframeTools.js jquery.min.js, jquery.artDialog.js, iframeTools.js 01) 打开一个基本弹窗 <
阅读全文
posted @ 2022-12-02 20:34
滚动条滚动到起始的实现方式
摘要：滚动条滚动到起始的实现方式 window.scrollTo({ left: 0, top: 0, behavior: 'smooth' }) window.scrollTo(0, 0);
阅读全文
posted @ 2022-11-28 18:36
JavaScript禁止在网页中右键和选取功能
摘要：JavaScript禁止在网页中右键和选取功能 document.oncontextmenu = new Function('event.returnValue=false;') document.onselectstart = new Function('event.returnValue=fal
阅读全文
posted @ 2022-10-21 16:51
树形插件 vue-treeselect 基本使用
摘要：树形插件 vue-treeselect 基本使用 vue-treeselect 是一个多选组件，具有对 Vue.js嵌套选项支持。 支持嵌套选项的单选和多选 模糊匹配 异步搜索 延迟加载（仅在需要时加载深度选项的数据） 键盘支持（使用Arrow Up & Arrow Down键导航，使用键选择选项E
阅读全文
posted @ 2022-07-22 18:57
原生 JavaScript发送GET 、POST请求方法
摘要：原生 JavaScript发送GET 、POST请求方法 <p><button onclick="fooGet()">GET 请求 大飞</button> </p> <p>22222</p> <p>22222</p> <p>22222</p> <button onclick="fooPost()">
阅读全文
posted @ 2022-06-12 12:56
JS 中使用map, 数组转成Number类型或者String类型
摘要：JS 中使用map, 数组转成Number类型或者String类型 JS 数组中String类型转为Number // 字符数组转数字数组 let strArr = ["1", "2", "3"]; let numArr = strArr.map(Number) console.log(numArr
阅读全文
posted @ 2022-04-15 17:50
老技术---js实现iframe刷新
摘要：老技术 js实现iframe刷新 01) 一般页面的刷新 一般页面的刷新——reload 方法，该方法强迫浏览器刷新当前页面。 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新
阅读全文
posted @ 2022-03-26 09:30
JavaScript解析 XML DOM
摘要：JavaScript解析 XML DOM XML 转换为 JavaScript 可存取的对象 new ActiveXObject("Microsoft.XMLDOM"); 和 new DOMParser(); function convertXmlStringToNode2(sXml) { try
阅读全文
posted @ 2022-01-27 13:19
JavaScript 中 new Date() 时间使用
摘要：JavaScript 中 new Date() 时间使用 01)JavaScript获取当前时间加上10分钟 遇到整点可以累加到下一时间 // JavaScript获取当前时间加上10分钟 function dateAdd(dStr, interval = 10) { let d = new Dat
阅读全文
posted @ 2021-12-20 15:41
JavaScript里不为人知的秘密(03)之常见使用
摘要：JavaScript里不为人知的秘密(03)之常见使用 01)判断空对象 Object.keys({}).length; // 长度为0 Object.keys({foo: "bar"}).length; // 长度为1 Object.keys([]).length; // 长度为0 Object.
阅读全文
posted @ 2021-06-08 20:05
任务分为了同步任务和异步任务；而异步任务又可以分为微任务和宏任务。
摘要：任务分为了同步任务和异步任务；而异步任务又可以分为微任务和宏任务。 执行顺序总则 主进程 >微任务-->宏任务 [ 依次循环 ] // 微任务: process.nextTick Promise的then方法 [ 注意是then 方法 ] *************** // 宏任务: ( scri
阅读全文
posted @ 2021-03-18 10:41
JavaScript 那些操作会造成内存泄漏
摘要：JavaScript 那些操作会造成内存泄漏 意外的全局变量 被遗忘的计时器活回调函数 脱离DOM的引用 闭包 第一种情况是我们由于使用未声明的变量，而意外的创建了一个全局变量，而使这个变量一直留在内存中无法被回收。第二种情况是我们设置了 setInterval 定时器，而忘记取消它，如果循环函数有
阅读全文
posted @ 2021-03-18 10:08
运算符 typeof 和 instanceof
摘要：运算符 typeof 和 instanceof typeof 识别所有值类型 识别函数 判断是否是引用类型(但是不能区分是那种引用类型) (typeof "abc123"); // string (typeof 123); // number (typeof a); // undefined (ty
阅读全文
posted @ 2021-01-25 20:09
JavaScript_中的坑 sort
摘要：JavaScript_中的坑 sort 01) 排序 sort sort() 方法用原地算法对数组的元素进行排序，并返回数组。默认排序顺序是在将元素转换为字符串，然后比较它们的UTF-16代码单元值序列时构建的 [3,15,8,29,102,22].sort((a,b)=>{ return a-b}
阅读全文
posted @ 2020-12-02 10:13
Vue 中实现JavaScript 拖动元素改变滚动条位置
摘要：Vue 中实现JavaScript 拖动元素改变滚动条位置 主要使用属性: clientX clientY scrollTop() scrollLeft() <template> <div> <div id="dragWrap" @mousedown="mousedown" @mouseup="mo
阅读全文
posted @ 2020-10-23 14:38
JavaScript 中 onwheel 鼠标滚轮事件wheelDelta 和 deltaY
摘要：JavaScript 中 onwheel 鼠标滚轮事件wheelDelta 和 deltaY <style> .da-fei { width: 800px; height: 800px; background-color: #c0c0c0; } </style> <div class="da-fei
阅读全文
posted @ 2020-09-24 10:21
JavaScript中event.offsetX 和 event.offsetY 获取鼠标点击的位置
摘要：JavaScript中event.offsetX 和 event.offsetY 鼠标指针相对于目标节点内边位置的X坐标,Y坐标 [鼠标点击的位置] <div class="wrapper"> <div class="content"> <button class="button" onclick=
阅读全文
posted @ 2020-09-24 09:42
