- 博客(21)
- 收藏
- 关注
RSS订阅原创 React 中没有 v-model，如何优雅地处理表单输入
React表单处理方案对比 在React中处理表单输入主要有三种方案： 受控组件：通过useState和onChange实现双向绑定，符合React数据流但可能影响性能 非受控组件：使用useRef获取DOM值，减少重新渲染但缺乏实时控制 防抖优化：对受控组件进行防抖处理，平衡实时性和性能 受控组件适合需要实时验证和控制的场景，而非受控组件更适用于性能敏感或简单表单。实际开发中可根据需求灵活选择或混合使用这两种方案。
2025-11-30 14:06:50
498
原创 三步学会 React（Vuer 必看）
本文为Vue开发者提供React快速入门指南。核心指出React与Vue在状态更新机制上的关键区别：React的状态更新是异步的，修改状态后立即访问可能获取旧值。通过一个多级筛选表单案例对比了Vue同步更新和React异步更新的不同实现方式，并给出两种解决方案：直接传递最新状态（不推荐）和使用useEffect监听状态变化（推荐）。特别强调useEffect方案能确保始终使用最新状态，是Vue转向React开发者需要掌握的第一个重要概念。
2025-11-14 08:45:00
784
原创 前端学习之组件级权限控制（vue 版）
本文介绍了Vue项目中实现组件级权限控制的三种方案：函数式、指令式和组件式。函数式通过v-if和havePermission函数控制组件显隐；指令式通过自定义指令实现权限判断，并详细说明了局部/全局指令的编写方式及生命周期执行顺序；组件式将权限逻辑封装为可复用组件，支持通过插槽作用域将控制权交予调用者。文章还分析了不同方案的适用场景：指令适合简单元素控制，函数式和组件式更灵活，可根据开发习惯选择。这些方案能满足不同角色用户对界面元素的差异化权限需求。
2025-08-04 09:00:00
373
原创 vben 之 路由守卫初始化应用数据
摘要：vben路由守卫实现应用数据初始化 vben框架通过路由守卫机制优雅地解决了应用数据初始化问题。核心思路是将用户信息和菜单获取放在路由守卫中处理，确保权限验证和路由生成在页面加载前完成。框架采用两级守卫设计：通用守卫处理加载状态和进度条显示；权限守卫负责安全控制，包括令牌验证、动态路由生成等逻辑。权限守卫会检查用户角色、生成可访问菜单和路由，并处理重定向逻辑。这种分层设计实现了安全控制与用户体验的平衡，同时保持代码的可维护性。
2025-07-25 08:45:00
414
原创 前端学习 vben 之 axios interceptors
本文介绍了前端框架vben中axios拦截器的实现原理和应用。文章首先解释了拦截器作为软件设计模式的概念，说明其通过AOP思想实现横切关注点。然后重点分析了vben框架中预设的三个axios拦截器：请求拦截器负责设置Authorization和语言头信息；响应拦截器defaultResponseInterceptor处理不同状态码和业务code的响应数据转换；errorMessageResponseInterceptor则统一处理网络错误、超时和各类HTTP状态码错误。文章通过代码片段展示了拦截器的具体实现
2025-07-10 00:34:36
705
原创 vben 启动！
本文介绍了Vue-Vben-Admin项目的启动指南。项目采用Monorepo架构，基于Vue3、TypeScript等技术栈。启动步骤包括：下载源码、配置Node 22.1.0、启用corepack管理包版本、使用pnpm安装依赖。项目提供多个UI库选项和演示环境，并支持精简配置。文章还分享了node版本控制、npm源配置技巧，以及解决corepack安装问题的方案。最后提供了相关文档链接，帮助开发者顺利完成项目启动。
2025-06-30 08:30:00
848
原创 vben admin 学习启航
公司正基于开源框架vben admin进行二次开发，这是一个基于Vue3/Vite/TypeScript的企业级管理系统前端框架。学习vben admin能提升技术水平，其优秀功能包括：Axios请求封装、Schema表单配置、多主题、精细权限控制等。项目还提供工程化实践如monorepo、ESLint检查等。公司已采用基于vben admin的lamp-web项目，后续将分享开发中的经验。
2025-06-29 00:49:27
972
原创 前端环境搭建之运行时环境（fnm）
Node.js是一个基于V8引擎的JavaScript运行时环境，用于开发Web应用和脚本工具。由于项目可能使用不同Node版本，推荐使用fnm进行版本管理。fnm安装简单，支持自动切换版本，适合Windows用户。安装步骤包括下载fnm、配置环境变量和启用自动切换功能。建议使用LTS版本（偶数版本）以保证稳定性，避免在生产环境使用Current版本。参考链接提供了fnm仓库地址和安装视频教程。
2025-06-22 12:35:23
951
原创 前端开发环境搭建极简版，快速上手前端学习
摘要：本文介绍了前端开发环境搭建的基本步骤，重点推荐使用VSCode编辑器并安装5个实用扩展：中文语言包、代码拼写检查、ES6代码片段、代码格式化工具以及实时服务器插件。详细说明了Prettier格式化代码和Live Server启动本地服务器的使用方法，为学习HTML、CSS和JavaScript三件套打下基础。文章强调入门要尽量简化，暂不涉及JavaScript本地运行时环境的配置。
2025-06-19 20:24:51
308
原创 存在双击事件，如何正确响应单击事件？拿来即用
当一个元素上，同时绑定了双击事件和单击事件，当双击时，会触发单击事件，那么如何避免双击时触发单击事件呢？double click trigger signal click
2025-05-09 00:33:48
415
原创 前端，你还不会刷新token吗？
在单点登录情况下，使用token做权限验证，可以减轻服务器的压力。使用两个token，accessToken和refreshToken。当使用accessToken访问 其他服务过期时，需要去。类似于在百度系网站中，你在百度网页登录了百度账号，旗下的贴吧，网盘等不需要再次登录，就可以使用。当已经出现未授权错误时，之后进入的请求都放入到一个队列中，当刷新token成功后，修改token，再发出，达到减轻服务器压力的目的。CAS 服务刷新token，然后再去请求业务服务器。背景：单点登录使用token方案。
2025-05-08 08:30:00
843
原创 Java服务学习路线（口水话版
首选学基础的Web开发（MVC架构）理解请求处理流程（Controller→Model→View）然后学SSM（Spring+SpringMVC+MyBatis），只需要了解技术演进过程，此时先学习SS即可，M的话，等之后MySql统一学习接着就是 SpringBoot。此时，你已经可以搭建一个简单的服务了，你将要把服务部署在服务器上，服务器大部分都是Linux，所以，你需要学习Linux。服务部署好了，你发现数据还是在内存中，服务重启，数据就没了，所以，你需要开始学习数据库了。
2025-04-23 09:00:00
967
原创 Java服务学习路线
通过这条演进路径，开发者不仅能掌握具体技术点，更能理解现代Web服务架构的设计哲学，最终构建出弹性可扩展、高效稳定的后端服务体系。后，开发者即可快速构建基础服务。此时需注意，内存存储的数据会随服务重启丢失，这自然引出持久化存储的需求。通过服务拆分实现独立部署与迭代，显著提升发布效率和系统稳定性。入门，掌握Web开发的核心模式。开发者应建立系统化认知，在技术选型时统筹考虑各环节的协同效应。至此，开发者已具备构建完整数据服务的全栈能力。的引入，则可有效解决环境配置与部署效率问题。的出现极大简化了项目配置流程。
2025-04-22 23:29:33
359
原创 前端er 快速上手 Java语法
前端中，JavaScript常用的是单线程单线程模式，异步的话，一般都是回调函数或者promise处理，而Java中，使用的是多线程，这个部分需要注意，难度很高。这个难度稍微有些大，BIO比较简单，但是NIO比较复杂了。而且前端操作文件流还是比较少的，所以需要认真看一下。和ts差不多，简单体验下来，和比ts略微简单一些，主要就是泛型和强转。和JavaScript 运行编译流程，内存模型差不多，难度不大。也和ts中的装饰器差不多，但是更加强大。库，是BIO的封装，使用起来更加简单方便。
2025-04-21 22:55:04
515
原创 运行Java注意事项（前端er快来了解一下
本节呢，我们来学习一下运行Java的注意事项和Maven项目结构。Java执行和JavaScript执行还是不同的。
2025-04-19 17:42:11
396
原创 运行 Java 真简单！vscode版
接着，让我们创建一个 Maven 项目，我们先点击图标记 1 处的 + ，然后 vscode 会弹出一个弹窗，这里，我们选择 Maven，点击一下，记住，一定要安装了 Maven 环境。然后我们进入标记 4，此时输入框内的是 groupId，可以修改，一般都是域名倒过来，相识创建时候默认的 com.example，可以修改，然后我们点击回车。这是，我们进入了标记 6，这儿是项目创建的目录地址，可以修改，然后点击回车。我们进入了标记 5，此时，输入的是项目名，可以改，然后再点击回车。
2025-04-18 08:45:00
4333
原创 Java 开发环境配置（前端友好版）
不是 Jdk 安装，也不是 Maven 安装，而是 Idea。这便是最劝退前端转 Java 的一个原因了。
2025-04-17 10:29:26
1588
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人