CSS 层叠、盒模型与响应式布局
CSS 的难点往往来自几个规则同时生效。先确定某条声明为什么胜出，再分析元素如何取得尺寸，最后才调整视觉细节。不断补更强的选择器会让局部修复变成全站负担。 ...
前端
Flutter 的 Widget、状态与布局约束
Flutter 使用 Dart 描述 Widget 树，由框架与渲染引擎协作完成界面。它的 Web 输出不等同于手写 HTML/CSS，移动端也不等同于把网页装进浏览器。共享业务与 UI 代码仍需处理平台能力、输入、可访问性和发布差异。 ...
Flutter 跨端应用路线
这条路线不要求先学 React 或 Vue。Dart 语法入口、空安全和 Future 放在 Flutter 核心文中；遇到不熟悉的语言结构，可沿文中官方语言资料补练。 先解释 Widget、Element、State 和布局约束，再运行记录板。新增、完成和筛选均按业务 ID 操作；把过滤后的索引直接当成原始索引，容易修改错误记录。通过组件测试观察状态变化，并检查输入控制器是否释放。 ...
Flutter 实践：表单、列表与组件测试
本例用 Material 控件实现新增、完成和待学过滤，使用 ListView.builder 按需构建条目。业务记录是不可变值，输入控制器在 dispose 中释放。数据没有持久化，刷新或重启会重置。 创建与运行 安装 Flutter 稳定 SDK，先运行 flutter doctor 检查目标平台工具。在独立目录建立工程： ...
JavaScript 值、作用域与对象模型
JavaScript 的变量保存值。数值、字符串、布尔值等是原始值；对象值允许多处代码访问同一个对象。函数参数也按值传递，传入对象时复制的是对象引用这个值。修改对象属性会被其他持有者看到，重新给参数赋值不会替调用者换掉变量。 ...
Promise、取消与事件循环
异步程序仍要回答两个问题：工作什么时候继续，结果是否还属于当前操作。Promise 表达未来的完成或失败，不会自动把计算搬到后台。async 函数在遇到 await 前仍同步执行；await 后的继续执行通过微任务安排。 ...
React Native 的原生组件与平台边界
React Native 沿用 React 的组件与状态模型，渲染目标是平台组件。View、Text、TextInput 不是 div、p、input 的简单改名；样式、事件、文本布局和原生能力都有自己的契约。网页代码中的 document、CSS 选择器和 localStorage 不能直接作为跨平台方案。 ...
React Native 跨端应用路线
React Native 复用 React 数据流，但不要求把完整 Web 项目先做一遍。React 核心文中的 DOM 与浏览器示例用于理解边界，原生界面使用 View、Text、TextInput 与 Pressable 等组件。 ...
React Native 实践：输入、长列表与安全区域
本项目用 TextInput、Pressable、FlatList 和安全区域组件实现新增、完成和过滤。它保留 React 的单向数据流，同时处理原生控件和屏幕边界。数据在内存中，退出重启会重置；没有接入远程同步。 ...
React 的渲染、状态与副作用
React 组件根据 props 和当前 state 返回界面描述。渲染阶段应保持纯净，不能在函数体里发请求、写存储或启动订阅。React 决定需要提交的变化后再更新宿主界面；并非每次组件函数执行都对应一次可见 DOM 更新。 ...