当前位置： 移动技术网 > IT编程>开发语言>JavaScript > Web应用的生命周期(客户端)

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

2019年05月15日  | 移动技术网IT编程  | 我要评论

　　典型的一个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');
});

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网