Web应用的生命周期(客户端)
程序员文章站
2022-04-15 15:48:59
典型的一个Web应用的生命周期从用户在浏览器输入一串URL,或者单击一个链接开始(就是访问一个页面)。而这个生命周期的结束就是我们关闭这个页面。 响应流程: 例子(本例来自《javascript:忍者秘籍》) HTML: javascript: ......
典型的一个web应用的生命周期从用户在浏览器输入一串url,或者单击一个链接开始(就是访问一个页面)。而这个生命周期的结束就是我们关闭这个页面。
响应流程:
- 用户输入一个 url(生命周期开始)
- 客户端生成一个请求到服务端
- 服务端响应这个请求,并发送回客户端
- 客户端处理html、css、javascript代码构建页面
- 构建并返回页面之后,并进行事件监听,一次处理一个事件(这些事件根据用户的操作来进行交互)
- 用户退出这个页面(生命周期结束)
例子(本例来自《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'); });
上一篇: 编写类-汽车类
下一篇: python3:判断手机的亮屏状态