自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 前端批量下载图片组件

具有批量下载图片、打包压缩的能力,并且可以根据需要生成二维码。

2024-05-08 17:58:45 200 1

原创 记录自用的上拉刷新,下拉加载组件(仅供学习)

【代码】记录自用的上拉刷新,下拉加载组件(仅供学习)

2024-04-24 15:05:05 164

原创 我对项目管理的理解

我的前端项目管理的理解,如何做好一个前端项目

2024-04-12 14:23:08 129

原创 如何在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 1070

原创 如何自定义npm包/node_modules?patch-package的使用

如何自定义npm包/node_modules?patch-package的使用。

2023-06-15 17:04:13 631

原创 【react学习,知识点整理】

确定该对宿主实例(真实dom节点的树)做什么来响应新的信息有时候叫做协调简单讲就是将虚拟dom映射到真实dom的过程。

2023-03-08 14:20:58 108

原创 react开发思想

1.当组件之间逻辑重复使用时就可以抽离逻辑为自定义hook2.hook使得组件看起来表达了意图而不是具体实现3.每当写effect的时候想想是否包装成hook逻辑会更清晰。

2022-10-10 20:17:08 191

原创 elelctron-vue打开窗口太慢,采用窗口池方式优化。

electron是一个跨端开发桌面应用的框架,所以编译起来比较耗时,打开窗口也比较慢,为了避免每次都那么慢,或者每次打开都新建窗口,找到一个类似进程池的窗口池方法优化。导入主进程实例化即可,上面winConfigJson子窗口菜单可自行配置,不明白的可评论区留言。...

2022-07-28 15:25:33 1981 7

原创 vuex用起来太麻烦,写个小轮子bus全局通信

代码】vuex用起来太麻烦,写个小轮子bus全局通信。

2022-07-22 16:20:23 139

原创 浏览器解析页面流程

概述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 279

原创 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 179

原创 手写vue弹窗组件

弹窗类组件特点一般独立于当前Vue实例之外,常挂载于body上;它是通过js动态创建的,不需要任何声明。常见使用格式:this.create(Notice,{title:‘标题’,msg:‘内容’,duration:1000}).show()create函数用于动态创建指定组件实例并挂在到body上...

2021-12-01 17:56:19 727

原创 手写Form表单组件记录

理清Form组件功能结构从最外层到最里层依次分析,总共三层组件嵌套Form:管理数据模型 -model ;校验规则 -rule ;全局校验方法 -validate;>FormItem:展示label标签内容 ;执行校验 -prop 并展示校验结果;>>Input :绑定数据模型 -model ;通知 FormItem执行校验;...

2021-11-29 14:20:45 273

原创 手写Promise记录

手动实现简易Promise初始化结构实例化测试一下先这时再完善,在实例化函数里加个定时器promise的链式调用初始化结构此时先新建一个class类,因为原生promise需要new一个实例,所以我们需要类和构造函数PS:我常常忘记解释,但我会尽量注释,写此篇时默认你了解同步异步js运行机制和promise机制(关于js同步异步可以见这篇)微任务/宏任务和同步/异步之间的关系class Pro { // promise的三种状态 static PENDING = "待定"; sta

2021-11-16 12:07:45 316

原创 微任务/宏任务和同步/异步之间的关系

彻底理清微任务/宏任务和同步/异步之间的关系前言网上已有很多相关的js执行机制的文章了,那为啥还要写这个?原因是其中一个机制大家有两套说法,不多BB直接上争议点 ↓1.认为宏任务包含所有script代码的2.宏任务不包含所有script代码3.界限不清的所以,我个人的理解是:宏任务便是 JavaScript 与宿主环境产生的回调,需要宿主环境配合处理并且会被放入回调队列的任务都是宏任务。作者:Reed链接:https://juejin.cn/post/684490381450877338

2021-05-14 16:41:21 5540 20

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除