随笔分类 - js原生基础
摘要:
SSE简介 SSE(Server-Sent Events)是一种实现服务器主动向客户端推送数据的技术,也称为 “事件流”。 它基于 HTTP 协议,是一个get请求。 利用了其长连接特性,从而实现:服务器向客户端的实时数据推送。 但客户端不能通过 SSE 向服务端发送数据。因此它是单向通信的。 SS
阅读全文
![SSE进行消息推送保证你看的清清楚楚](https://img2024.cnblogs.com/blog/1425695/202502/1425695-20250214163213296-513361254.png)
摘要:先了解一下滚动事件触发的条件 视图或者一个元素在滚动时,会触发元素的 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=
阅读全文
摘要:我们经常会遇见拖拽某一个元素的场景,拖拽也是很常用的; 这次拖拽遇见一个问题,有时在拖拽的时候吗,鼠标松开,元素仍然可以拖拽; 经过查阅资料,发现: 会触发H5原生的拖拽事件。并且不会监听到onmouseup, 从而导致鼠标松开也能够拖拽。 解决办法就是直接干掉H5的拖拽事件 document.on
阅读全文
摘要:虚值引起循环报错,导致代码阻塞! 今天在工作中遇见一个场景: 父组件向子组件中传递数据的时候,在子组件中父组件传递过来的数据进行循环的时候; 子组件报错 TypeError: Cannot read property 'menu_pid' of null at VueComponent.getTre
阅读全文
摘要:find()查找符合条件数组的元素(只能够找出第一个符合条件的) // 查找出大33的元素. // find查找第一个符合条件的数组元素(只查找出第一个 找不到返回undefined) // 它的参数是一个回调函数。在回调函数中可以写你要查找元素的条件,当条件成立为true时,返回该元素。 // 回
阅读全文
摘要:let arr = [{ name: "站请", id: 01 }, { name: "站请1", id: 01 }, { name: "张三", id: 01 }, { name: "李三", id: 01 } ]; //模糊查询 var indexArr = []; for (let i = 0
阅读全文
摘要:下面我们看一个最简单的例子, 我的需求是要在fn1函数外面打印msg function fn1() { setTimeout(function () { msg = '你等我一下我 3s'; }, 3000); } fn1(); 那么怎么样才能在fn函数中获取到msg呢 通过回调函数 functio
阅读全文
摘要:Array.from()方法就是将一个[类数组对象][或者可遍历对象]转换成一个[真正的数组] 那么什么是类数组对象呢?所谓类数组对象,最基本的要求就是具有length属性的对象。 let arrayLike = { 0: 'll', 1: '60', 2: '男', 3: ['重庆', '四川']
阅读全文