> For the complete documentation index, see [llms.txt](https://bing.gitbook.io/phper/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bing.gitbook.io/phper/web/web-ji-chu-kai-fa.md).

# Web基础开发

一、页面的自适应

1. 基本上框架都能搞定，对于后端而言

二、研发-测试-监控

1. vuejs之类的数据响应
2. GraphQL自动化：定义一个查询树
3. 解决问题：请求多个资源时得载入多个 URL
4. 暴露数据库字段，方便前端获取想到的数据。（视图勾选生成）
5. 好处：方便查看拼写错误，调整代码方便
6. 展示列表页的数据，定义想要的其他数据
7. UI自动化

三、框架核心

1. 数据
2. 数据在哪？ 1. saga:数据放到一个通道中，防止混乱。
3. 数据的生命周期是怎样的？ 1. 数据复制：方便排错。（Vue估计还好）
4. 逻辑
5. 业务逻辑 1. 业务流程图、时序图、决策树 （流程图即代码） 2. 数据驱动 3. 事件驱动
6. 调用关系分析 1. 尽量转主动为被动 2. 尽量片段化 3. 消除用户代码中的副作用和对外部作用域中变量的依赖