- 博客(16)
- 收藏
- 关注
RSS订阅原创 前端的不同测试类型(单元、集成、静态、端到端)
一个有效的测试策略通常会结合使用单元测试、集成测试和端到端测试，形成一个完整的测试金字塔。在测试金字塔的底层，单元测试占据主导地位，数量最多，执行频率最高。中间层是集成测试，数量适中，验证关键组件的交互。金字塔顶端是端到端测试，数量较少，但覆盖范围最广。这种分层策略能够在保证测试全面性的同时，兼顾执行效率和成本控制。
2025-01-07 10:17:20
1110
原创 如何在mac上远程连接调试adb（同wifi）
电脑上有homebrew的同学可以通过下面的命令快速安装，这里不在赘述。1.安装打开调试 ，设置-更多设置-开发者选项-usb调试模式。页面地址：chrome://inspect/#devices。运行adb --version 查看是否安装成功。安装完成后，关闭并重启终端，adb环境即可生效。2.设置端口号： Adb tcpip 5555。3.查看手机上的网络ip，并连接。可能是开启过服务，杀死即可。4.打开谷歌调试工具查看。
2023-12-13 14:37:13
1885
原创 如何自定义npm包/node_modules?patch-package的使用
如何自定义npm包/node_modules?patch-package的使用。
2023-06-15 17:04:13
781
原创 【react学习，知识点整理】
确定该对宿主实例（真实dom节点的树）做什么来响应新的信息有时候叫做协调简单讲就是将虚拟dom映射到真实dom的过程。
2023-03-08 14:20:58
182
原创 react开发思想
1.当组件之间逻辑重复使用时就可以抽离逻辑为自定义hook2.hook使得组件看起来表达了意图而不是具体实现3.每当写effect的时候想想是否包装成hook逻辑会更清晰。
2022-10-10 20:17:08
247
原创 elelctron-vue打开窗口太慢，采用窗口池方式优化。
electron是一个跨端开发桌面应用的框架，所以编译起来比较耗时，打开窗口也比较慢，为了避免每次都那么慢，或者每次打开都新建窗口，找到一个类似进程池的窗口池方法优化。导入主进程实例化即可，上面winConfigJson子窗口菜单可自行配置，不明白的可评论区留言。...
2022-07-28 15:25:33
2519
7
原创 浏览器解析页面流程
概述1.解析html，构建dom树2.解析css，构建css规则树3.合并dom和css规则树，生成render树4.布局render树（layout / reflow），负责各元素尺寸，位置的计算5.绘制render树（paint），绘制页面像素信息6.浏览器会将各层的信息发给GPU，GPU会把各层合成（composite），显示在屏幕上...
2022-03-08 17:30:01
313
原创 Vue-Router 手写简版vue路由组件记录
首先分析组件结构和需求1、能解析路由配置里routes结构，解析成key为path ，值为component的Map对象如 {’/xform’:{path:’/xform’,component:XForm}}2、能监听url变化事件，将最新的hash值保存在vue实例data上的currentPath里3、定义两个全局组件，<router - view>用于显示currentPath对应Map的组件内容，<router - link> 用于改变url里的hash地址4、需要
2021-12-06 11:16:02
246
原创 手写vue弹窗组件
弹窗类组件特点一般独立于当前Vue实例之外，常挂载于body上；它是通过js动态创建的，不需要任何声明。常见使用格式：this.create(Notice,{title:‘标题’,msg:‘内容’，duration：1000}).show()create函数用于动态创建指定组件实例并挂在到body上...
2021-12-01 17:56:19
812
原创 手写Form表单组件记录
理清Form组件功能结构从最外层到最里层依次分析,总共三层组件嵌套Form：管理数据模型 -model ；校验规则 -rule ；全局校验方法 -validate；>FormItem：展示label标签内容 ；执行校验 -prop 并展示校验结果；>>Input ：绑定数据模型 -model ；通知 FormItem执行校验；...
2021-11-29 14:20:45
356
原创 手写Promise记录
手动实现简易Promise初始化结构实例化测试一下先这时再完善，在实例化函数里加个定时器promise的链式调用初始化结构此时先新建一个class类，因为原生promise需要new一个实例，所以我们需要类和构造函数PS：我常常忘记解释，但我会尽量注释，写此篇时默认你了解同步异步js运行机制和promise机制（关于js同步异步可以见这篇）微任务/宏任务和同步/异步之间的关系class Pro { // promise的三种状态 static PENDING = "待定"; sta
2021-11-16 12:07:45
424
原创 微任务/宏任务和同步/异步之间的关系
彻底理清微任务/宏任务和同步/异步之间的关系前言网上已有很多相关的js执行机制的文章了，那为啥还要写这个？原因是其中一个机制大家有两套说法，不多BB直接上争议点 ↓1.认为宏任务包含所有script代码的2.宏任务不包含所有script代码3.界限不清的所以，我个人的理解是：宏任务便是 JavaScript 与宿主环境产生的回调，需要宿主环境配合处理并且会被放入回调队列的任务都是宏任务。作者：Reed链接：https://juejin.cn/post/684490381450877338
2021-05-14 16:41:21
5825
21
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人