console.log('AlphaGo vs Lee Sedol'.replace('Go', 'Google'))
// "AlphaGoogle vs Lee Sedol"

console.log('188-0000-0000'.replace(/-/, '+'))
// "188+0000+0000"
console.log('188-0000-0000'.replace(/-/g, '+'))
// "188+0000+0000"

const _hyphenPattern = /-(.)/g;

/**
 * Camelcases a hyphenated string, for example:
 *
 *   > camelize('background-color')
 *   < "backgroundColor"
 *
 * @param {string} string
 * @return {string}
 */
function camelize(string) {
  return string.replace(_hyphenPattern, function(_, character) {
    return character.toUpperCase();
  });
}

<form>
   <label for="name">Your name:</label>
   <input type="text"/>
</form>

React.createElement("form", null,
    React.createElement("label", {
        for: "name"
    }, "Your name:"),
    React.createElement("input", {
        type: "text"
    })
);

<tagName attr1=val1 attr2=val2>
  [childrenComponents]
</tagName>

React.createElement("tagName", {attr1: val1, attr2: val2}, [childrenReactComponents]);

<div style="color: yellow">Hello World</div>

React.createElement("div", {style: "color: yellow"}, "Hello World");

<div style="{color: yellow}">Hello World</div>

React.createElement("div", {style: "{color: yellow}"}, "Hello World");

<div data-name="${userName}">Welcome to our website</div>

<div data-name="Erdong FENG">Welcome to our website</div>

<div data-name="{userName}">Welcome to our website</div>

React.createElement("div", {"data-name": "{userName}"}, "Welcome to our website");

<div data-name="{userName}">Welcome to our website</div>

<div>Welcome to our website, "{userName}"</div>

React.createElement("div", null, "Welcome to our website, \"", userName, "\"");

<div>
    <span>Welcome to our website, "</span>
    <span>Erdong FENG</span>
    <span>"</span>
</div>

<div style={color: yellow}>Welcome to our website</div>;

<div style={ {color: yellow} }>Welcome to our website</div>

React.createElement("div", {style: {color: yellow}}, "Welcome to our website");

<div style={ {color: 'yellow'} }>Welcome to our website</div>

<div style={ {color: 'yellow', backgroundColor: 'green'} }>Welcome to our website</div>

<label for="email">Your email:</label>
<input id="email" type="text" ng-model="email" validate-on-blur/>

angular.module("TheNG", [])
        .directive("validateOnBlur", function () {
            return {
                link: function (scope, element, attrs) {
                    var validate = function (email) {
                        return email.indexOf('@gmail.com') !== -1;
                    };

                    element.on('blur', function () {
                        if (!validate(scope.email)) {
                            element.addClass('error-box');
                        }
                    });
                }
            };
        }
);

<label for="email">Your email:</label>
<input id="email" type="text" ng-model="email" ng-blur="validate()" ng-class="{'error-box': !isValid}" validate-on-blur/>

angular.module("TheNG", [])
    .directive("validateOnBlur", function () {
        return {
            link: function (scope, element, attrs) {
                scope.isValid = true;
                scope.validate = function () {
                    scope.isValid = scope.email.indexOf('@gmail.com') !== -1;
                };
            }
        };
    }
);

angular.module("TheNG", [])
    .controller("AController", function ($scope) {
        $scope.someAction = function () {
            // handle some logic here
            serviceLoadedFromExternal.makeServiceCall();
        };
    });

angular.module("TheNG", [])
    .factory("wrappedService", function () {
        return {
            makeServiceCall: function () {
                serviceLoadedFromExternal.makeServiceCall();
            }
        };
    })
    .controller("AController", function ($scope, wrappedService) {
        $scope.someAction = function () {
            // handle some logic here
            wrappedService.makeServiceCall();
        };
    });

