PIXNET 程式設計工程師

User:    : )

Developer:    :-(

Developer needs to improve the workflow!

HTML + CSS + $('') + 兜兜哲學 = ?

imperative code using jQuery

                        
$.ajax({
  type: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
}).done(function( msg ) {
  console.log( "Data Saved: " + msg );
  // put anything yout want to do.
});
                        
                    

write once & 洞 everywhere

Dynamic Hello world

 

Dynamic Hello world

                        
var isIE = document.attachEvent;
var addListener = isIE
    ? function(e, t, fn) { e.attachEvent('on' + t, fn); }
    : function(e, t, fn) { e.addEventListener(t, fn, false); };

addListener(window, 'load', function() {
    var greeting = doucment.getElementById('greeting');
    if (isIE) {
        greeting.innerText = 'Hello World!';
    } else {
        greeting.textContent = 'Hello World!';
    }
});
                        
                    

ng-app ? ng-model ?

                        
    var app = angualr.module('diDemo');
    app.controller('MainCtrl', function($scope) {
        // $scope object is from DI
    });
                        
                    

The reason: minification tool breaks the code.

                        
    var app = angualr.module('diDemo');
    app.controller('MainCtrl', ['$scope', function($scope) {
        // $scope object is from DI
    }]);
                        
                    

Data transformation

 

Transform the DOM or to create new behavior

 

Sharing common functionality

<ng-view></ng-view>

&amp;amp;amp;nbsp;