If you don’t quit Charles the normal way, it’s gonna left some dirty proxy settings behind. Which leads to abnormal behaviours including being able to receive Skype messages yet not being able to connect to localhost as well as WIFI.
How to solve:
Yearly Archives: 2014
Using Karma With RequireJS
Since I was trying to dig deep into AngularJS, I thought I’d give tests a go. Then I ran into Jasmine. And Intern. And Karma. And it wails about no timestamps.
Understanding AngularJS
These are the questions I encountered while trying to wrap my head around it:
Q: What does it do?
A: With AngularJS, HTML is no longer just static elements waiting to be manipulated to go alive, they are the structure and the logic. “They extend HTML by teaching HTML new tricks.” E.g., with a drop down menu, traditionally we’d go:
AngularJS: Using with RequireJS
Uncaught Error: [$injector:modulerr] Failed to instantiate module xx due to: Error: [$injector:nomod] Module 'appname' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
Samsung S3 Image Blurry Problem
This is a strange bug with S3. Set these both on image tag would do the trick:
opacity:0.999999;
-webkit-backface-visibility: hidden;Unfortunately, the exact same method cause error on S4, and S3 and S4 have the same screen width/height, 320×640. So instead of writing pixel-accurate @media stylesheets, use:
var ua = window.navigator.userAgent.toLowerCase();
window.platform ={
...
isS3: ua.match(/gt\-i9300/i)!==null
}
if (platform.isS3){
$('img').css{'opacity': 0.9999, 'webkitBackfaceVisibility': 'hidden'};
}
PS: Doesn’t work with background image.
Navigate Hash Without Affecting History
Url change triggers statechange; hash change triggers hashchange. But both are stored in back button history. How to exclude hashchange events?
Famo.us Intro
Questions:
1. What is famo.us? What makes it special?
A JavaScript framework which helps you create smooth, complex UIs for any screen. Stress on the smooth part. Famo.us elements are styled with position:absolute and their positions are defined by matrix3d webkit transforms. This is what makes Famo.us performant.