NOTE: A new feature that is still m

NOTE: A new feature that is still much in flux at the writing of this book for handling animations in the browser (including DOM, canvas, and WebGL) is requestAnimationFrame(). Using this function will allow for smoother graphics and allow the browser to optimize concurrent animations into a single repaint cycle. If the code is running in a hidden tab, the loop will not execute until the tab is brought back into focus, greatly decreasing CPU, GPU, and memory consumption, thus increasing battery life for mobile devices. The requestAnimationFrame function (there are slight browser-specific variances of this) helps actually scheduling at a known interval in the browser execution queue, whereas functions such as setInterval and setTimeout only queue the functions for possible execution (which can lead to issues if timing is important).

Kết quả (Việt) 1:

Lưu ý: Các tính năng mới là vẫn còn nhiều thông lượng tại các văn bản của cuốn sách này để xử lý hình ảnh động trong trình duyệt (bao gồm DOM, vải và WebGL) là requestAnimationFrame(). Bằng cách sử dụng chức năng này sẽ cho phép cho mượt mà hơn đồ họa và cho phép trình duyệt để tối ưu hóa hình ảnh động đồng thời vào một chu kỳ repaint duy nhất. Nếu mã này đang chạy trong một tab ẩn, vòng lặp sẽ không thực hiện cho đến khi tab được đưa trở lại vào tập trung, rất nhiều giảm CPU, GPU và tiêu thụ bộ nhớ, do đó tăng tuổi thọ pin cho thiết bị di động. Chức năng requestAnimationFrame (có nhẹ dành riêng cho trình duyệt chênh lệch này) giúp thực sự lập kế hoạch tại một khoảng thời gian được biết đến trong hàng đợi thực hiện trình duyệt, trong khi các chức năng như setInterval và setTimeout chỉ xếp hàng các chức năng để có thể thực hiện (mà có thể dẫn đến vấn đề nếu thời gian là quan trọng).

Kết quả (Việt) 2:

LƯU Ý: Một tính năng mới mà vẫn còn có nhiều thay đổi liên tục tại các văn bản của cuốn sách này để xử lý hình ảnh động trong trình duyệt (bao gồm cả DOM, vải, và WebGL) là requestAnimationFrame (). Sử dụng chức năng này sẽ cho phép đồ họa mượt mà hơn và cho phép trình duyệt để tối ưu hóa hình ảnh động đồng thời vào một chu kỳ vẽ lại đơn lẻ. Nếu đang chạy trong một tab ẩn, vòng lặp sẽ không được thực hiện cho đến khi tab được đưa trở lại vào tập trung, giảm rất nhiều CPU, GPU, và tiêu thụ bộ nhớ, do đó tăng tuổi thọ pin cho các thiết bị di động. Các chức năng requestAnimationFrame (có chênh lệch trình duyệt cụ thể nhẹ này) giúp thực sự lập kế hoạch tại một khoảng thời gian được biết đến trong hàng đợi thực hiện trình duyệt, trong khi các chức năng như setInterval và setTimeout chỉ xếp hàng các chức năng để thực hiện tốt (có thể dẫn đến các vấn đề nếu thời gian là quan trọng).