Web应用的生命周期(客户端)

　　典型的一个Web应用的生命周期从用户在浏览器输入一串URL,或者单击一个链接开始（就是访问一个页面）。而这个生命周期的结束就是我们关闭这个页面。

响应流程:

1. 用户输入一个 URL（生命周期开始）
2. 客户端生成一个请求到服务端
3. 服务端响应这个请求，并发送回客户端
4. 客户端处理HTML、CSS、Javascript代码构建页面
5. 构建并返回页面之后，并进行事件监听，一次处理一个事件（这些事件根据用户的操作来进行交互）
6. 用户退出这个页面（生命周期结束）

例子(本例来自《javascript:忍者秘籍》)

HTML:

<ul></ul>
<ul></ul>

 

javascript:

const ulList = document.querySelectorAll('ul');

function addMessage(element, message) {
    var messageElement = document.createElement('li');
    messageElement.innerHTML = message;
    element.appendChild(messageElement);
}

addMessage(ulList[0], 'Page loading');

document.body.addEventListener('mousemove', function () {
    addMessage(ulList[1], 'Event: mousemove');
});        

document.body.addEventListener('click', function () {
    ddMessage(ulList[1], 'Event: click');
});