第 19 章|页面返回和清理怎么处理
第 19 章页面返回和清理怎么处理这一章讲返回和清理重点是把临时输入清掉把真正有用的状态留下来。01 返回前先保存这一节不是只给一句结论而是把“返回前先保存”放进整个 第 19 章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是返回前先保存 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示onBack():void{this.editingAddrfalse;this.addrInput;this.persistSettings();}这里的要点保存要覆盖用户真的会改的字段不能只存一半。恢复要容错旧数据缺字段时也要能工作。持久化写完后重进页面要能读回原状态。返回前先保存这一节的重点不是把内容写满而是把这一点和整页链路接起来。02 编辑态要关闭这一节不是只给一句结论而是把“编辑态要关闭”放进整个 第 19 章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是编辑态要关闭 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示onBack():void{this.editingAddrfalse;this.addrInput;this.persistSettings();}这里的要点先把 02 编辑态要关闭讲清楚别只留一句结论。再把它和状态、保存、恢复连起来。最后用代码或流程图把闭环落实。编辑态要关闭这一节的重点不是把内容写满而是把这一点和整页链路接起来。03 临时输入要清掉这一节不是只给一句结论而是把“临时输入要清掉”放进整个 第 19 章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是临时输入要清掉 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示onBack():void{this.editingAddrfalse;this.addrInput;this.persistSettings();}这里的要点先把 03 临时输入要清掉讲清楚别只留一句结论。再把它和状态、保存、恢复连起来。最后用代码或流程图把闭环落实。临时输入要清掉这一节的重点不是把内容写满而是把这一点和整页链路接起来。04 有效状态要保留这一节不是只给一句结论而是把“有效状态要保留”放进整个 第 19 章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是有效状态要保留 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示onBack():void{this.editingAddrfalse;this.addrInput;this.persistSettings();}这里的要点先把 04 有效状态要保留讲清楚别只留一句结论。再把它和状态、保存、恢复连起来。最后用代码或流程图把闭环落实。有效状态要保留这一节的重点不是把内容写满而是把这一点和整页链路接起来。05 返回后要回主页这一节不是只给一句结论而是把“返回后要回主页”放进整个 第 19 章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是返回后要回主页 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示onBack():void{this.editingAddrfalse;this.addrInput;this.persistSettings();}这里的要点返回前要清临时态但不能误删真正的数据。编辑态和浏览态要分开避免返回后残留半截输入。返回逻辑要和导航保持一致。返回后要回主页这一节的重点不是把内容写满而是把这一点和整页链路接起来。06 导航要统一这一节不是只给一句结论而是把“导航要统一”放进整个 第 19 章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是导航要统一不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示onBack():void{this.editingAddrfalse;this.addrInput;this.persistSettings();}这里的要点先把 06 导航要统一讲清楚别只留一句结论。再把它和状态、保存、恢复连起来。最后用代码或流程图把闭环落实。导航要统一这一节的重点不是把内容写满而是把这一点和整页链路接起来。07 清理要轻这一节不是只给一句结论而是把“清理要轻”放进整个 第 19 章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是清理要轻 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示onBack():void{this.editingAddrfalse;this.addrInput;this.persistSettings();}这里的要点返回前要清临时态但不能误删真正的数据。编辑态和浏览态要分开避免返回后残留半截输入。返回逻辑要和导航保持一致。清理要轻。 这一节的重点不是把内容写满而是把这一点和整页链路接起来。08 冗余状态要少这一节不是只给一句结论而是把“冗余状态要少”放进整个 第 19 章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是冗余状态要少 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示onBack():void{this.editingAddrfalse;this.addrInput;this.persistSettings();}这里的要点先把 08 冗余状态要少讲清楚别只留一句结论。再把它和状态、保存、恢复连起来。最后用代码或流程图把闭环落实。冗余状态要少这一节的重点不是把内容写满而是把这一点和整页链路接起来。09 操作要可重复这一节不是只给一句结论而是把“操作要可重复”放进整个 第 19 章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是操作要可重复 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示privatecancelEdit():void{this.editingAddrfalse;this.addrInput;this.refreshPreview();}这里的要点先把 09 操作要可重复讲清楚别只留一句结论。再把它和状态、保存、恢复连起来。最后用代码或流程图把闭环落实。操作要可重复这一节的重点不是把内容写满而是把这一点和整页链路接起来。10 退出要稳这一节不是只给一句结论而是把“退出要稳”放进整个 第 19 章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是退出要稳不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示privatecancelEdit():void{this.editingAddrfalse;this.addrInput;this.refreshPreview();}这里的要点先把“退出要稳”讲清楚别只留一句结论。再把它和状态、保存、恢复连起来。最后用代码或流程图把闭环落实。“退出要稳”这一节的重点不是把内容写满而是把这一点和整页链路接起来。11 恢复要顺这一节不是只给一句结论而是把“恢复要顺”放进整个 第 19 章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是恢复要顺 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示privatecancelEdit():void{this.editingAddrfalse;this.addrInput;this.refreshPreview();}这里的要点保存要覆盖用户真的会改的字段不能只存一半。恢复要容错旧数据缺字段时也要能工作。持久化写完后重进页面要能读回原状态。恢复要顺。这一节的重点不是把内容写满而是把这一点和整页链路接起来。12 返回要明确这一节不是只给一句结论而是把“返回要明确”放进整个 第19章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是返回要明确 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示privatecancelEdit():void{this.editingAddrfalse;this.addrInput;this.refreshPreview();}这里的要点返回前要清临时态但不能误删真正的数据。编辑态和浏览态要分开避免返回后残留半截输入。返回逻辑要和导航保持一致。返回要明确 这一节的重点不是把内容写满而是把这一点和整页链路接起来。13 边界要清楚这一节不是只给一句结论而是把“边界要清楚”放进整个 第 19 章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是边界要清楚 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示privatecancelEdit():void{this.editingAddrfalse;this.addrInput;this.refreshPreview();}这里的要点先把 13 边界要清楚讲清楚别只留一句结论。再把它和状态、保存、恢复连起来。最后用代码或流程图把闭环落实。边界要清楚这一节的重点不是把内容写满而是把这一点和整页链路接起来。14 用户要可预期这一节不是只给一句结论而是把“用户要可预期”放进整个 第19章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是用户要可预期 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示privatecancelEdit():void{this.editingAddrfalse;this.addrInput;this.refreshPreview();}这里的要点先把 14 用户要可预期 讲清楚别只留一句结论。再把它和状态、保存、恢复连起来。最后用代码或流程图把闭环落实。用户要可预期 这一节的重点不是把内容写满而是把这一点和整页链路接起来。15 页面切换要稳定这一节不是只给一句结论而是把“页面切换要稳定”放进整个 第19章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是页面切换要稳定 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示privatecleanupBeforeLeave():void{this.editingAddrfalse;this.addrInput;this.persistSettings();this.subPageReturnTabhome;}这里的要点先把 15 页面切换要稳定 讲清楚别只留一句结论。再把它和状态、保存、恢复连起来。最后用代码或流程图把闭环落实。页面切换要稳定 这一节的重点不是把内容写满而是把这一点和整页链路接起来。16 临时值要隔离这一节不是只给一句结论而是把“临时值要隔离”放进整个 第19章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是临时值要隔离 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示privatecleanupBeforeLeave():void{this.editingAddrfalse;this.addrInput;this.persistSettings();this.subPageReturnTabhome;}这里的要点先把 16 临时值要隔离 讲清楚别只留一句结论。再把它和状态、保存、恢复连起来。最后用代码或流程图把闭环落实。临时值要隔离 这一节的重点不是把内容写满而是把这一点和整页链路接起来。17 退出要可追踪这一节不是只给一句结论而是把“退出要可追踪”放进整个 第19章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是退出要可追踪 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示privatecleanupBeforeLeave():void{this.editingAddrfalse;this.addrInput;this.persistSettings();this.subPageReturnTabhome;}这里的要点先把 17 退出要可追踪 讲清楚别只留一句结论。再把它和状态、保存、恢复连起来。最后用代码或流程图把闭环落实。退出要可追踪 这一节的重点不是把内容写满而是把这一点和整页链路接起来。18 清理要一致这一节不是只给一句结论而是把“清理要一致”放进整个 第19章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是清理要一致 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示privatecleanupBeforeLeave():void{this.editingAddrfalse;this.addrInput;this.persistSettings();this.subPageReturnTabhome;}这里的要点返回前要清临时态但不能误删真正的数据。编辑态和浏览态要分开避免返回后残留半截输入。返回逻辑要和导航保持一致。清理要一致 这一节的重点不是把内容写满而是把这一点和整页链路接起来。19 体验要连贯这一节不是只给一句结论而是把“体验要连贯”放进整个 第19章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是体验要连贯 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示privatecleanupBeforeLeave():void{this.editingAddrfalse;this.addrInput;this.persistSettings();this.subPageReturnTabhome;}这里的要点先把 19 体验要连贯 讲清楚别只留一句结论。再把它和状态、保存、恢复连起来。最后用代码或流程图把闭环落实。体验要连贯 这一节的重点不是把内容写满而是把这一点和整页链路接起来。20 本章结论这一节不是只给一句结论而是把“本章结论”放进整个 第19章 的链路里看。读者需要看到输入、处理和结果所以这里会把实现边界也一起讲清。这一节的落点是本章结论 不能只停在页面上看起来对还要真的参与到保存、恢复和验证里。代码演示privatecleanupBeforeLeave():void{this.editingAddrfalse;this.addrInput;this.persistSettings();this.subPageReturnTabhome;}这里的要点先把 20 本章结论 讲清楚别只留一句结论。再把它和状态、保存、恢复连起来。最后用代码或流程图把闭环落实。本章结论 这一节的重点不是把内容写满而是把这一点和整页链路接起来。本章小结这一章把一个点讲透以后下一章才能继续往下接不会停留在只会看结果的层面。流程图点击返回保存状态清理临时输入回到主页恢复导航验证方式先看每个小标题下面是不是都有正文和代码。再看要点是不是围绕这个小标题本身展开。最后看流程图能不能把这一章的链路串起来。