logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端基础知识React系列 - 15( 高阶组件的理解?应用场景)

摘要: 高阶函数是接收或返回函数的函数,在React中表现为高阶组件(HOC),即接收组件并返回新组件的函数。其核心是装饰者模式,通过封装通用逻辑(如权限控制、数据缓存)提升代码复用性。编写HOC需遵循约定:保持props一致、透传无关属性、避免修改原组件,并使用React.forwardRef处理ref传递。典型应用包括性能监控(如渲染耗时统计)、数据持久化(如缓存读取)等。例如,通过HOC统一

文章图片
#react.js#前端#javascript
Vue项目公共方法封装

Vue项目公共方法封装摘要:封装公共方法可提升代码复用性和维护效率。主要内容包括:1)日期格式化处理不同时间显示格式;2)防抖节流控制高频事件;3)统一存储操作管理localStorage;4)金额格式化添加千分位分隔;5)深拷贝解决对象引用问题;6)环境判断区分开发/生产环境。建议通过Vue插件全局注册,便于组件调用,同时注意边界条件处理。常见应用场景还包括URL参数解析、权限校验和文件下载等业

文章图片
#javascript#前端#vue.js
vue3项目+element树形tree组件实现拖拽功能

摘要:本文介绍了使用HTML5原生拖拽事件实现树形组件内容拖拽到功能区的方案。通过在树形组件中为二级节点添加draggable属性并绑定dragstart事件,将节点id、type和label数据存入dataTransfer对象。功能区通过dragover.prevent允许放置,并在drop事件中获取被拖拽元素数据,确定放置位置后执行相应业务逻辑。该方法解决了使用tree自带拖拽功能产生的问题,

文章图片
#vue.js#elementui#前端
cursor使用引导文档

摘要:Cursor是一款智能编程助手软件,用户需从官网下载并注册。主要功能包括:1)通过Composer模式分析项目源码,使用@符号定位特定文件夹;2)提供三组核心快捷键:Ctrl/Cmd+L(智能问答)、Ctrl/Cmd+K(代码生成/修改)、Ctrl/Cmd+I(多文件批量操作);3)Tab键快速接受代码建议,Ctrl+Enter增强AI上下文理解。使用时需注意:对注释不清的代码要先定位文件再

文章图片
#html5
前端基础知识操作系统系列 - 03(linux系统下 文件操作常用的命令有哪些)

Linux是一个开源操作系统,由内核、shell、文件系统和应用程序组成。文件系统采用树状结构,从根目录开始组织。常用文件操作命令包括:ls(列出文件)、cd(切换目录)、pwd(显示当前目录)、mkdir(创建目录)、rmdir(删除空目录)、cp(复制)、rm(删除)、mv(移动/重命名)。Linux支持硬链接(共享inode)和软链接(快捷方式)。查看文件内容可用cat(从头显示)、less

文章图片
#前端#linux#运维
前端基础知识操作系统系列 - 04(linux 系统下 文本编辑常用的命令有哪些)

Vim是一款功能强大的文本编辑器,由vi发展而来,特别适合程序员使用。它提供三种模式:命令模式(移动光标、删除复制文本)、输入模式(编辑内容)和底线命令模式(保存退出等操作)。常用命令包括方向键移动、/搜索、dd删除行、yy复制、i进入编辑模式、ESC返回命令模式,以及:wq保存退出。Vim的高效操作使其成为开发者喜爱的编程工具。

文章图片
#linux#运维#服务器
前端基础知识操作系统系列 - 03(linux系统下 文件操作常用的命令有哪些)

Linux是一个开源操作系统,由内核、shell、文件系统和应用程序组成。文件系统采用树状结构,从根目录开始组织。常用文件操作命令包括:ls(列出文件)、cd(切换目录)、pwd(显示当前目录)、mkdir(创建目录)、rmdir(删除空目录)、cp(复制)、rm(删除)、mv(移动/重命名)。Linux支持硬链接(共享inode)和软链接(快捷方式)。查看文件内容可用cat(从头显示)、less

文章图片
#前端#linux#运维
前端基础知识HTTP系列 - 04(OSI七层模型)

OSI模型是国际标准化组织提出的7层网络通信框架,包括应用层(提供网络应用服务)、表示层(处理数据格式)、会话层(管理通信会话)、传输层(确保数据传输)、网络层(路由选择)、数据链路层(帧传输)和物理层(比特流传输)。数据传输时,每层添加头部信息进行封装,接收端则逐层解封装。该模型定义了清晰的层级分工,确保不同系统间的高效通信。

文章图片
#http#网络协议#网络
到底了