Flutter 鸿蒙实战：用 connectivity_plus 三方库给应用加一个网络状态检测面板

很多 App 在弱网时体验很差：用户点了一键换网络、连上公司 Wi-Fi、或视频加载失败，页面却不知道该提示还是该重试。要在鸿蒙应用里实时知道当前是 Wi-Fi 还是有线还是蜂窝，可以接一个现成的网络连接状态库。这次选了，做一个叫 NetPulse 的小 Demo。功能很简单：进页面先查一次当前网络类型，之后网络一变，页面就自动跟着变；右上角还有个“刷新状态”按钮，随时手动再查一次。开始阅读、断网

HarmonyOS用 ArkTS 描述界面，让数据驱动渲染

命令式编程里，你要告诉程序"怎么做"——先创建按钮，再设置它的位置，再绑定点击回调。每一步都是具体的操作指令。声明式编程里，你只告诉程序"要什么"——这里有个按钮，文字是"登录"，点它触发这个动作。至于按钮怎么绘制、怎么布局、怎么响应，统统交给框架。关键区别：声明式里count++之后你没有碰任何 UI 代码，但界面会自动更新。这就是"数据驱动 UI"，开发者只写引起界面变化的数据，界面怎么变交给

用 HML + CSS + JS 三段式写鸿蒙界面

但你如果打算做长期维护的应用，还是尽早转声明式——数据驱动 UI 的写法在状态多了之后明显更省心，不用在 JS 里手动管理一堆 DOM 更新。Engine 层负责构建 DOM 树和布局计算，这正是声明式范式省掉的部分，也是类 Web 范式性能略逊的原因。是双向感知的（数据驱动 UI，事件回调写回数据），类 Web 范式里这个"写回"要自己在事件里做，这就是单向和双向在开发体验上的差别。类 Web