JavaScript

Analyse your Ionic App Size

Here’s a tip on analyzing your bundle size, the dependencies your app relies on and how to quickly identify…

Turning Off Change Detection for Performance in Ionic

Angular’s change detection is usually quite great, but I found a case where it’s performance was terrible on a page that contained a long vertical list of horizontal lists of images (think the soundcloud home page where there are lots of…

Optimizing Javascript DateTime formatting (50x perf)

Formatting dates and times in javascript can be very expensive in terms of CPU cost. Take this simple piece of code that formats a string value like "2017-12-27T16:37:37.417Z" to 8:37 AM

Traversing through a Javascript Object

I’ve started working with Firebase on a project and one of the interesting quirks with storing json data in its real-time database is that objects cannot have any properties that are undefined (you get “ Error: Firebase.set failed: First argument contains…

IOS: Cant type after clicking twice

Found an odd bug that’s been in IOS Safari (especially when using Cordova) for a long time (IOS 5 and right up through IOS9). If you have an iFrame that has input fields and you press once to focus the input field, then press again on the same field, then when you…

Onscreen keyboard hides text

Found a problem in IOS where the onscreen keyboard would popup for an input element but it would push the content off the screen. This happened with an iPod touch when an ionic modal was full screen.

Gulp Speedup

Our gulp build task was taking a really long time. After a bit of investigation the problem was found to be minification / uglifying of files that were already minified (in this case jquery-1.11.1.min.js and others)

return gulp.src([sourceDir + ‘/*.js’])…

Javascript ForEach Gotcha

Here’s a simple gotcha for javascript forEach loops. Take a look at the below function doFoo. You would think that it would return true when it reaches the element in the array that equals 3 however it always returns false. ​

function doFoo() {
 var list =…