2016年11月23日 星期三

工具軟體

Winmerge 比較與Merge:
  a.解決中文 編碼問題:
編輯 > 選項 > 編碼頁 > 自訂編碼頁 65001


aida64 硬體偵測:

 process explorer 資料夾解鎖:
 a.Ctrl + f :搜尋folder name 查看何程序使用其folder
 

2016年11月1日 星期二

2016 各家網頁技術

網頁技術名詞:
   
laravel : 為網頁藝術家創造的 PHP 框架, 簡潔語法

Node.JS : 執行於server端的 工具,具備實際邏輯處理流程

Yeoman : web app開發工具,提供粗貌的架構 ,減少處理瑣碎的事情

AngularJS : javascript撰寫語法 之 Model View Control 的整合

BootStrap : 畫面縮放layout

Ionic : for mobile app UI

AngularJS 技術

(A)angularjs 執行順序:
app.config()
app.run()
directive's compile functions (if they are found in the dom)
app.controller()
directive's link functions (again, if found)

(B)angularjs 超連結做法:

 (b-1) <a ui-sref="profile"><i class="fa fa-fw fa-user"></i> Profile</a>
  裡面的profile 找到對應的 App.js裡面的
  .state('profile', {
            url: '/profile',
            templateUrl: '/views/profile.html',
            parent: 'master',
            requireAuth: true
        })
     
  (b-2)如果有傳遞參數則
    <a ui-sref="home({foo: 'fooVal1', bar: 'barVal1'})">
    對到$stateParams
    .controller('MainRootCtrl', function($scope, $state, $stateParams) {
    //..
    var foo = $stateParams.foo; //getting fooVal
    var bar = $stateParams.bar; //getting barVal
    //..
    $scope.state = $state.current
    $scope.params = $stateParams;
})


(C)services的使用:

http://www.w3schools.com/angular/tryit.asp?filename=try_ng_services_custom