随笔分类 -  javascript

• html input file 选择时不显示所有文件*.*
  摘要：const pickerOpts = { types: [ { description: "Images", accept: { "image/*": [".png", ".gif", ".jpeg", ".jpg"], }, }, ], excludeAcceptAllOption: true, 阅读全文
  posted @ 2024-10-10 15:23 atq 阅读(67) 评论(0) 推荐(0) 编辑
• js 私有方法的问题
  摘要：Class Demo{ const _fun1 = Symbol('_fun1'); const _fun2 = Symbol('_fun2'); [_fun1] = function() { console.log("_fun1"); } [_fun2] = function() { consol 阅读全文
  posted @ 2024-07-22 08:29 atq 阅读(4) 评论(0) 推荐(0) 编辑
• js 拖拽参考
  摘要：https://www.bookstack.cn/read/javascript-tutorial/docs-events-drag.md 阅读全文
  posted @ 2024-03-21 15:56 atq 阅读(4) 评论(0) 推荐(0) 编辑
• js <input type="file"> 设置
  摘要：<input id="fileinput" type="file"> <script> // 通过拖拽事件document.addEventListener("drop",(event)=>{})的event.dataTransfer.items[0].getAsFile(),取得文件对象，再调用设 阅读全文
  posted @ 2024-03-01 17:56 atq 阅读(71) 评论(0) 推荐(0) 编辑
• js (for in)和（for of)区别
  摘要：for...in 语句以任意顺序迭代一个对象的除Symbol以外的可枚举属性，包括继承的可枚举属性。 for...of语句在可迭代对象（包括 Array，Map，Set，String，TypedArray，arguments 对象等等）上创建一个迭代循环，调用自定义迭代钩子，并为每个不同属性的值执行 阅读全文
  posted @ 2023-12-14 16:48 atq 阅读(14) 评论(0) 推荐(0) 编辑
• js event.target和event.currentTarget区别
  摘要：首先本质区别是： event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 事例 <a href="#" class="text-nowrap dropdown-item dropdown-footer role-link" role="aaa"><te( 阅读全文
  posted @ 2023-11-28 11:35 atq 阅读(98) 评论(0) 推荐(0) 编辑
• JavaScript 中进行 API 调用的方法
  摘要：1. XMLHttpRequest 2. Fetch API 3. Axios 是一个流行的第三方库，用于在 JavaScript 中发出 HTTP 请求。 4. jQuery AJAX 回调地狱的对应方法 1. Promise对象 (es6) 推荐使用 2. $.when (jq) 3. Gene 阅读全文
  posted @ 2023-06-20 14:56 atq 阅读(83) 评论(0) 推荐(0) 编辑
• datetimepicker在bootstrap datatable中的显示位置问题
  摘要：可以通过查看帮助文档，把debug模式打开，进行调试 https://getdatepicker.com/4/Options/#debug 通过在打开事件，重新设置元素的样式，调整显示位置 $("#name").datetimepicker({ // debug:true, format: 'YYY 阅读全文
  posted @ 2023-03-01 11:26 atq 阅读(76) 评论(0) 推荐(0) 编辑
• 在JS中如何判断undefined和null
  摘要：!undefined; // true !null; // true !''; // true !1; // false !'123'; // false 所以判断undefined和null，可以使用 if(!value) 如果是非undefined和null，可以使用 if(!!value) 阅读全文
  posted @ 2022-09-28 14:57 atq 阅读(234) 评论(0) 推荐(0) 编辑
• js select操作
  摘要：清空list $('#level').empty(); 填充list $('#level').append(<option value="1">aaa</option>); 阅读全文
  posted @ 2022-09-23 14:56 atq 阅读(22) 评论(0) 推荐(0) 编辑
• js 日期格式化和数字格式化
  摘要：日期格式化 点击查看代码 let dateFormatter = function (value) { const options = { year: 'numeric', month: '2-digit', day: '2-digit', timeZone: 'Asia/Tokyo' }; // 阅读全文
  posted @ 2022-09-21 16:06 atq 阅读(86) 评论(0) 推荐(0) 编辑
• 调试前端第三方库的报错信息
  摘要：在控制台的前端报错信息左面，点击可以查看到调用的栈信息。 点击栈中的信息会跳转到具体的文件行，再点击源代码中下面的格式化后，可以停留在具体的行上，设置断点后，再次运行可以查找具体问题发生源。 阅读全文
  posted @ 2022-07-18 14:44 atq 阅读(52) 评论(0) 推荐(0) 编辑
• jq select multiple 操作
  摘要：取值 $('#demo').val(); 设置多选项 $('#demo').val(["1","2","3"]); 参考： https://www.bootstrap-multiselect.cn/#methods 阅读全文
  posted @ 2022-03-15 13:38 atq 阅读(99) 评论(0) 推荐(0) 编辑
• bootstrap fileInput 特殊文件名对策
  摘要：问题：上传图片的时候，如果图片文件名包含括号，在图片预览情况下，会报脚本错误。 通过阅读源码，找到如下对策： 取得源码中的两个方法 let isEmpty = function (value, trim) { return value undefined || value null || value 阅读全文
  posted @ 2022-02-15 10:10 atq 阅读(193) 评论(0) 推荐(0) 编辑
• js利用递归生成随机数填充到数组
  摘要：用递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值 var array = new Array(5); function addNumToArray(array,num){ if(num == array.length) { return; }else{ let randomNum = 阅读全文
  posted @ 2019-11-13 15:00 atq 阅读(830) 评论(0) 推荐(0) 编辑
• js闭包理解
  摘要：闭包就是能够读取其他函数内部变量的函数。例如在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。 闭包的形成与变量的作用域以及变量的生存周期密切相关。 外部可以访问内部变量。 内部变量的生 阅读全文
  posted @ 2019-11-06 17:30 atq 阅读(122) 评论(0) 推荐(0) 编辑