前端编程思想

1. 局部组件建模思想

1. 完成组件的模板层静态模板构建
2. 完成组件的数据层静态数据设计
3. 根据业务需求和功能需求完成组件的业务功能构建

1. 滑动切换版tab页分段请求建模思想

（1）完成tab导航组件的组件建模

（2）完成tab子页面的页面组件的数据结构的雏形(如果没有demo参考可以在最后再分析构建)

（3）完成tab子页面的页面组件中的所有局部组件的静态内容构建

 ( 4 ) 完成tab子页面的页面面组件中的所有局部组件的模拟数据的数据结构构建实现静态内容动态输出

1. 根据业务需求和组件功能完成tab子页面组件的页面组件中的所有局部组件的组件功能数据结构的编写

1. 非滑动切换版tab页面分段请求建模思想

(1)完成tab导航组件的组件建模

(2)完成tab子页面的页面组件的数据结构的雏形(如果没有demo参考可以在最后再分析构建)

(3)完成tab子页面的页面组件中的所有局部组件的静态内容构建

(4) 通过分情况静态测试，测试不同情况下的局部组件显示是否正常

(5) 通过定义主页页面组件的子页面信息的局部组件数据集，完成子页面的局部组件的动态输出

注：

局部组件的数据集的更新由tab导航被点击后根据导航所对应的索引找到与索引匹配的子页面数据结构

这个子页面数据结构的数据集存储在APP应用的全局属性

例如小程序的全局属性 vue的vuex全局状态管理

这个数据结构从哪儿获取？

APP应用启动时请求后台获取

缓存建模思想

一．完成这个缓存信息的栈缓存

1. 如果这个缓存信息为2个页面或两个页面以上共用，缓存属性定义在app应用的全局属性

例如小程序的全局属性 vue的vuex全局状态管理

1. 如果这个缓存信息为1个页面使用，这个缓存属性定义在当前页的页面属性中
2. 找到需要缓存的数据的数据获取函数，在获取数据后将数据进行构建存储
3. 对获取函数的缓存信息的获取代码的执行进行限制，如果属性中已存在这个缓存数据结构就执行,否则不执行

• 完成这个缓存信息的浏览器内核的缓存，就是浏览器的storage

1. 对栈缓存的写入缓存的代码新增storage写入代码，当数据写入栈中的这个对象的属性中时，同时将这个对象的属性信息存入storage
2. 对这个对象的栈缓存属性信息在对象初始化时通过storage读取，如果读取成功就获取

插件建模思想

1. 完成这个插件在页面的基础功能
2. 逐一设计插件的配置参数并将外部获取的变量逐一集成到配置参数