angular.module("TheNG", [])
    .service("deliveryService", function ($http) {
        this.validateAddress = function (address, success, failure) {
            $http.post('/unknown', address).then(success, failure);
        };
    })
    .controller("DeliveryController", function ($scope, deliveryService) {
        var acceptAddress = function () {
            console.log('address accepted');
        };
        var rejectAddress = function () {
            console.log('address rejected');
        };
        $scope.validateAddress = function () {
            deliveryService.validateAddress($scope.address, acceptAddress, rejectAddress);
        };
    });

angular.module("TheNG", [])
    .service("deliveryService", function ($http) {
        this.validateAddress = function (address) {
            return $http.post('/unknown', address);
        };
    })
    .controller("DeliveryController", function ($scope, deliveryService) {
        var acceptAddress = function () {
            console.log('address accepted');
        };
        var rejectAddress = function () {
            console.log('address rejected');
        };
        $scope.validateAddress = function () {
            deliveryService.validateAddress($scope.address).then(acceptAddress, rejectAddress);
        };
    });

var person = {
  toString: function(delimiter) {
    return "height=" + this.height + delimiter + " weight=" + this.weight;
  }
};

person.height = "180";
person.weight = "80";

console.log(person.toString(","));
//"height=180, weight=80"

var dog = {};
dog.height = "40";
dog.weight = "30";

console.log(person.toString.call(dog, ":"));
//"height=40: weight=30"

var person = {
  toString: function(delimiter, heightUnit, weightUnit) {
    return "height=" + this.height + heightUnit + delimiter + " weight=" + this.weight + weightUnit;
  }
};

person.height = "180";
person.weight = "80";

console.log(person.toString(",", "cm", "kg"));
//"height=180cm, weight=80kg"

var dog = {};
dog.height = "40";
dog.weight = "30";

console.log(person.toString.call(dog, ":", "cm", "kg"));
//"height=40cm: weight=30kg"

var person = {
  toString: function(delimiter, heightUnit, weightUnit) {
    return "height=" + this.height + heightUnit + delimiter + " weight=" + this.weight + weightUnit;
  }
};

person.height = "180";
person.weight = "80";

console.log(person.toString(",", "cm", "kg"));
//"height=180cm, weight=80kg"

var dog = {
  justDoIt: function() {
    person.toString.call(this, arguments);
  }
};
dog.height = "40";
dog.weight = "30";

console.log(dog.justDoIt(":", "cm", "kg"));
//"height=40undefined[object Arguments] weight=30undefined"

var person = {
  toString: function(delimiter, heightUnit, weightUnit) {
    return "height=" + this.height + heightUnit + delimiter + " weight=" + this.weight + weightUnit;
  }
};

person.height = "180";
person.weight = "80";

console.log(person.toString(",", "cm", "kg"));
//"height=180cm, weight=80kg"

var dog = {
  justDoIt: function() {
    return person.toString.apply(this, arguments);
  }
};
dog.height = "40";
dog.weight = "30";

console.log(dog.justDoIt(":", "cm", "kg"));
//"height=40cm: weight=30kg"

function greet(timeFrame, msg) {
  return "Good " + timeFrame + ", " + msg;
}

console.log(greet("Morning", "What can I do for you?"));
console.log(greet("Morning", "This is your ticket"));
console.log(greet("Morning", "welcome back"));
console.log(greet("Morning", "How was the trip"));
console.log(greet("Afternoon", "Can I borrow you some time?"));
// "Good Morning, What can I do for you?"
// "Good Morning, This is your ticket"
// "Good Morning, welcome back"
// "Good Morning, How was the trip"
// "Good Afternoon, Can I borrow you some time?"

function greet(timeFrame, msg) {
  return "Good " + timeFrame + ", " + msg;
}

var morningGreet = greet.bind(undefined, "Morning");

console.log(morningGreet("What can I do for you?"));
console.log(morningGreet("This is your ticket"));
console.log(morningGreet("welcome back"));
console.log(morningGreet("How was the trip"));
console.log(greet("Afternoon", "Can I borrow you some time?"));

