ES6: Arrows and Lexical This

Update: Async arrow function is fine! async () => { ... }

Arrow function is one of the highlights of ES6 that got many people excited (including me!). Lets look at its definition on MDN:

An arrow function expression (also known…

Wai Park Soon

Nov 30, 2015

ES6: Overview

What is ES6?

ECMAScript 2015 (ES2015, ES6, Harmony) is a major update for ECMAScript standard since 2009. ES6 introduces a lot of new features such as arrow functions, class declaration and native Promise. Most of them are syntactic sugar that not only save us some…

Wai Park Soon

Jul 12, 2015

Validating email address in JavaScript

Webapps often ask users to input email addresses for authentication or referrals. To provide good experiences, it is always a good idea to validate email addresses before actually using it, such as to check for typo in UI to give immediate feedback or to verify…

Wai Park Soon

Dec 12, 2014

More conventional AngularJS filter to format file size

In previous post, I have included a snippet for formatting file size in either SI or IEC unit. However, the computer science industry does not seem to be buying suggestions from IEC. If you look around, IEC units (KiB, MiB…) are almost…

Wai Park Soon

Nov 28, 2014

AngularJS filter to format file size

Update: This filter is useful if you need “standard-compliant” formatting. That means base-1000 for SI units and base-1024 for IEC units. If you need a more conventional filter, that uses base-1024 for SI units, you can find it in the next post.

Wai Park Soon

Nov 21, 2014

Mocking Directives for Unit Tests in AngularJS

AngularJS allows us to introduce custom HTML tags with directives. More often than not, we need to have nested directives when things become more complicated. Lets say we have a directive called feedListDirective that will show a list of recent…

Wai Park Soon

Nov 14, 2013

return false; in jQuery event handlers?

More than often we want to cancel the default behaviour of browser. In jQuery, do we return false; or e.preventDefault(); in event handlers?

Short Answer:
When in doubt, use e.preventDefault();