web首張卡開發須知

1.css樣式的引用

    將寫好的樣式引入到ruby編程開發工具中的index.haml下

    格式如下:

    %link(rel="stylesheet" type="text/css" href="css/bootstrapswitch-custom.css")

    %link(rel="stylesheet" type="text/css" href="css/font-awesome.css")

    %link(rel="stylesheet" type="text/css" href="css/index.css")

2.js函數的使用

$scope.this_function_name=function(){

        函數體

}

函數也可寫成這樣,效果一樣

function this_function_name(){

       函數體

}

$scope用於js與haml界面交互

函數使用時需要注重提高其複用性(通過參數傳遞區分是哪部分調用的這個函數),函數也可以相互調用,例如:

$scope.this_function_name=function(){

         this_function_name(activity)                                    //此處通過函數調用將activity參數下面函數的name

}

function this_function_name(name){                                //此處name與下面的name通過參數傳遞提高function複用性

        for(var i=0,l=activities.length;i<l;i++) {

            if (activities[i].name == name) {

                return true;

            }

        }

        return false;

    }

3.一些常用ng總結ng-tap  ng-repeat ng-show ng-disabeld  

   ng-tap 頁面跳轉,也可用於控制按鈕的相關屬性設置  %button.btn-4(ng-tap='go_create()'按鈕 
   ng-repeat 遍歷創建對象元素  %li( ng-repeat ="activity in activities") 
   ng-show顯隱控制，控制按鈕在一種狀態下隱藏另一種狀態下顯示。
   ng-disabled常用於輸入框對應控制按鈕的可點擊與不可點擊控制,數據類型爲布爾型。

   

4.數據存儲

localStorage.setItem('activities',JSON.stringify(activities));數據存儲語句，將activities存入activities，對於網站等存儲一般是存儲數組型數據，之前要先定義數組

定義數組如下：

var activities=JSON.parse(localStorage.getItem('activities'));定義一個activities數組