叶花弈

JS

html(7) MySQL(1) Vue3(3) 未归档(2) 综合(2)

/ 注册

全部文章 / JS （共43篇）

伪数组转换成真数组的五种方法

1.[].slice.call(NodeList) 2.Array.prototype.slice.call(NodeList) 3.Array.from(NodeList) 4.解构赋值[...NodeList] 5.for循环push

伪数组转换成真数组 JS Array

2022-03-24

0 354

是否改变原数组的方法

会改变原来数组的有： pop()---删除数组的最后一个元素并返回删除的元素。 push()---向数组的末尾添加一个或更多元素，并返回新的长度。 shift()---删除并返回数组的第一个元素。 unshift()---向数组的开头添加一个或更多元素，并返回新的长度。 reverse()...

js 原数组

2022-03-24

0 265

前端正则检测是否存在emoji表情

// 😂表情 const regStr = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u...

emoji 正则前端

2022-03-21

1 618

输入URL到页面加载完成的步骤

1.在地址栏输入URL (1).浏览器进行DNS查找,把域名转换成真实的IP地址 (2).根据IP地址,找到提供网站内容的服务器 2.找到服务器后 (3).浏览器通过TCP握手机制跟服务器建立连接 [现在大多数服务器都是用的https协议那么会多一步TLS握手,建立加密的隧道,通过对称加密+非对称加...

浏览器原理输入URL后的步骤重绘回流

2022-03-17

0 401

简单易懂Array.reduce(fn,initialVal)

条件统计 // pre是数组的第一项 // next是下一项 // 但是传入了初始值,初始值可以看作数组的第一项,从而达到next成为了ary[0] const ary = [1,2,3,4,5] const result = ary.reduce((pre,next)=>{ next &...

Array.reduce() ES6

2022-03-11

0 335

Ts封装Vue3 前端生成验证码 Hooks

let nums = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0", 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q',...

前端生成验证码 TS Vue3 Canvas

2022-03-02

0 502

Js实现复制功能

1.document.execCommand('Copy') 旧(不推荐) API有可能会被废弃 const node = document.createElement('input'); //创建节点 node.value = '旧方法的复制'; //设置节...

复制 Js clipboard execCommand

2022-02-22

0 361

回流和重绘

1.html 加载时发生了什么在页面加载时，浏览器把获取到的HTML代码解析成1个DOM树 DOM树里包含了所有HTML标签浏览器把所有样式(用户定义的CSS和用户代理)解析成CSS结构体 DOM Tree 和 CSS结构体组合后构建render tree 什么是回流当render tree中...

回流重绘

2022-02-16

0 407

React Antd异步获取节点属性的坑 react event.persist()

如果在react中想异步访问事件属性（如在setTimeout内）应该在是处理事件时调用event.persist() 这会从事件池中移除该合成函数并允许对该合成事件的引用被保留下来。注意:面对异步时,普通值(可继承下来)和节点属性(续特殊处理才能继承下来) 注意:ES6的箭头函数是没有this...

React persist() 节点属性防抖节流

2022-02-15

0 1027

JS可选链操作符?.

?.其实和.是差不多的用法但是.的话,对于调用时,如果主体是undefined之类的,会产生报错 let obj = { name:'123' } console.log(obj.age.name) 报错,因为age是undefined,无法在un...

可选链 ?.

2022-02-10

0 361