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;

   }