Skip to content

Instantly share code, notes, and snippets.

View aaronfrost's full-sized avatar
:octocat:
Software Architect Contractor

Aaron Frost aaronfrost

:octocat:
Software Architect Contractor
View GitHub Profile
//In your Gruntfile
grunt.registerTask('replaceURL', '...', require('./urlReplacer.js'));
//Then in urlReplacer.js
var fs, r, oldfile, newfile;
fs = require('fs');
r = new RegExp("some regex to match your url", 'g');
//read the the file and replace the text
oldfile = fs.readFileSync(__dirname + '/file-with-url-that-needs-to-be-replaced.js', 'utf8');
newfile = oldfile.replace(r, 'http://thenewurl.com');
@aaronfrost
aaronfrost / debounce2.html
Last active August 29, 2015 14:02
Talk about Debounces
<div ng-controller="TestCtrl" >
<div test-ctrl-move-handler="doMouseMoveEvent()" style="width:1000px;height:1000px;"></div>
</div>
@aaronfrost
aaronfrost / unwatch.js
Last active August 29, 2015 14:02
Gist for a watch discussion
angular.module('app').directive('MyDirective', function(){
//NEW AND IMPROVED, NOW WITH LESS WATCHING!
return {
restrict: 'AE',
replace: 'true',
templateUrl: '../../blah.html',
scope:{
item: '='
},
@aaronfrost
aaronfrost / badNgClass.css
Last active August 29, 2015 14:02
an example of bad ng-classing
.item{
background-color:white;
color:black;
}
.item:hover{
background-color:black;
color:white;
}
@aaronfrost
aaronfrost / ngshowhide.html
Last active August 29, 2015 14:02
example of ng-show/ng-hide that is bad
<div class="big-section">
<div ng-if="archiveMode">
<div class="header">
<i class="archive-icon"></i>
</div>
<div>
<span>{{description}}</span>
</div>
<button ng-click="unarchive()">Unarchive</button>
</div>
@aaronfrost
aaronfrost / scopes.html
Created August 16, 2014 20:09
Multiple Scopes
<!--Parent Controller-->
<div ng-controller="ParentController">
<!--First Child Controller-->
<div ng-controller="ChildAController">
<button ng-click="handleClick()">Click This</button>
</div>
<!--Second Child Controller-->
<div ng-controller="ChildBController">
<button ng-click="handleClick()">Click This</button>
@aaronfrost
aaronfrost / scopes.html
Last active August 29, 2015 14:05
Multiple Scopes - JS
<!--Parent Controller-->
<div ng-controller="ParentController">
<!--First Child Controller-->
<div ng-controller="ChildAController">
<button ng-click="handleClick()">Click This</button>
</div>
<!--Second Child Controller-->
<div ng-controller="ChildBController">
<button ng-click="handleClick()">Click This</button>
@aaronfrost
aaronfrost / dataModel.js
Created September 8, 2014 17:19
Angular - Rich Data Model Pattern
angular.module('app').run(function($q, $timeout){
function User(data){
if(this == window)return new User(data);
angular.extend(this, data);
}
User.prototype.sayHi = function(){
console.log("HI!!!");
@aaronfrost
aaronfrost / undeclared.js
Last active August 29, 2015 14:06
Do I Call This "Undeclared"?
var a;
console.log(a); //Logs 'undefined'
console.log(b); //ReferenceError: 'b' is not defined
/**
* Neither are defined, but only the undeclared variable gets an 'undefined' error.
*
* So, is the correct idiom 'undeclared' when referring to an instruction that will throw
* a ReferenceError because it wasn`t declared? Or is there another idiom that I should use?
*
@aaronfrost
aaronfrost / let.js
Created September 10, 2014 07:55
Is this how LET should work?
let a = 0;
{
console.log(a); //Node throws error cause "a" isn`t defined yet, but it was defined on line one.
let a = 1;
console.log(a);
}
console.log(a);