Categories

  • AngularJS (43)
  • AWS (4)
  • Continuous Integration (1)
  • CSS (24)
  • D3 (3)
  • Data Structures & Algorithms (1)
  • Database (1)
  • Deployment (2)
  • Docker (2)
  • Flask (3)
  • Fun Projects (8)
  • Git (11)
  • IOS (12)
  • JavaScript (62)
  • Kendo (2)
  • Linux (2)
  • Marketing (2)
  • NextJS (6)
  • NodeJS (4)
  • OS X (24)
  • Performance (8)
  • PHP (4)
  • Python (14)
  • Rails (14)
  • React Native (2)
  • ReactJS (12)
  • Recommendations (8)
  • Ruby (6)
  • SICP (3)
  • Testing (8)
  • Thoughts (33)
  • THREE.js (1)
  • Tools (16)
  • TypeScript (4)
  • Ubuntu (7)
  • Uncategorized (11)
  • VIM (4)
  • VSCode (2)
  • Webpack (4)

Archives

  • February 2025
  • January 2025
  • December 2024
  • November 2024
  • August 2024
  • July 2024
  • July 2023
  • March 2023
  • July 2022
  • June 2022
  • May 2022
  • April 2022
  • January 2022
  • September 2021
  • April 2021
  • February 2021
  • January 2021
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • July 2020
  • June 2020
  • May 2020
  • April 2020
  • March 2020
  • February 2020
  • January 2020
  • December 2019
  • November 2019
  • October 2019
  • September 2019
  • July 2019
  • June 2019
  • April 2019
  • February 2019
  • January 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • July 2018
  • June 2018
  • May 2018
  • February 2018
  • January 2018
  • December 2017
  • September 2017
  • August 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • November 2016
  • October 2016
  • September 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014
  • September 2013

Tags

AngularJS Book Charles Chrome CoffeeScript Compatibility CSS DigitalOcean Flask Fun Future Future Reference Git Jasmine JavaScript jQuery Knowledge Learn Less Map Material Design NextJS NodeJS parallax Performance PHP Programmers Proxy Psychology Python Rails ReactJS Reference RoR Ruby Ruby on Rails Self-teach Snippet Testing The Art of Learning Three.js Vim Webpack Wordpress Xcode

Most Helpful Posts

  • Angular Email Validation with Ng-Pattern (2596)
  • How to: Prevent Body From Scrolling When Overlay Is On (2291)
  • Reference: $state.go() with Parameter (1604)
  • Angular: All About Input Type="File" (1543)
  • Protractor Locators (Selectors) (1062)
  • How To Remove All NPM Proxy Settings (931)
  • Disable Popup "Please Fill In this Field" (859)
  • Cannot read property 'replace' of undefined in jQuery (562)
  • React: How To Prompt User of Unsaved Data before Leaving Site (556)
  • Object.prototype.toString.call()? (555)
  • How to: Prevent Body From Scrolling (459)
  • Angular Directive: Click Elsewhere? (402)
  • Render Post Processing with Three.js (293)
  • Angular: Requiring ng-model as Component (243)
  • Common Errors with NanoScroller (229)

Total quant of thanks: 18729

  • Email
  • LinkedIn
  • Instagram
  • GitHub
  • Widgets
  • Connect
  • Search

Have Fun Learning

Passionately Curious

Menu

Skip to content
  • Portfolio
  • Recommendations
  • Archive
  • About
  • 日志

Monthly Archives: July 2014

JavaScript

jQuery: keyup, keydown, keypress?

July 31, 2014luciaJavaScript, jQuery

In normal cases, go for keyup:

$(document).keyup(function(e){
  console.log(e.which);
});

Reasons:

  1. keydown keeps firing when user holds the keys down, while keypress and keyup fire only once.
  2. keypress doesn’t detect special keys (e.g. SHIFT), keydown and keyup do.
ajax loader
Standard
CSS, JavaScript

IOS Video Control: Mission Impossible?

July 28, 2014lucia

I spent 1.5 hours deleting code and comparing and found that JavaScript initiated events just can’t get the video going. One all-mighty Googling [1][2]  revealed that, “embedded media cannot be played automatically in Safari on iOS – the user always initiates playback.” Damn.

It looks like a dead end. But wait. How did videojs-youtube managed it?

Continue reading →

ajax loader
Standard
Fun Projects, JavaScript

jquery-youtube: Youtube API Packup

July 25, 2014luciaCoffeeScript, JavaScript, YouTube API


[LINK]

Continue reading →

ajax loader
Standard
JavaScript

FullScreen with jQuery

July 16, 2014luciaFullScreen, jQuery, Plugin

 

The thing is, for security reasons, fullscreen could only be triggered by mouse and keyboard events. Trying it out in console alone would be vain.

Continue reading →

ajax loader
Standard
JavaScript

Youtube Embedding

July 14, 2014luciaYouTube API

Where I stumbled:

  • The JavaScript API is a completely different thing than the iframe API
  • An outside script is actually needed for the iframe API

Continue reading →

ajax loader
Standard
JavaScript, THREE.js

Understanding THREE.js

July 11, 2014lucia

Q: What is a working THREE page composed of?

THREE things:

  • Scene: a scene, a stage, to add stuff into
  • Camera: somewhere to stand and peer
  • Renderer: a 2D surface to cast the 3D calculation onto

Continue reading →

ajax loader
Standard
JavaScript

window.innerWidth Vs. $(window).innerWidth()

July 1, 2014luciajQuery

What are the differences:

  • window.innerWidth: with scrollbar
  • $(window).innerWidth(): wrong usage
  • $(window).width(): without scrollbar
  • mediaquery: with scrollbar (at least the standard ones)

Continue reading →

ajax loader
Standard
Leonpharmacy.com | Theme: Ryu by WordPress.com.