随笔分类 - js原生基础
摘要：如何给函数如何新增一个参数 <el-form-item :prop="`userSelectData.${index}.pageShowResourceNameIdArr`" :rules="{ required: true, validator:checkWatchHandler }"> </el
阅读全文
摘要：str.split('/'); 以正斜杠“/”为分隔符；将原字符串分割成若干子串，并以数组形式返回。 怎么记忆呢？sp就是分割；lit就是列表的意思；分割成列表转换为数组 const str = 'home/user/docs/file.txt'; const arr = str.split('/'
阅读全文
摘要：array.join('/') 它的作用是将数组的所有元素用正斜杠 / 连接成一个字符串。 let newArr = ['111', '222', 'ccc']; let strText = newArr.join('/'); // 输出：111/222/ccc console.log(strTex
阅读全文
摘要：Math.floor() 它的核心作用是向下取整 console.log(Math.floor(4.9)); // 输出: 4 console.log(Math.floor(4.1)); // 输出: 4 console.log(Math.floor(4.0)); // 输出: 4 console.
阅读全文
摘要：这两种绑定事件有什么区别？ 第一种方式绑定事件： <el-switch :before-change="() => beforeChangeHandler(scope.row)"/> 第二种方式绑定事件： <el-switch :before-change="beforeChangeHandler(
阅读全文
摘要：前言 有些时候，我们需要生成唯一 ID 看上去很简单的样子，但真要做到百分百不重复，可比想的要坑。 第一个坑：拿时间戳加随机数凑数 很多小伙伴的第一反应可能会这样来写 function backUniqueIDvalue() { return Date.now().toString(36) + Ma
阅读全文
摘要：clearTimeout 的行为 clearTimeout 是一个全局函数，它的参数是一个定时器 ID。 如果传入的 ID 是 null、undefined 或者无效的定时器 ID clearTimeout 不会抛出错误，而是静默忽略。 总结：clearTimeout(无效id || 0 || nu
阅读全文
摘要：
SSE简介 SSE(Server-Sent Events)是一种实现服务器主动向客户端推送数据的技术,也称为 “事件流”。 它基于 HTTP 协议,是一个get请求。 利用了其长连接特性,从而实现:服务器向客户端的实时数据推送。 但客户端不能通过 SSE 向服务端发送数据。因此它是单向通信的。 SS
阅读全文
SSE简介 SSE(Server-Sent Events)是一种实现服务器主动向客户端推送数据的技术,也称为 “事件流”。 它基于 HTTP 协议,是一个get请求。 利用了其长连接特性,从而实现:服务器向客户端的实时数据推送。 但客户端不能通过 SSE 向服务端发送数据。因此它是单向通信的。 SS
阅读全文
摘要：先了解一下滚动事件触发的条件 视图或者一个元素在滚动时，会触发元素的 scroll 事件。 备注： 在 iOS UIWebViews 中，滚动进行时不会触发 scroll 事件；只有当滚动结束后事件才会被触发。 只要某一个元素在滚动，就可以注册滚动事件。 ps:滚动事件不一定要注册的 window
阅读全文
摘要：every 方法 every()方法用于检测数组中的所有元素是否都满足指定条件。 every()方法会遍历数组的每一项，如果有一项不满足条件，则返回false,剩余的项将不会再执行检测。 如果遍历完数组后，每一项都符合条，则返回true。 基本用法 array.every(function(curr
阅读全文
摘要：父页面通过ifarame传递参数 有些时候，我们需要在嵌套页面。 我们就需要使用iframe了。 通过iframe传递参数给子页面。 需求描述，当我们点击按钮的时候。 传递参数给子页面。子页面接受后展示出来。 我们使用postMessage() 方法用于安全地实现跨源通信。 otherWindow.
阅读全文
摘要：第一种 let obj=[ { value:undefined } ] obj[0].value.value='zahngsan' obj[0].value.label='张三' 机智的小伙伴，可能已经知道这样的赋值方式会失败。在语法上直接报错 因为value上没有value和label这两个key
阅读全文
摘要：// 假设httpServe 是服务器返回来的数据 // 我们这里有一个需求， // 某一个区域需要对这一份数据进行展示 // 另一个区域需要只需要展示前1条数据 let httpServe = [ { name: '张三', age: 14 }, { name: '李四', age: 13 },
阅读全文
摘要：限制file上传类型 很多时候，我们都需要使用 <input type="file"> 进行文件上传。 在上传的时候，我们需要对文件类型进行限制。 如果上传图片的时候。 用户只能够限制用户上传 .jpeg, .png, .gif, .bmp, .jpg, .webp 图片类型说明，特别是webp 1
阅读全文
摘要：1. 阻止事件冒泡 兼容w3c浏览器 function cBubble(e){ if(e.stopPropagation){ e.stopPropagation();//ie9+ }else{//ie678 e.cancelBubble = true; } } 2.阻止浏览器默认行为 functio
阅读全文
摘要：1. onclick事件 es5 普通事件就是直接触发事件，相同的事件会被覆盖掉。代码如下： let demoDiv=document.querySelector(".demo") demoDiv.onclick = function(){ console.log('你好1') } demoDiv.
阅读全文
摘要：场景 有些时候,我们在pc端经常会遇见滚动到底部的时候,去加载下一页的数据, 这个时候,我们就需要知道滚动条什么时候触底了, 如果触底了,就去加载下一页的数据; 在触底的过程中,我们需要注意的是,防止数据堆叠; <style type="text/css"> .bottom-content{ hei
阅读全文
摘要：<script type="text/javascript"> let arr=[ { gradeId: "498094709437239572", gradeName: "2018级", stageId: "2", stageName: "初中", }, { gradeId: "498094709
阅读全文
摘要：1==>字符串比较大小时，是不会进行隐式转换的（ok） let aa = '2021108'; let bb = '202145'; if (aa < bb) { console.log('bb大') } else { //走了这里 console.log('aa大') } 字符串在进行比较的时候；
阅读全文
摘要：<script> // 设置cookie值哈 let username = '我是cookie' document.cookie = "name=" + username; document.cookie = "key1=" + '我是cook1'; document.cookie = "key2=
阅读全文
浙公网安备 33010602011771号