ethan-deng

JavaScript Review

Closure

Since JavaScript allows inner function such as Event Handler or Async Call, the inner function will have access to the variables defined in the outer function. The most interesting part of closure is that the inner function have reference to those variables even after the outer function has returned. This means if those varialbes value has changed, the innner function will see the changed value.

For example:

function run(){
    for(var i=0; i<5; i++){
 setTimeout(()=&gt;{

ethan-deng

Prevent double tab to zoom on iOS

http://stackoverflow.com/questions/37808180/disable-viewport-zooming-ios-10-safari

function prevent(e) { e.preventDefault() }
// you could target also another nested DOM element
document.body.addEventListener('gesturechange', prevent)
document.body.addEventListener('gesturestart', prevent)
document.body.addEventListener('gestureend', prevent)

ethan-deng

• http://stackoverflow.com/questions/5913181/how-to-delay-keypress-function-when-user-is-typing-so-it-doesnt-fire-a-request
• http://stackoverflow.com/questions/693849/call-a-javascript-function-after-5-sec-of-last-key-press
• http://stackoverflow.com/questions/5913181/how-to-delay-keypress-function-when-user-is-typing-so-it-doesnt-fire-a-request
• http://stackoverflow.com/questions/1909441/how-to-delay-the-keyup-handler-until-the-user-stops-typing
• http://stackoverflow.com/questions/693849/call-a-javascript-function-after-5-sec-of-last-key-press
• http://stackoverflow.com/questions/5913181/how-to-delay-keypress-function-when-user-is-typing-so-it-doesnt-fire-a-request

ethan-deng

• https://risingstars2016.js.org/?utm_source=javascriptweekly&utm_medium=email
• https://risingstars2016.js.org/?utm_source=javascriptweekly&utm_medium=email
• https://yarnpkg.com/en/
• https://www.youtube.com/watch?v=z6hQqgvGI4Y
• https://vuejs.org/v2/guide/ssr.html
• https://github.com/chrisvfritz/prerender-spa-plugin
• https://rlafranchi.github.io/2016/05/03/vue-vs-react/
• https://vuejs.org/v2/guide/comparison.html

ethan-deng

Fetch

• https://github.com/github/fetch
• https://github.github.io/fetch/
• https://developers.google.com/web/updates/2015/03/introduction-to-fetch
• https://www.sitepoint.com/introduction-to-the-fetch-api/
• https://scotch.io/tutorials/how-to-use-the-javascript-fetch-api-to-get-data
• https://davidwalsh.name/fetch

ethan-deng

Popup

• http://romainberger.github.io/react-portal-tooltip/#/?_k=o44zwv
• https://github.com/romainberger/react-portal-tooltip

ethan-deng

BI

1. https://www.periscopedata.com/
2. https://chartio.com/
3. https://slemma.com/
4. https://appurl.org/
5. https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=data%20ingestion
6. https://quicksight.aws/

ethan-deng

Resize Image with HTML5

• http://johnliu.net/blog/2015/5/sharepoint-add-in-accessing-webcam-with-javascript
• https://gist.github.com/h2non/37a6d588271fc9c1e828
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Base64_encoding_and_decoding
• http://dejanstojanovic.net/jquery-javascript/2016/january/resize-image-on-the-client-side-with-jquery/
• https://github.com/dejanstojanovic/jQuery-ImageResize
• https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob
• https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement
• https://github.com/joelvardy/javascript-image-upload

ethan-deng

Debug Android

• https://developers.google.com/web/tools/chrome-devtools/remote-debugging/
• http://forum.jquery.com/topic/orientationchange-event-returns-wrong-values-on-android
• http://stackoverflow.com/questions/10215894/how-to-get-the-correct-window-width-on-orientation-change-for-android-devices-bo
• http://www.quirksmode.org/blog/archives/2013/11/orientationchan.html

ethan-deng

Debug IOS

• http://johnnyzone.com/2016/02/debug-a-website-in-ios-safari-on-windows/
• http://stackoverflow.com/questions/20408110/debug-ipad-safari-with-a-pc
• https://blog.idrsolutions.com/2015/02/remote-debugging-ios-safari-on-os-x-windows-and-linux/
• https://developer.mozilla.org/en-US/docs/Tools/Valence
• https://github.com/artygus/ios-webkit-debug-proxy-win32
• google/ios-webkit-debug-proxy#86
• artygus/ios-webkit-debug-proxy-win32#24