Suche senden
Hochladen
倒计时优化点滴
•
4 gefällt mir
•
656 views
J
j5726
Folgen
懒懒keynote, http://www.oncoding.cn/2011/javascript-flyweight/
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 41
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
非同期javascriptの過去と未来
非同期javascriptの過去と未来
Taketoshi 青野健利
jsDay 2016 recap
jsDay 2016 recap
Giorgio Cefaro
Boulder Ruby Statsd
Boulder Ruby Statsd
Mark Morris
clara-rules
clara-rules
Ikuru Kanuma
Engineering JavaScript
Engineering JavaScript
Jim Purbrick
人間では判定できない101すくみじゃんけんをコンピュータに判定させたい for Keras.js
人間では判定できない101すくみじゃんけんをコンピュータに判定させたい for Keras.js
KatsuyaENDOH
Arduino & node.js
Arduino & node.js
Steven Beeckman
Practical project automation
Practical project automation
Reinout van Rees
Empfohlen
非同期javascriptの過去と未来
非同期javascriptの過去と未来
Taketoshi 青野健利
jsDay 2016 recap
jsDay 2016 recap
Giorgio Cefaro
Boulder Ruby Statsd
Boulder Ruby Statsd
Mark Morris
clara-rules
clara-rules
Ikuru Kanuma
Engineering JavaScript
Engineering JavaScript
Jim Purbrick
人間では判定できない101すくみじゃんけんをコンピュータに判定させたい for Keras.js
人間では判定できない101すくみじゃんけんをコンピュータに判定させたい for Keras.js
KatsuyaENDOH
Arduino & node.js
Arduino & node.js
Steven Beeckman
Practical project automation
Practical project automation
Reinout van Rees
New feature of async fakeAsync test in angular
New feature of async fakeAsync test in angular
Jia Li
Nine Circles of Inferno or Explaining the PostgreSQL Vacuum
Nine Circles of Inferno or Explaining the PostgreSQL Vacuum
Alexey Lesovsky
Locarise,reagent and JavaScript Libraries
Locarise,reagent and JavaScript Libraries
Ikuru Kanuma
Why Redux-Observable?
Why Redux-Observable?
Anna Su
Websocket on Rails
Websocket on Rails
Jeroen Rosenberg
Lesson 10
Lesson 10
Alex Honcharuk
Service worker: discover the next web game changer
Service worker: discover the next web game changer
Sandro Paganotti
Potential gotchas in making a backbone app
Potential gotchas in making a backbone app
Vignesh Nandha Kumar
Star bed 2018.07.19
Star bed 2018.07.19
Ruo Ando
Test Automation Using Googletest
Test Automation Using Googletest
Mohammed_Publications
Simple Tips and Tricks with Ansible
Simple Tips and Tricks with Ansible
Keith Resar
Chromium Embedded Framework + Go at Brooklyn JS
Chromium Embedded Framework + Go at Brooklyn JS
quirkey
How to Measure Everything: A Million Metrics Per Second with Minimal Develope...
How to Measure Everything: A Million Metrics Per Second with Minimal Develope...
Puppet
Introduction tomongodb
Introduction tomongodb
Lee Theobald
Tips on how to improve the performance of your custom modules for high volume...
Tips on how to improve the performance of your custom modules for high volume...
Odoo
Puppet Data Mining
Puppet Data Mining
Gareth Rushgrove
OpenERP Benchmark : How to test performance and robustness against your volum...
OpenERP Benchmark : How to test performance and robustness against your volum...
Odoo
Spark Jobserver
Spark Jobserver
Yegor Andreenko
Stop Ember Time
Stop Ember Time
cjwoodward
Devel::NYTProf::Apache
Devel::NYTProf::Apache
Tokuhiro Matsuno
Charm Alarm: Team WiSci in the 2013 Technovation Competition
Charm Alarm: Team WiSci in the 2013 Technovation Competition
wisciwomen
Timer & Interrupt Atmega16
Timer & Interrupt Atmega16
Ramadan Ramadan
Weitere ähnliche Inhalte
Was ist angesagt?
New feature of async fakeAsync test in angular
New feature of async fakeAsync test in angular
Jia Li
Nine Circles of Inferno or Explaining the PostgreSQL Vacuum
Nine Circles of Inferno or Explaining the PostgreSQL Vacuum
Alexey Lesovsky
Locarise,reagent and JavaScript Libraries
Locarise,reagent and JavaScript Libraries
Ikuru Kanuma
Why Redux-Observable?
Why Redux-Observable?
Anna Su
Websocket on Rails
Websocket on Rails
Jeroen Rosenberg
Lesson 10
Lesson 10
Alex Honcharuk
Service worker: discover the next web game changer
Service worker: discover the next web game changer
Sandro Paganotti
Potential gotchas in making a backbone app
Potential gotchas in making a backbone app
Vignesh Nandha Kumar
Star bed 2018.07.19
Star bed 2018.07.19
Ruo Ando
Test Automation Using Googletest
Test Automation Using Googletest
Mohammed_Publications
Simple Tips and Tricks with Ansible
Simple Tips and Tricks with Ansible
Keith Resar
Chromium Embedded Framework + Go at Brooklyn JS
Chromium Embedded Framework + Go at Brooklyn JS
quirkey
How to Measure Everything: A Million Metrics Per Second with Minimal Develope...
How to Measure Everything: A Million Metrics Per Second with Minimal Develope...
Puppet
Introduction tomongodb
Introduction tomongodb
Lee Theobald
Tips on how to improve the performance of your custom modules for high volume...
Tips on how to improve the performance of your custom modules for high volume...
Odoo
Puppet Data Mining
Puppet Data Mining
Gareth Rushgrove
OpenERP Benchmark : How to test performance and robustness against your volum...
OpenERP Benchmark : How to test performance and robustness against your volum...
Odoo
Spark Jobserver
Spark Jobserver
Yegor Andreenko
Stop Ember Time
Stop Ember Time
cjwoodward
Devel::NYTProf::Apache
Devel::NYTProf::Apache
Tokuhiro Matsuno
Was ist angesagt?
(20)
New feature of async fakeAsync test in angular
New feature of async fakeAsync test in angular
Nine Circles of Inferno or Explaining the PostgreSQL Vacuum
Nine Circles of Inferno or Explaining the PostgreSQL Vacuum
Locarise,reagent and JavaScript Libraries
Locarise,reagent and JavaScript Libraries
Why Redux-Observable?
Why Redux-Observable?
Websocket on Rails
Websocket on Rails
Lesson 10
Lesson 10
Service worker: discover the next web game changer
Service worker: discover the next web game changer
Potential gotchas in making a backbone app
Potential gotchas in making a backbone app
Star bed 2018.07.19
Star bed 2018.07.19
Test Automation Using Googletest
Test Automation Using Googletest
Simple Tips and Tricks with Ansible
Simple Tips and Tricks with Ansible
Chromium Embedded Framework + Go at Brooklyn JS
Chromium Embedded Framework + Go at Brooklyn JS
How to Measure Everything: A Million Metrics Per Second with Minimal Develope...
How to Measure Everything: A Million Metrics Per Second with Minimal Develope...
Introduction tomongodb
Introduction tomongodb
Tips on how to improve the performance of your custom modules for high volume...
Tips on how to improve the performance of your custom modules for high volume...
Puppet Data Mining
Puppet Data Mining
OpenERP Benchmark : How to test performance and robustness against your volum...
OpenERP Benchmark : How to test performance and robustness against your volum...
Spark Jobserver
Spark Jobserver
Stop Ember Time
Stop Ember Time
Devel::NYTProf::Apache
Devel::NYTProf::Apache
Andere mochten auch
Charm Alarm: Team WiSci in the 2013 Technovation Competition
Charm Alarm: Team WiSci in the 2013 Technovation Competition
wisciwomen
Timer & Interrupt Atmega16
Timer & Interrupt Atmega16
Ramadan Ramadan
Temperature sensor with a led matrix display (arduino controlled)
Temperature sensor with a led matrix display (arduino controlled)
TechLeap
Temperature Sensor
Temperature Sensor
EnricVentosa
Micro Processor Mini Project,Electronic Quiz Table
Micro Processor Mini Project,Electronic Quiz Table
Subhashini Sundaram
Anti drowsy alarm for drivers
Anti drowsy alarm for drivers
Duc Nguyen Van
Andere mochten auch
(6)
Charm Alarm: Team WiSci in the 2013 Technovation Competition
Charm Alarm: Team WiSci in the 2013 Technovation Competition
Timer & Interrupt Atmega16
Timer & Interrupt Atmega16
Temperature sensor with a led matrix display (arduino controlled)
Temperature sensor with a led matrix display (arduino controlled)
Temperature Sensor
Temperature Sensor
Micro Processor Mini Project,Electronic Quiz Table
Micro Processor Mini Project,Electronic Quiz Table
Anti drowsy alarm for drivers
Anti drowsy alarm for drivers
Ähnlich wie 倒计时优化点滴
I os 06
I os 06
信嘉 陳
Building resilient applications
Building resilient applications
Nuno Caneco
Java ME API Next
Java ME API Next
Otávio Santana
Performance patterns
Performance patterns
Stoyan Stefanov
Why you should be using structured logs
Why you should be using structured logs
Stefan Krawczyk
Timers in Unix/Linux
Timers in Unix/Linux
geeksrik
Advanced patterns in asynchronous programming
Advanced patterns in asynchronous programming
Michael Arenzon
Test driven development
Test driven development
christoforosnalmpantis
DevoxxUK: Optimizating Application Performance on Kubernetes
DevoxxUK: Optimizating Application Performance on Kubernetes
Dinakar Guniguntala
3 things you must know to think reactive - Geecon Kraków 2015
3 things you must know to think reactive - Geecon Kraków 2015
Manuel Bernhardt
Introduction httpClient on Java11 / Java11時代のHTTPアクセス再入門
Introduction httpClient on Java11 / Java11時代のHTTPアクセス再入門
tamtam180
Monitoring Complex Systems: Keeping Your Head on Straight in a Hard World
Monitoring Complex Systems: Keeping Your Head on Straight in a Hard World
Brian Troutwine
Java Performance Tuning
Java Performance Tuning
Atthakorn Chanthong
AngularJS, More Than Directives !
AngularJS, More Than Directives !
Gaurav Behere
High Performance JavaScript (CapitolJS 2011)
High Performance JavaScript (CapitolJS 2011)
Nicholas Zakas
Douglas Crockford: Serversideness
Douglas Crockford: Serversideness
WebExpo
Mobile Fest 2018. Yonatan Levin. WTF with Android Background Restrictions
Mobile Fest 2018. Yonatan Levin. WTF with Android Background Restrictions
MobileFest2018
Symfony 1, mi viejo amigo
Symfony 1, mi viejo amigo
Jose Antonio Pio
Time Code: Automating Tasks in WordPress with WP-Cron
Time Code: Automating Tasks in WordPress with WP-Cron
Shawn Hooper
Monitoring und Metriken im Wunderland
Monitoring und Metriken im Wunderland
D
Ähnlich wie 倒计时优化点滴
(20)
I os 06
I os 06
Building resilient applications
Building resilient applications
Java ME API Next
Java ME API Next
Performance patterns
Performance patterns
Why you should be using structured logs
Why you should be using structured logs
Timers in Unix/Linux
Timers in Unix/Linux
Advanced patterns in asynchronous programming
Advanced patterns in asynchronous programming
Test driven development
Test driven development
DevoxxUK: Optimizating Application Performance on Kubernetes
DevoxxUK: Optimizating Application Performance on Kubernetes
3 things you must know to think reactive - Geecon Kraków 2015
3 things you must know to think reactive - Geecon Kraków 2015
Introduction httpClient on Java11 / Java11時代のHTTPアクセス再入門
Introduction httpClient on Java11 / Java11時代のHTTPアクセス再入門
Monitoring Complex Systems: Keeping Your Head on Straight in a Hard World
Monitoring Complex Systems: Keeping Your Head on Straight in a Hard World
Java Performance Tuning
Java Performance Tuning
AngularJS, More Than Directives !
AngularJS, More Than Directives !
High Performance JavaScript (CapitolJS 2011)
High Performance JavaScript (CapitolJS 2011)
Douglas Crockford: Serversideness
Douglas Crockford: Serversideness
Mobile Fest 2018. Yonatan Levin. WTF with Android Background Restrictions
Mobile Fest 2018. Yonatan Levin. WTF with Android Background Restrictions
Symfony 1, mi viejo amigo
Symfony 1, mi viejo amigo
Time Code: Automating Tasks in WordPress with WP-Cron
Time Code: Automating Tasks in WordPress with WP-Cron
Monitoring und Metriken im Wunderland
Monitoring und Metriken im Wunderland
Kürzlich hochgeladen
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
DianaGray10
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří Karpíšek
CzechDreamin
AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101
vincent683379
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
UXDXConf
PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. Startups
Stefano
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Tobias Schneck
Enterprise Security Monitoring, And Log Management.
Enterprise Security Monitoring, And Log Management.
Boni Yeamin
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
CzechDreamin
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
Paul Groth
In-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT Professionals
Expeed Software
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
Mark Opanasiuk
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at Comcast
UXDXConf
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
Abida Shariff
"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
Fwdays
Strategic AI Integration in Engineering Teams
Strategic AI Integration in Engineering Teams
UXDXConf
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
CzechDreamin
Agentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdf
ChristopherTHyatt
Server-Driven User Interface (SDUI) at Priceline
Server-Driven User Interface (SDUI) at Priceline
UXDXConf
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
Jennifer Lim
Intelligent Gimbal FINAL PAPER Engineering.pdf
Intelligent Gimbal FINAL PAPER Engineering.pdf
Anthony Lucente
Kürzlich hochgeladen
(20)
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří Karpíšek
AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. Startups
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Enterprise Security Monitoring, And Log Management.
Enterprise Security Monitoring, And Log Management.
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
In-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT Professionals
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at Comcast
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
Strategic AI Integration in Engineering Teams
Strategic AI Integration in Engineering Teams
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Agentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdf
Server-Driven User Interface (SDUI) at Priceline
Server-Driven User Interface (SDUI) at Priceline
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
Intelligent Gimbal FINAL PAPER Engineering.pdf
Intelligent Gimbal FINAL PAPER Engineering.pdf
倒计时优化点滴
1.
new Timer
etai var aTimer = Ju.app.timer.create( { timeEnd: timeEnd, timeCurrent: timeCurrent, container: theTimer, style: 'simple', callback: function(handler){ console.log(handler); } } );
2.
‣ ‣ ‣ ‣ ‣ ‣
3.
WTF?
....
4.
1.
• ; •
5.
setInterval : 5mins
/ hour setTimeout : 10min / hour 10+ / day
6.
2.
•
7.
3.
• •
8.
3.
• •
9.
10.
- a. b.
11.
- a. b.
12.
- b.
13.
- before:
14.
- a.
innerHTML
15.
- b. replaceHTML
When innerHTML isn’t Fast Enough
16.
- before
innerHTML replaceHTML ff3.6 2600 ff3.6 600 ff3.6 3000 ie8 6100 ie8 900 ie8 4200 ie6 6300 ie6 1200 ie6 5500
17.
- <p class="dsec">.6</p>
18.
- dsec.gif
19.
- html
20.
21.
-
“ ” var aTimer = Ju.app.timer.create( { timeEnd: timeEnd, timeCurrent: timeCurrent, timeLeft: 0, container: theTimer, callback: function(handler){ alert(‘time’s up!’); } } ); Ju.app.timer.remove(aTimer);
22.
-
“ ”
23.
-
“ ”
24.
-
“ ”
25.
/ Tips
26.
/ Tips -
1. vs timer • timer • • setInterval?
27.
/ Tips -
1. vs timer “ ” “ ”
28.
/ Tips -
1. vs timer
29.
/ Tips -
1. vs timer
30.
/ Tips -
1. vs timer => +
31.
/ Tips - 2.
setTimeout vs setInterval “ bug”
32.
/ Tips - 2.
setTimeout vs setInterval setTimeout or setInterval?
33.
/ Tips 2.
setTimeout vs setInterval How JavaScript Timers Work
34.
/ Tips
- 2. setTimeout vs setInterval SetTimeout
35.
36.
37.
Google I/O Conference:
HTML5 Countdown Finale
38.
Google I/O Conference:
HTML5 Countdown Finale
39.
checker
“ ”
40.
Q /A
Jetzt herunterladen