- 博客(21)
- 收藏
- 关注
RSS订阅原创 面试官：useMemo和useCallback有什么区别？我：就这？3分钟让你从入门到精通！
React Hooks中useMemo和useCallback的性能优化作用：useMemo用于缓存计算结果，适合处理复杂计算和大数据操作，仅在依赖项变化时重新计算；useCallback用于缓存函数引用，特别适合作为props传递的事件处理器，避免子组件不必要的重渲染。两者都能有效减少不必要的计算和渲染，提升组件性能。useMemo优化计算密集型任务，useCallback优化函数引用稳定性，是React性能优化的重要工具。
2025-08-09 01:51:14
341
原创 Umi 和 Vite 的终极对决：谁更适合你的团队？
2024年前端构建工具调研显示，Vite凭借ESM原生支持和闪电般的HMR成为60%新项目的选择，而Umi仍占据企业级市场主导地位。两者各有优势：Vite在开发体验和轻量级项目上表现优异，Umi则更适合复杂业务场景和稳定构建。技术选型应基于项目需求：追求开发速度选Vite，需要成熟企业级方案选Umi。建议新项目尝试Vite，存量项目无需强迁，未来Vite生态或将持续增长。
2025-08-09 01:03:14
1148
原创 【效率升级】vue-hooks-plus 在开发中的妙用：告别重复逻辑！
《vue-hooks-plus：Vue3开发的Hooks利器》摘要：本文介绍专为Vue3打造的Hooks工具库vue-hooks-plus，它基于CompositionAPI提供50+高质量Hook，解决传统开发的三大痛点：1）通过自定义Hook实现逻辑复用，告别Mixins命名冲突；2）采用函数式编程风格组织代码，解决OptionsAPI的碎片化问题；3）内置自动清理机制，简化副作用管理。重点解析了核心Hook——useRequest的强大功能，包括自动请求、轮询、缓存、错误重试等网络请求场景的完整解决方
2025-07-30 23:51:06
660
原创 js 去掉字符串中的空格和换行符 正则匹配
本文介绍了JavaScript中处理字符串空格和换行的常见方法。在开发中，API数据、用户输入等场景常包含多余的空格和换行符，需要规范化处理。示例展示了使用replace()方法配合正则表达式，逐步去除字符串中的空格(\s)、换行符(\r\n)以及同时清除两者的技巧。这些基础字符串操作是JS开发者必备技能，能有效提升数据处理的规范性和准确性。
2023-05-23 17:34:30
2238
原创 nginx（window配置）
一、 下载安装nginx下载地址下载完成是个压缩包解压到随机盘下面但是文件路径要保持是英文的路径不要出现中文的路径例如: E:\nginx-1.20.2二、操作1、启动启动指令：start nginx输入完指令会发现屏幕闪一下打开任务管理起如下图所示 就代表启动成功了登录测试是否成功，如果如下图所示 就代表成功 测试地址localhost2、停止/退出快速停止 nginx -s stop正常停止 nginx...
2022-05-07 16:40:03
1893
原创 for和forEach的区别
for和可以直接从下标指定的位置开始循环，forEach直接操作不能根据下标选择。for(let i=0;i<data.length;i++) { //可以修改i值来决定开始循环的位置 console.log(i)}data.forEach((item,index)=> { console.log(item,index) //item代表每一项，index是下标})直接操作数组可以选用forEach因为少很多代码量。for的使用倒循环for(let i =
2022-03-27 20:59:30
460
原创 双数组去重（filter or for）重复保留一个and重复全部删除
模拟数据let list = [ { id: 0, price: "4800", name: "剑圣", }, { name:'赵信', id:1， price: "3600" }]let list1 = [ { id: 0, price: "4800", name: "剑圣", }, { name:'赵信',
2022-03-07 16:59:23
378
原创 axios属性篇
属性baseURL:'http://localhost:8080', //请求的域名，基本地址timeout:5000, //请求的超时时长，单位毫秒url:'/data.json', //请求的路径method:'get，post，put，patch，delete' , //请求类型headers:{ token:'' //比如token登录鉴权，请求的时候携带token，让后端识别登录人的信息}, //请求头params:{}, //请求参数拼接在URL上...
2022-03-03 10:46:49
597
转载 程序员迷茫=》进阶
如何快速成长为技术大牛？想必很多朋友对这个比较感兴趣，我们来聊聊。3 个误区 拜大牛为师，通常大牛都比较忙，并没有太多时间花在你身上，很多团队大牛并不多，所以如果想成为大牛还是得靠自己 认为业务代码没啥技术难度，而好的业务代码一样可以有各种技巧，例如可以使用各种封装、抽象，使得业务代码更有扩展性，可以和产品多交流，以便更好的理解和实现业务，总之，业务代码都写不好，是成不了大牛的 上班太忙，没有时间学习，这是最大的借口，如果你上班，都是一些重复性的工作，要想提升自己，必须花时间去
2022-03-02 16:39:20
92
转载 程序员待自下往上管理
任何一个组织都存在上下级关系，在大家心中，上级管下属天经地义。所以这篇文章的标题《管理你的上级领导》，很稀奇，甚至有点匪夷所思。那为什么还要管理上级呢？很多粉丝都问过我，“袁总，我已经工作5年了，我还在底层做一线码农，我能力很强，为啥我总是得不到领导的重视？”，我观点很明确是：技术能力固然重要，但是软能力同样重要。技术能力和软能力，就像是技术人的两条腿，缺了任何一个，都不能持续向前。而管理上级领导就是软能力中最重要的能力之一。”管理上级领导“字面很容易理解偏差，当然不是让你去
2022-03-02 16:12:45
104
原创 js树结构--过滤数据（查找，筛选）
本文探讨了树形结构数据的高效过滤方案，要求搜索时能同时返回匹配节点及其父级节点。基础方案采用递归遍历匹配关键词并保留有效子节点的父级，保持原有结构。随后提出三个优化方案：1）性能提升版使用reduce和includes优化；2）多字段搜索版支持多个字段查询；3）迭代实现避免递归栈溢出。文章对比了各方案的优缺点，建议根据数据规模选择方案，小数据用递归，大数据用迭代，并给出了防抖、模糊搜索等优化建议，为树形数据搜索提供了多场景解决方案。
2022-02-22 11:30:23
2688
4
原创 vscode编辑器快捷键
VS Code快捷键速查表摘要：包含基础编辑（行操作/注释/折叠）、导航（跳转/符号查找）、搜索替换、多光标选择、语言功能（格式化/定义跳转）、编辑器管理（拆分/分组）、文件操作、界面显示（侧栏/终端切换）及调试等核心功能。按分类列出如Ctrl+P快速打开文件、Ctrl+D多选相同内容、F12跳转定义等高频操作，适合开发者快速查阅提升编码效率。
2022-02-21 17:07:04
836
原创 【效率翻倍】90%的人不会的搜索技巧，让你少走80%弯路！
高效搜索技巧：使用特定指令快速定位目标信息。intitle限定标题关键词，intext搜索正文内容，inurl筛选网址关键词。site限定网站范围，filetype指定文件类型（如.doc/.pdf等）。link查找外链，related发现相似网站，cache访问谷歌快照。info获取网站摘要，phonebook查询美国电话簿。这些搜索语法可大幅提升信息检索效率，尤其适用于专业领域研究。
2022-02-21 16:58:44
203
原创 前端必看！如何让双数组去重快如闪电？优化前：2秒卡顿；优化后：用户以为我换了电脑！
本文记录了树形数据结构去重性能优化实战：从2秒到毫秒级的突破。原始双重循环方案（O(n²)）处理71条数据耗时2秒，用户体验极差。通过逐步优化，最终采用Map数据结构实现单次遍历（O(n)），性能提升700倍至3毫秒。对比测试显示，Map方案在71条和1000条数据下分别仅需3ms和10ms，远优于其他方案。最佳实践建议大数据量优先使用Set/Map，强调选择合适数据结构的重要性，并提醒注意key唯一性和内存敏感场景。这次优化验证了算法选择对性能的关键影响。
2022-01-05 11:13:03
3861
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人