- 博客(18)
- 收藏
- 关注
RSS订阅
原创 从0到1：一名前端程序员的项目沉思录
类型，可能就更倾向与react了，因其函数式开发，以及react特性不可变原则，开发复杂等交互逻辑项目，在组合性api开发会更加灵活，包括一些特殊需求啊native跨端啊等等，vue就适合以下常规性业务，中后台，快速迭代，vue优势很明显的，易上手，语法糖高，router，pina，vuex，vite集合耦度很高。1：项目0-1 ，框架的选择，一部分来源与公司内部程序员的技术水准，比如有的会写uniap，taro，react，vue等等，包括v3，v2，reactcalss，hooks等等。
2025-09-24 17:11:56
1728
原创 前端文字动画解决方案
本文介绍了React动画库Framer Motion的使用方法，重点演示了如何实现科技感标题动画效果。通过motion.h1组件创建渐变色文字，利用animate属性控制背景位置移动和文字阴影变化，transition属性设置3秒循环动画。该库提供声明式API，支持60fps流畅动画，适用于复杂场景的Web动画实现。示例代码展示了如何制作无限循环的水平渐变背景和文字阴影交替效果，为网站添加现代科技视觉元素。
2025-12-04 15:46:24
366
原创 什么是虚拟dom
react，vue 都是 通过真实dom构建虚拟dom，页面修改变量，函数，不会去直接去修改真实dom，而是去改变虚拟dom，然后虚拟dom 和真实dom 之间通过 diff 算法，来对比差异. 这就像 去写协同编辑，在线编辑，对比差异 ，差异算法，最长递增子序列（LIS）：在列表操作中（如移动、插入）通过LIS算法确定最小移动路径，减少DOM操作次数（例如列表反转仅需1次移动）静态标记（Patch Flags）：编译时标记静态节点（如无绑定的纯文本），跳过运行时Diff，减少对比开销。
2025-10-17 10:32:34
56
原创 react
data 是我们创建的变量， setData 是我们修改变量的方法函数，这里注意 setData就是一个函数，react 要求状态更新必须通过 setData 完成，直接修改 data（如 data.push(...)）不会触发渲染 这样就好比如 我想直接 通过 data=‘123’ 这种 调用修改的方式 是不存在的.不同于 vue 中 可以this.data=123，可以直接用ref reactive声明的数据 ，两者的框架逻辑，底层也是不一致的。这种设计强制单向数据流，确保数据变化可预测，避免副作用。
2025-10-17 10:32:03
364
原创 React路由缓存与动态标签页深度实践
缓存策略：虚拟DOM缓存 + 组件级生命周期控制数据结构：扁平化标签数据结构性能优化：按需渲染 + 精准更新边界处理：最小标签限制 + 智能切换状态同步：路由驱动状态更新。
2025-10-14 13:49:14
949
原创 Three.js 系统入门指南：从零开始掌握 3D 网页开发
是目前最流行的 WebGL 3D 图形库，它让开发者能够用相对简单的代码创建复杂的 3D 场景。无论是数据可视化、游戏开发，还是产品展示，Three.js 都提供了完整的解决方案。：能够创建基础 3D 场景和交互。：理解 3D 开发核心概念。：实现复杂视觉效果和动画。：3D 柱状图或粒子系统。：收集物品的 3D 场景。：可旋转查看的商品模型。：可自由浏览的虚拟空间。
2025-10-13 17:18:26
285
原创 拯救重复劳动！我用React+Antd造了个万能表单弹窗，效率提升300%！
每次新需求都要重写一遍表单弹窗？字段类型变一下就要大改代码？条件显示字段逻辑散落各处？受够了这种重复劳动后，我决定打造一个超级表单弹窗组件，从此告别CV大法！方法会自动根据type字段召唤对应的Antd组件，就像变形金刚一样随心变换！方法实时监控表单值变化，让字段智能显隐，再也不用写一堆。 - 新表单弹窗从1小时→5分钟。 - 减少70%重复表单代码。 - 所有表单逻辑统一维护。 - 保持统一的交互风格。
2025-10-13 15:55:40
415
原创 路由的演进：Hash和History
首先以上文章 介绍了 hash 和history 路由的 根本 区别 ，从服务器请求路径 -》 服务器响应过程，-》 客户端处理index 路径 -》 javascript 寻找 路径对应文件 -》 运维，服务器需要对history 进行额外配置 -》 路由对于项目上的应用，以及美观，维护成本等，
2025-09-26 14:24:44
1145
原创 React 与 Vue 终极指南：从核心原理到高级实战全解析
/ 全局指令el.focus();});// 局部指令},// 使用特性ReactVue设计理念函数式编程渐进式框架学习曲线相对陡峭相对平缓模板系统JSX模板语法状态管理不可变状态可变状态样式方案。
2025-09-25 11:42:23
915
原创 实现React Table（SearchTable2.0）复杂筛选功能的封装组件
通过封装FilterPopover组件实现表格头部的高级筛选功能，支持多条件组合查询。该组件采用受控模式设计，可灵活集成到各类表格组件中。
2025-09-24 14:50:04
625
原创 react 常用组件searchTable 组合式
加上注释了 ，大家日常要写好注释哈，目前我是开发阶段，这个项目 0-1得第三天，所以封装了一些复用性组件，我今天 发了 好多组件，可以进我主页看看，vue，react都有。回归主题，目前开发阶段，接口feactData 这里用的mock 你们要用的话 ，改一下接口就可以了，我把less 也发了把 ，再发个使用得 ，再发个图片，感兴趣，觉得有需要的可以copy微改一下，使用。话不多说，上代码，就不介绍。
2025-09-17 16:20:13
263
原创 react 19版本 与antd 》5.0+ 组件 问题
以下是pagejson react 19 版本 与 antd 》5.0的版本组合种，会出现antd的某些组件不能通用，我发现问题的时候 是 message，modal 这些静态组件都有问题，又是回退稳定版本，又是问ai，看modal，message，dom等，都不行。最近正在做 react 的项目 0-1的，搭建脚手架的时候 ，用的都是最新的技术栈，发现很多都有问题啊，同时也明白了 ，以后不管是项目，还是自己搭建都要用稳定版本啊，同志们。，有类似问题的话可以看以下。
2025-09-17 16:00:09
426
原创 react antd 状态 status
常量提取与冻结 将颜色映射提取为顶层常量，并使用防止意外修改。常量命名采用全大写+下划线规范，提升可读性。解构参数简化 直接在函数参数位置进行解构，省略冗余的声明，使组件入口更清晰。样式优化 状态指示点改用标签并添加，避免在flex布局中被压缩。内联样式使用简写属性（如代替）。类型定义改进 直接引用的键值，保持与实现代码同步。将标记为避免空状态。性能优化 使用包裹导出组件，避免不必要的重新渲染。视觉一致性 预定义的状态颜色遵循Ant Design色彩体系，符合主流UI规范，不同状态间有足够区分度。布局灵活性
2025-09-17 15:49:56
379
原创 react 实用组件（modal表单）
该代码实现了一个高度可配置的表单模态框组件FormModal，基于React和Ant Design构建。核心功能包括动态表单渲染、多列布局支持、多种输入类型适配（文本、日期、下拉选择等），以及与父组件的交互控制。
2025-09-17 15:46:22
323
原创 组件分页封装，复用性，低代码
本文介绍通用的分页组件实现方案，具有高度复用性和便利性。核心代码展示了如何通过响应式变量和事件派发。通过封装el-pagination，组件内部维护分页状态(total/页码/页数)，通过defineExpose暴露pageList和setTotal方法。组件会自动处理分页变化事件，通过emit通知父组件，父组件只需监听change事件即可获取最新分页参数并请求数据。使用ref可直接调用组件的setTotal方法更新总数。这种实现方式无需父组件管理分页状态，简化了分页逻辑，适用于Vue2/Vue3项目，
2025-07-23 15:06:56
151
原创 前端组件封装-后台系统通用组件
本文介绍了基于Vue的后台管理系统通用组件封装方案，主要包含三部分：1）可配置化搜索组件，支持input、select、date等多种表单类型，通过Promise.all异步加载下拉数据；2）表格组件采用插槽机制实现操作列和表头按钮的灵活定制；3）分页组件实现数据加载控制。该方案遵循单一职责、高内聚低耦合原则，通过props配置和slot插槽实现高度复用性，适用于常见的"搜索-表格-分页"后台管理场景。文中提供了完整的组件代码实现，并展示了父组件调用示例，为前端开发提供了可复用的组件化解
2025-07-11 11:38:32
380
原创 nvm管理版本，node版本安装，node环境配置
本文详细介绍了Windows系统下nvm和Node.js的安装配置流程。主要内容包括：1）彻底卸载原有Node环境的方法；2）nvm安装步骤及注意事项；3）镜像源设置技巧；4）常用nvm命令（版本管理、切换等）；5）Node全局缓存配置方法；6）环境变量设置要点。文章参考了CSDN博客的保姆级教程，并补充了实际操作经验，特别针对C盘安装权限问题、版本稳定性选择等常见问题提供了解决方案。适合需要频繁切换Node版本的开发者参考。
2025-07-09 11:20:10
868
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人