wanglei1900

2023年2月11日

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

posted @ 2023-02-11 22:51 wanglei1900 阅读(37) 评论(0) 推荐(0) 编辑

【HTTP】HTTP三次握手与四次挥手

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

posted @ 2023-02-11 22:47 wanglei1900 阅读(91) 评论(0) 推荐(0) 编辑

WebSocket 知识点

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

posted @ 2023-02-11 22:43 wanglei1900 阅读(129) 评论(0) 推荐(0) 编辑

2023年2月6日

vue3 + ts 封装树形控件

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

posted @ 2023-02-06 22:38 wanglei1900 阅读(352) 评论(0) 推荐(0) 编辑

查询类方法indexOf和includes异同点

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

posted @ 2023-02-06 21:10 wanglei1900 阅读(26) 评论(0) 推荐(0) 编辑

【driver.js】轻量库实现引导页面

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

posted @ 2023-02-06 17:31 wanglei1900 阅读(458) 评论(0) 推荐(0) 编辑

2023年1月30日

flex 布局下，使用flex：xx 的子项无限撑大容器的解决办法

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

posted @ 2023-01-30 09:56 wanglei1900 阅读(515) 评论(0) 推荐(0) 编辑

2023年1月29日

elemenplus form表单的动态配置写法

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

posted @ 2023-01-29 22:28 wanglei1900 阅读(947) 评论(0) 推荐(0) 编辑

2023年1月27日

vue3的unplugin-auto-import自动引入

摘要： vue3的unplugin-auto-import，setup语法糖下自动引入vue的基本api https://blog.csdn.net/weixin_52020362/article/details/127841641 阅读全文

posted @ 2023-01-27 23:53 wanglei1900 阅读(126) 评论(0) 推荐(0) 编辑

递归函数的全局变量使用技巧

摘要：递归函数的全局变量使用技巧我希望提取以下数组中每个path的值放入一个数组 let arr = [ { path: 'a', b: 2, children: [ { path: 'b', b: 3, children: [ { path: 'c' }, { path: 'd' }, ] } ] } 阅读全文

posted @ 2023-01-27 17:26 wanglei1900 阅读(359) 评论(0) 推荐(0) 编辑

公告