var person = {
  toString: function(delimiter) {
    return "height=" + this.height + delimiter + " weight=" + this.weight;
  }
};

person.height = "180";
person.weight = "80";

console.log(person.toString(","));
//"height=180, weight=80"

var dog = {};
dog.height = "40";
dog.weight = "30";

console.log(person.toString.bind(dog, ":")());
//"height=40: weight=30"

TodoItemView = Backbone.View.extend({
    template: _.template($("#todoItemTemplate").html()),
    initialize: function () {
        this.render();
    },
    render: function () {
        return this.$el.html(this.template(this.model.attributes));
    },
    events: {
        "click .toggle": "handleToggle",
        "click .destroy": "handleDestroy"
    },
    handleToggle: function () {
        this.model.set('completed', this.$('.toggle').prop('checked'));
    }
}

$: function(selector) {
  return this.$el.find(selector);
},

events: {
    "click .toggle": "handleToggle",
    "click .destroy": "handleDestroy"
},
handleToggle: function () {
    this.model.set('completed', this.$('.toggle').prop('checked'));
}

TodoItem = Backbone.Model.extend({
    defaults: {
        title: '',
        completed: false
    },
    validate: function (attributes) {
      // validation goes here
    }
})

var todoItem = new TodoItem();
console.log(JSON.stringify(todoItem.toJSON()));
// {"title":"","completed":false}

var todoItem = new TodoItem({"newAttr": "valueOfNewAttr", "title": "Build a time machine"});
console.log(JSON.stringify(todoItem.toJSON()));
// {"newAttr":"valueOfNewAttr","title":"Build a time machine","completed":false}

TodoItem = Backbone.Model.extend({
defaults: {
    title: '',
    completed: false
},
validate: function (attributes, options) {
    if (attributes.title.indexOf("<") != -1) {
        return "html tag is now allowed is title"
    }
}
});
var todoItem = new TodoItem({
    "title": "<script>...</script>"
});
console.log(todoItem.isValid());
// false

ssl.SSLError: [Errno 1] _ssl.c:507: error:140770FC:SSL routines:SSL23_GET_SERVER_HELLO:unknown protocol

smtplib.SMTPAuthenticationError: (534, '5.7.14 <https://accounts.google.com/ContinueSignIn?sarp=1&scc=1&plt=AKgnsbu_a\n5.7.14 jp4-nDDfH6fUTS8dQUeQfvPLhoMiYxCCT4CThSQuhcOJbzMUYI_QQZ44jUTB6FbPnYp8gv\n5.7.14 DEXJItt2gSz6WypV6cr7cZv9rpEprruo_JHXIBw6ZK3wjDKeSKKUKYMtpKoJUmARwONwcJ\n5.7.14 D3v5xypcAJtcazDB_WIUNCP8b3ZQl94GOTIKRvr7ASIgNuyD-rud8doBOTRnKpnLHbuc9B\n5.7.14 lZEGyzw> Please log in via your web browser and then try again.\n5.7.14 Learn more at\n5.7.14 https://support.google.com/mail/bin/answer.py?answer=78754 hv7sm4775459pdb.86 - gsmtp')

@Ignore
@Test
public void shouldDoSomethingForAwesomeFeature() {}
      
@Test
public void shouldDoSomethingForNewDesignForAwesomeFeature() {}

@Test
public void shouldDoSomethingForAwesomeFeature() {}
      
@Ignore
@Test
public void shouldDoSomethingForNewDesignForAwesomeFeature() {}

@RunWith(JunitExtRunner.class)
public class TestCasesOnDifferentOS {
    @Test
    @RunIf(value = OSChecker.class, arguments = OSChecker.MAC)
    public void shouldRunOnMac() throws Exception {
    }

    @Test
    @RunIf(value = OSChecker.class, arguments = OSChecker.WINDOWS)
    public void shouldRunOnWindows() throws Exception {
  }
}

@RunWith(JunitExtRunner.class)
public class TestCasesOnDifferentDesign {
    @Test
    @RunIf(value = ToggleChecker.class, arguments = {"NEW_DESIGN_FOR_AWESOME_FEATURE", "false"})
    public void shouldDoSomethingForAwesomeFeature() throws Exception {
    }

    @Test
    @RunIf(value = ToggleChecker.class, arguments = {"NEW_DESIGN_FOR_AWESOME_FEATURE", "true"})
    public void shouldDoSomethingForNewDesignForAwesomeFeature() throws Exception {
  }
}

public class TestCasesOnDifferentDesign {
    @Test
    public void shouldDoSomethingForAwesomeFeature() throws Exception {
      assumeThat(NEW_DESIGN_FOR_AWESOME_FEATURE.isActive(), is(false));
      
      //...
    }

    @Test
    public void shouldDoSomethingForNewDesignForAwesomeFeature() throws Exception {
      assumeThat(NEW_DESIGN_FOR_AWESOME_FEATURE.isActive(), is(true));
      
      ///...
  }
}

public class MyTogglzConfig implements TogglzConfig {
  @Override
  public Class<? extends Feature> getFeatureClass() {
    return MyFeature.class;
  }

  @Override
  public StateRepository getStateRepository() {
    URL toggleProperties = getClass().getClassLoader().getResource("togglz.properties");
    assert toggleProperties != null;
    try {
      return new FileBasedStateRepository(new File(toggleProperties.toURI()));
    } catch (URISyntaxException e) {
      e.printStackTrace();
      return null;
    }
  }

  @Override
  public UserProvider getUserProvider() {
    return new NoOpUserProvider();
  }
}

@BeforeClass
public static void beforeClass() {
  FeatureManager featureManager = new FeatureManagerBuilder().togglzConfig(new MyTogglzConfig()).build();
  ThreadLocalFeatureManagerProvider.bind(featureManager);
}

<div ng-controller="FruitController" ng-init="init()">
    <h4>Call controller method via isolated scope</h4>
    <label>What's your favorite fruit(name can only contains letter)</label>
    <input type="text" ng-model="newFruit"/>
    <button type="button"
      add-fruit-method-isolated
      is-valid="isValid(name)"
      new-fruit="newFruit"
      fruits="fruits">
        validate and add
    </button>
    <ul>
        <li ng-repeat="fruit in fruits track by $index"></li>
    </ul>
</div>

describe('directives', function () {
    beforeEach(module('myApp.directives'));

    describe('addFruitMethodIsolated', function () {
        var $scope, element;
        beforeEach(inject(function ($rootScope, $compile) {
            $scope = $rootScope;
            $scope.fruits = [];
            $scope.newFruit = 'apple';
            $scope.isValid = angular.noop;

            element = angular.element('<input type="text" ng-model="newFruit"/>' +
                '<button type="button" ' +
                'add-fruit-method-isolated ' +
                'is-valid="isValid(name)" ' +
                'new-fruit="newFruit" ' +
                'fruits="fruits">' +
                'validate and add</button>');

            $compile(element)($scope);
        }));

        it('should add valid fruit to fruit list when click button', function () {
            var isValid = spyOn($scope, 'isValid').andReturn(true);

            element.filter('button').trigger('click');

            expect(isValid).toHaveBeenCalled();
            expect(isValid.mostRecentCall.args[0]).toBe('apple');
            expect($scope.fruits[0]).toBe('apple');
        });
    });
});

angular.module('myApp.directives', [])
    .directive('addFruitMethodIsolated', function () {
        return {
            scope: {
                fruits: '=',
                newFruit: '=',
                isValid: '&'
            },
            link: function (scope, element, attr) {
                element.click(function () {
                    if (scope.isValid({name: scope.newFruit})) {
                        scope.fruits.push(scope.newFruit);
                        scope.$apply();
                    }
                });
            }
        };
    });