- 博客(16)
- 收藏
- 关注
RSS订阅原创 Flutter 第三阶段：基础 Widget 全面指南
Flutter采用“一切皆Widget”的设计理念，Widget作为UI最小构建单元，是不可变的配置描述。
2026-04-07 15:23:16
1745
14
原创 Dart 语言核心：Flutter 开发者必须掌握的基础
本文系统介绍了Dart编程语言的五个核心模块：基础语法、函数、面向对象、空安全和异步编程。
2026-04-02 16:14:59
4071
17
原创 Flutter 开发环境搭建：从零到第一次运行
这篇文章把整个流程走一遍，每个常见坑都标出来，按步骤做下去，最终目标是在你的电脑上成功运行第一个 Flutter 应用。
2026-04-01 11:01:17
4635
16
原创 Flutter 学习路线 · 知识点大纲
Flutter开发学习路线（10周速成指南） 这份学习计划系统规划了从零开始掌握Flutter开发的完整路径。
2026-03-24 14:50:29
7801
14
原创 状态管理与响应式编程 —— 驾驭复杂应用的“灵魂工程”
Flutter状态管理是构建高效应用的核心，其本质在于设计可预测、可追踪的数据流向方案。
2026-03-23 16:21:37
4540
16
原创 UI 构建系统 —— “万物皆 Widget”的哲学
Flutter的UI构建系统以"组合优于继承"为核心思想，通过原子化Widget实现灵活界面开发。
2026-03-20 17:03:15
8166
10
原创 异步编程：Event Loop 与 Isolate 的深层博弈
Flutter采用单线程模型配合Isolate实现高效异步处理。Event Loop通过Microtask和Event双队列机制调度任务，确保UI流畅。耗时计算可通过Isolate实现真正并行，而compute函数简化了多线程操作。开发时JIT支持热重载，发布时AOT编译为机器码提升性能。合理选择Future或Isolate处理不同任务，是平衡性能与效率的关键。这套"单线程为主，多线程为辅"的架构，配合原生执行效率，构成了Flutter高性能的底层基础。
2026-03-19 14:20:03
9898
14
原创 三棵树的生命周期：深度理解 Flutter 的高效内核
Flutter UI渲染由三棵树协同完成：Widget树作为轻量级不可变配置，Element树管理生命周期并连接Widget与RenderObject，RenderObject树负责实际布局和绘制。关键优化机制是canUpdate方法，通过比较Widget类型和Key决定是否复用Element和RenderObject，避免不必要的重建。开发者应善用const Widget、合理设置Key并控制build粒度来提升性能。理解这三棵树的协作机制是掌握Flutter开发的核心基础。
2026-03-16 11:25:52
11640
21
原创 渲染流水线：从代码到像素的“非凡旅程”
Flutter的渲染流程与传统原生开发不同，它采用类似游戏引擎的方式自行控制每一帧绘制。整个过程分为四个关键阶段：构建（Widget转Element）、布局（约束传递与尺寸计算）、绘制（生成指令而非直接绘制）和光栅化（GPU处理）。这种设计通过局部更新、单向数据流和硬件加速实现了高效渲染，其中Element Tree复用支持热重载，约束传递机制确保布局精确性，而分层绘制则优化了渲染性能。理解这一流程对掌握Flutter高级开发至关重要。
2026-03-12 13:59:25
9242
13
原创 分层架构的协同艺术——解构 Flutter 的心脏
Flutter架构深度解析：三层协同实现跨平台高性能渲染。本文深入剖析了Flutter框架的三层架构设计原理。
2026-03-09 09:51:14
7143
15
原创 深入理解 Three.js Renderer：从像素到屏幕的艺术
本文深入解析了Three.js中WebGLRenderer的核心工作原理与优化策略。渲染器作为3D渲染的"放映机"，负责坐标转换、视锥体剔除和GPU绘制调用。文章详细介绍了关键配置参数（如颜色空间、像素比）、性能优化技巧（减少Draw Calls、实例化渲染）以及调试方法（利用renderer.info监控性能指标）。掌握这些知识能帮助开发者从基础3D展示进阶到构建高性能工业级应用。
2026-03-03 11:56:00
17842
7
原创 搞懂 Three.js Camera，你才真正理解 3D 渲染
本文围绕 **Three.js 中的 Camera** 展开，系统讲解了透视相机与正交相机的使用方式与核心区别，并深入分析了 FOV、aspect、near、far 等关键参数对渲染效果与深度精度的影响。同时结合视图矩阵与投影矩阵的底层原理，解释了三维场景如何映射到二维屏幕，并延伸到 OrbitControls 的实现逻辑、常见问题排查以及多相机实战方案。文章兼顾原理与实践，帮助前端开发者真正理解 Camera 在 Three.js 渲染体系中的核心作用。
2026-02-26 14:46:36
8951
5
原创 Scene 到底是什么？别再把它当“容器”这么简单
本文深入解析了 three.js 中的 Scene 概念，指出其不仅是简单的容器，而是整个渲染的根节点和上下文。Scene 承担组织层级结构、决定渲染对象、作为渲染入口三大核心功能，支持添加 Mesh、Light、Camera 和 Group 等元素。文章强调了工程化组织 Scene 的重要性，包括使用 Group 管理结构、合理设置背景/雾效/环境贴图等属性，以及注意生命周期管理和资源清理。最后总结了常见误区，并指出良好的 Scene 设计等同于项目架构设计。
2026-02-10 17:30:50
8101
3
原创 从 0 到 1 在浏览器里点亮你的第一个 3D 世界
本文介绍了Three.js的核心概念和使用方法。Three.js是一个在浏览器中创建3D场景的JavaScript库，其核心围绕场景(Scene)、相机(Camera)和渲染器(Renderer)三个对象展开。文章详细讲解了如何搭建最小运行环境、创建3D场景、添加立方体等物体、实现动画效果以及添加光照增强真实感。同时指出了新手常见的问题，如黑屏、物体显示异常等，并提供了解决方案。最后建议了进阶学习方向，帮助读者逐步掌握Three.js的3D开发能力。
2026-02-06 15:18:07
11620
10
空空如也
message提示信息设置多行内容
2023-06-05
ant design vue树形控件
2023-03-17
i18n可以实现整个网站项目的中英文切换吗
2023-03-23
vue-element-admin
2023-03-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人