wanglei1900

摘要： 移动端Click300毫秒点击延迟产生的原因 移动端浏览器的默认显示宽度是980px(不同机型各异，但相差不大)，而不是屏幕的宽度(320px或其他)。为了对早期普通网页更好的体验，iphone设计了双击放大显示的功能–这就是300ms延迟的来源：如果用户一次点击后300ms内没有其他操作，则认为是 阅读全文

摘要： 任务队列与事件循环 JS是单线程，为了防止线程的阻塞，在代码执行时分为同步任务和异步任务。所有同步任务在主线程上执行，推入栈中执行，当执行栈为空时就回去去事件队列中执行异步任务，而异步任务形成一个新的任务队列，任务队列中的异步任务分为宏任务和微任务，任务队列中微任务的优先级大于宏任务。 什么是任务队 阅读全文

摘要： 浏览器渲染机制 解析html代码，构建DOM树（包含整个页面节点的层级）。 解析css代码，构建CSSOM(CSS Object Model,CSS对象模型) 合并DOM树和CSSOM，生成render渲染树。 根据render渲染树进行布局 调用GPU对渲染树进行绘制，合成图层展示。(最耗时，主要 阅读全文

摘要： 1 HTTP的握手和挥手 HTTP是基于TCP，所以谈到HTTP的握手挥手，即建立TCP连接的握手挥手 1.1 前置知识 同步序列编号SYN（Synchronize Sequence Numbers）。是TCP/IP建立连接时使用的握手信号。SYN报文内容中会包含一个初始化序列号（ISN）。 初始化 阅读全文

摘要： websocket机制 Web Socket 是通过一个长时连接实现与服务器全双工、双向的通信。 一、定义 websocket 使用了自定义协议，不能使用http://或https://，而要使用ws://和wss://。不带s的是不安全的连接，带s的是安全连接。 为什么要使用自定义协议而非HTTP 阅读全文

摘要： vue3 + ts 封装树形控件 父组件调用 <TreeFilter label="name" title="部门列表(单选)" :requestApi="getUserDepartment" :defaultValue="treeFilterValue.departmentId" @change= 阅读全文

摘要： 查询类方法indexOf和includes异同点 相同处 可以判断数组或字符串是否包含某个元素。 第一个参数为要查找的元素，第二个参数为查询开始的位置。 字符串执行匹配时，第一个参数不是字符串时，会进行类型转换。 数组执行匹配时，第一个参数不会进行类型转换，会执行严格相等。 不同处 返回值不同，in 阅读全文

摘要： # driver.js 引导功能 > Driver.js 是一个强大的，轻量级，使用原生 JavaScript 引擎开发的库，用于在页面聚焦用户的关注点。它支持所有主流浏览器，并且可高度自定义。 ### 一、引入 ```js import Driver from "driver.js"; impor 阅读全文

摘要： flex 布局下，使用flex：xx 的子项无限撑大容器 祖先容器使用flex布局，父容器使用flex：xx的时候，此时如果父容器下的子项使用宽高100%，子项将会无限撑大容器。 解决办法： 祖先容器使用flex定位时，当发生嵌套时，必须得给flex：xx 的父容器设置position:relati 阅读全文

摘要： elementplus form的动态配置写法 模板代码部分 <template> <div class="card content-box"> <el-alert title="通过 component :is 组件属性 && v-bind 属性透传，可以将 template 中的 html 代码 阅读全文