JavaScript和快速响应的用户界面

JavaScript和用户界面更新在同一个进程中运行，因此一次只能处理一件事情。这意味着当JavaScript代码正在运行时，用户界面不能响应输入，反之亦然。高效地管理UI线程就是要确保Javascript不能运行太长时间，以免影响用户体验。

任何JavaScript任务都不应该执行超过100毫秒。

JavaScript运行期间，浏览器响应用户交互的行为存在差异。

定时器可用来安排代码延迟执行，它使得你可以把长时间运行脚本分解成一系列的小任务。

Web应用越复杂，积极主动的管理UI线程就越重要。

1. 浏览器UI线程

2. 定时器

　setTimeout(greeting, 250);创建一个只执行一次的定时器

　setInterval(greeting, 250)创建一个周期性重复运行的定时器

转载于:https://www.cnblogs.com/floraCnblogs/p/js-setting-time.html

JavaScript和快速响应的用户界面相关推荐

高性能 JavaScriptの五 -- 快响应用户界面
快速响应的用户界面你愿意体验一个交互流畅的网页,还是愿意体验一个点击后卡一会儿才响应的页面(如在学校抢课时网页)? 好的JavaScript编写方式能够提升页面交互响应的速度,以下知识可进行了解与应 ...
《高性能JavaScript》第六章快速响应的用户界面
6.1 浏览器UI线程浏览器UI线程:用于执行JavaScript和更新用户界面的进程.UI线程的工作基于一个简单的队列系统,任务会被保存到队列中直到进程空闲. ------------------ ...
JavaScript性能优化 DOM编程
最近在研读<高性能JavaScript>,在此做些简单记录.示例代码可在此处查看到. 一.DOM 1)DOM和JavaScript 文档对象模型(DOM)是一个独立于语言的,用于操作XML ...
高性能JavaScript 读书笔记
第一章:加载和执行浏览器的JavaScript的引擎是编译器层的优化: 当浏览器执行JavaScript代码时,不能同时做其他任何事情(单一进程),意味着<script>标签每次出现都霸 ...
使用 JavaScript 的代价！（2018 版）
(点击上方公众号,可快速关注) 英文:Addy Osmani 译文:开源中国 www.oschina.net/translate/the-cost-of-javascript-in-2018 建立交 ...
【读书笔记】《高性能JavaScript》
缺陷这本书是2010年出版的,这本书谈性能是有时效性的,现在马上就2018年了,这几年前端发展的速度是飞快的,书里面还有一些内容考虑IE6.7.8的东西,殊不知现在这些都已经不再考虑了,所以不可避免 ...
oracle非常量不能用于privot_Oracle 行列转换函数pivot、unpivot的使用（二）
一.行转列pivot 关键函数pivot,其用法如下 pivot(聚合函数 for 列名 in(类型)) select * from table_name pivot(max(column_name) ...
web前端页面性能优化（提升页面加载速度）
我们都知道,对于web应用来说性能很重要,然而性能的优化相关知识非常庞大而复杂,对于性能优化我们需要做些什么,或者瓶颈是什么通常是我们不太了解的.(当然技术大牛除外) 通过查阅相关资料,了解到了一些关 ...
1.QML语法、属性和元素
QML是一种声明性语言,用于描述应用程序的用户界面.QML可以将用户界面分解,也可以将界面元素组合为组件. QML描述了这些用户界面元素的外观和行为. 支持JavaScript来丰富此用户界面描述,以 ...

JavaScript和快速响应的用户界面

JavaScript和快速响应的用户界面相关推荐

最新文章

热门文章