- 博客(17)
- 收藏
- 关注
RSS订阅原创 Node.js 学习阶段总结-阶段1
JavaScript 运行时环境：让 JavaScript 能在服务器端运行基于 Chrome V8 引擎：高性能的 JavaScript 执行引擎事件驱动、非阻塞 I/O：适合 I/O 密集型应用单线程但通过事件循环处理并发：异步编程模型。
2026-01-09 15:55:05
169
原创 React函数式组件性能优化：常用方案实战
函数式组件常用优化可总结为3个核心方向，简单高效易落地：控重渲染：React.memo + useCallback/useMemo 组合，杜绝无效重渲染；优列表：稳定key + 虚拟列表，解决列表渲染卡顿；提首屏：React.lazy + Suspense 懒加载，减少首屏资源。记住：过早优化不可取！先保证代码可读性，当出现卡顿、加载慢等实际问题时，再用工具定位瓶颈，针对性应用上述优化方案即可。
2025-12-26 18:08:55
578
原创 Transformer架构：核心组成与工作原理拆解
Transformer之所以厉害，核心在于两点：一是用自注意力机制捕捉全局依赖，解决了RNN无法并行计算、难以捕捉长距离关系的问题；二是通过编码器-解码器结构和多头注意力，能灵活处理各种序列任务（翻译、生成、分类等）。正是这两个优势，让它成为了大模型的基础骨架。
2025-12-19 14:17:58
545
原创 React Hooks常用方法
useStateuseEffect：基础状态与副作用useContext：全局数据共享useReducer：复杂状态逻辑useRef：DOM 操作与持久值useMemo：性能优化函数组件 + Hooks 是 React 的未来，代码更清晰、逻辑更集中，强烈推荐在新项目中全面使用！有任何 Hooks 使用疑问，欢迎留言交流～
2025-12-12 15:44:10
368
原创 CSS布局选型指南：从流式到Grid的最优决策路径
CSS布局选型的核心并非追求“最新技术”，而是“匹配需求场景”。流式布局是基础，浮动布局是历史兼容的保障，Flex是一维布局的利器，Grid是二维布局的终极方案。掌握每种布局的核心优势，结合“维度-兼容性-维护成本”三维决策法，就能在开发中快速做出最优选择，既保证页面效果，又提升开发与维护效率。最后，布局技术仍在演进，但核心逻辑始终不变——用最简单的方案解决问题，就是最好的方案。
2025-12-05 14:53:49
487
原创 Gemini3：谷歌AI的推理革命，解锁通用智能新可能
Gemini3以推理能力为核心的突破，标志着AI从“辅助工具”向“协作伙伴”转变。其价值不仅在于技术指标领先，更在于让智能落地更高效、成本更低。无论是企业降本增效，还是个人提升效率，都需建立“技术赋能而非替代”的认知，做好风险防控。
2025-11-28 15:24:14
396
原创 React组件复用技巧：从基础到进阶的实践指南
自React 16.8引入Hook以来，自定义Hook成为了组件复用的“终极”方案。自定义Hook本质是一个以use开头的函数，内部可以调用其他Hook（如useState、useEffect），将通用逻辑抽离为独立的函数，实现状态逻辑的复用。它既避免了HOC的嵌套问题，又解决了Render Props的性能优化问题，是目前React官方推荐的首选复用方式。适用场景：所有需要复用的状态逻辑和副作用逻辑，如数据请求、表单处理、定时器管理等，几乎覆盖了HOC和Render Props的所有使用场景。
2025-11-21 11:26:56
528
原创 如何设计好盒子的嵌套结构：打造清晰高效的前端布局体系
盒子嵌套的第一步，是用语义化HTML标签明确每个盒子的角色，这不仅让代码更易读，也能提升SEO和可访问性。原则具体要求语义优先用正确的HTML标签定义盒子角色，提升可读性与可访问性布局清晰结合Flex、Grid和定位规则，分层设计布局结构，实现灵活响应样式可控用BEM、扁平选择器规范样式，利用继承减少冗余，避免样式冲突性能优化保持嵌套层级扁平，避免无意义冗余，提升渲染效率掌握这些原则，你就能在复杂的前端布局中，设计出语义清晰、维护简单、性能优异。
2025-11-14 18:36:51
953
原创 前端如何渲染 Markdown 格式：从基础到实战全指南
/ 自定义渲染器// 示例1：将<h1>标题改为带class的<h1 class="custom-h1">// 示例2：所有链接默认新窗口打开（添加target="_blank"）// 使用自定义渲染器前端渲染 Markdown 的核心是 “选对库 + 做好配置”：简单场景用marked.js快速实现，React 项目优先React-Markdown；需复杂扩展（如公式、表格）时，搭配对应的插件（remark-gfm/rehype-katex）；。
2025-11-07 15:25:21
1292
原创 React组件封装指南：从原则到实战的纯React视角
React 组件封装的本质是 “用 Hook 抽离逻辑，用 Props 控制变化，用 TypeScript 保障安全复用性与简洁性：通过 Hook 抽象通用逻辑，但不过度拆分组件；扩展性与易用性：暴露必要的配置项，但避免 Props 过多导致调用复杂；性能与开发效率：合理使用React.memo、useCallback优化性能，但不牺牲开发效率。优秀的 React 组件应具备 “自包含（逻辑闭环）、可配置（灵活扩展）、易维护（类型清晰）” 的特点，既能支撑业务快速迭代，也能在团队中高效复用。
2025-10-30 17:23:40
1015
原创 如何使用好Claude 4+Cursor进行开发：实战经验与最佳实践
在AI辅助编程的时代，Claude 4与Cursor的组合为开发者提供了前所未有的生产力提升。经过实际项目开发的深度体验，我总结了一套高效使用这个组合的方法论。
2025-10-17 20:19:45
850
原创 JavaScript 代码规范性：从这些方面重点提升
JavaScript 作为动态弱类型语言，灵活性高但也易出现 “混乱代码”—— 未声明的全局变量、不统一的函数风格、模糊的类型传递，都会让团队协作效率大打折扣。
2025-10-10 15:01:15
1019
原创 UmiJS - 插件化的企业级前端应用框架
Umi是可扩展的企业级前端应用框架。Umi 以路由为基础的，同时支持配置式路由和约定式路由，保证路由的功能完备，并以此进行功能扩展。然后配以生命周期完善的插件体系，覆盖从源码到构建产物的每个生命周期，支持各种功能扩展和业务需求。
2025-09-26 17:19:16
555
原创 聊天列表渲染优化：从卡顿到丝滑的实战方案
在即时通讯应用开发中，聊天列表看似简单，实则暗藏性能陷阱。当消息量达到上千条时，普通的渲染方式往往会出现滚动卡顿、操作延迟等问题。本文将从实际项目出发，解析聊天列表的性能瓶颈，并提供一套可落地的优化方案。
2025-09-07 12:32:55
305
原创 前端 SEO 优化指南：从原理到落地，让你的页面更易被搜索到
作为前端开发者，你是否遇到过 “页面写得再好，搜索引擎却搜不到” 的问题？其实，SEO（搜索引擎优化）不只是后端或运营的事 —— 前端代码的结构、性能、内容呈现方式，直接影响搜索引擎爬虫对页面的 “理解度” 和用户体验，进而决定页面在搜索结果中的排名。今天就从前端视角，拆解一套可落地的 SEO 优化方案，帮你的博客、官网或项目在搜索中 “脱颖而出”。。
2025-08-30 10:49:34
1198
原创 iconfont-tools 使用指南：轻松集成矢量图标到你的项目
iconfont-tools ——专门用于处理 Iconfont 图标的强大工具
2025-08-22 20:31:22
1006
1
原创 同一网络下进行前后端联调：前端视角
在我们的日常开发中，前端在自己的电脑上写页面，后端也在自己的电脑上跑服务，或是需要用手机测试移动端页面与后端的交互——这些都离不开“同一网络下联调”。相比于本地单机联调，跨设备联调多了一层网络配置的考验，但只要掌握核心逻辑，就能轻松打通前后端数据通路。本文将从环境准备、核心步骤、问题排查到进阶技巧，带你完整走一遍同一网络联调的流程。
2025-08-16 09:50:08
1375
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人