js程式調試技巧

標籤：

1.No "Access-Control-Allow-origin"

  解決方案：這是API參數沒有穿對的跨域錯誤，修改API（ajax請求路徑）以保證其參數傳遞正確即可；

2.loadMainPage~~從緩衝中讀取資料注意事項

  由於從緩衝中讀取的資料是字串，而載入資料時應該使用的是json對象，此時我們應該把字串強制

  轉換成json對象，而且還要用try 和catch來防止異常情況出現

  try(localstorageData) {

    　　localstorageData = Json.parse(localstorageData);

 }catch {

   　　localstorageData = null;

 }

3.事件代理

  事件代理的編寫風格為：

      父級元素.on("發生事件所在的類或者id等等","事件click等等",function() { .......  }) ;

4.如果點擊一塊地區時使用最外面的父級元素時點擊效果不是很理想，我們可以用一種absolute元素優先覆蓋法

    即如果我們需要點擊的是左（最外層的類為.left）塊矩形地區，矩形地區裡面還有很多其他的內容，在sass環

    環境下，我們可以定義一個與left地區相同大小的absolute絕對位置元素覆蓋於整個left地區之上

         .left {

              position:relative;

              width:200px;

              height:200px;

              .......

             .click {

              width:200px;

              height:200px;

              position:absolute;      

              }

          }

5.為不同語言的頁面切換不同的樣式

        在sass環境下，我們可以將各種不同的語言的不同樣式這樣定於

       .zh(中文) {

           .index{

                .......

            }

         }

 

       .en(英文) {

           .index{

               .......

          }

         }

      然後我們在定義一個變數為lc,不同的語言的頁面我們可以將lc變數賦予不同的類值,如en,zh等等，

      再把lc類加在body父元素上即可實現不同國家不同語言進行顯示

6.如果顯示的一行文字超出所在的地區，我們把超出地區的文字用...來顯示的css技巧如下

    {

    .....

        line-height:40px;

        text-overflow:ellipsis;

        overflow:hidden;

        white-space:nowrap;

   }

js程式調試技巧