从今天开始记录每天的学习情况，加油。看看三个月之后有没有能力进项目组
1 一次完整的网络请求
域名解析- 三次握手set up connection-- http request--server responds-client receive data, 解析和渲染界面
https://www.jianshu.com/p/5c66dec332b3
2 现代SPA的原理本质
SPA (single page application)
在传统应用程序中，在每次应用程序调用服务器时，服务器都需要渲染整个HTML页面。相应地，客户端会接收到被渲染的页面，并触发整个页面的刷新。因此在这种情况下，浏览器扮演的就是客户端的角色。
在单页Web应用程序中，当浏览器向服务器发出***个请求时，服务器会返回一个index.html文件。就这么简单，不过这也是全程唯一提供HTML文件的一次。该HTML文件为.js类型的文件准备了一个脚本标签，而该标签正好可以被用来控制index.html页面。由于所有后续的调用都只会返回JSON格式的数据，因此应用程序也就使用此类JSON数据，来动态地更新页面。不过值得注意的是，该页面将不再也永远不会被重新加载。
https://developer.51cto.com/art/201903/593199.htm
3 Developer vs DevOps
a Software Developer is a person that creates a software program or maintains an existing one
Devops is a culture where the Development and Operations teams collaborate to implement a set of practices in order to automate, integrate, and accelerate deploy cycles.
A DevOps Engineer is an IT engineer who understands the Software Development Life Cycle and uses this to oversee the code releases. They work with software developers, system operators, and IT operations staff to manage the continuous automated process. They also ensure that the systems are running smoothly.
https://www.clickittech.com/devops/devops-vs-developer/
https://www.fabricgroup.com.au/blog/devops-vs-software-engineer-which-one-do-you-need
4 Agile在开发中的作用
敏捷是一种使用1至4周的短迭代的软件开发方法的迭代方法。由于敏捷方法，开发过程是一致的，以满足不断变化的业务需求。使用敏捷方法，软件分发(版本发布)紧凑，更少。
Product Owner主要负责构建正确的产品；
Dev Team负责以正确的方式构建产品；
ScrumMaster则主要负责帮助产品负责人和开发团队中的每个人理解和拥抱Scrum的价值观、原则和实践。
https://www.yiibai.com/agile/agile-vs-scrum.html
http://www.woshipm.com/pmd/1573784.html
5 CI/CD的用处
https://www.redhat.com/zh/topics/devops/what-is-ci-cd
CI/CD 中的“CI”始终指持续集成Continuous Integration，它属于开发人员的自动化流程。成功的 CI 意味着应用代码的新更改会定期构建、测试并合并到共享存储库中。该解决方案可以解决在一次开发中有太多应用分支，从而导致相互冲突的问题。
CI/CD 中的“CD”指的是持续交付和/或持续部署ontinuous Delivery，这些相关概念有时会交叉使用。两者都事关管道后续阶段的自动化，但它们有时也会单独 使用，用于说明自动化程度。
持续部署（另一种“CD”）Continuous Deployment指的是自动将开发人员的更改从存储库发布到生产环境，以供客户使用。它主要为了解决因手动流程降低应用交付速度，从而使运维团队超负荷的问题。持续部署以持续交付的优势为根基，实现了管道后续阶段的自动化
6 Chrome Developer Tools (DevTools)
https://x5.tencent.com/document/doc-inspector.html
Inspector用于为前端开发者提供调试网站所需要的信息，使开发者能更高效地跟踪网页布局过程、站内资源、设置JS断点等等。
官网参考快捷键：https://developer.chrome.com/devtools/docs/shortcuts一些console指令：https://developer.chrome.com/devtools/docs/commandline-api基本的方法：https://developer.chrome.com/devtools/docs/dom-and-stylesDebug JS的进阶：https://developer.chrome.com/devtools/docs/javascript-debuggingtips and tricks：https://developer.chrome.com/devtools/docs/tips-and-tricks
