zoukankan      html  css  js  c++  java
  • 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;

                  200px;

                  height:200px;

                  .......

                 .click {

                  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;

       }

  • 相关阅读:
    abp架构中加载公共css样式表和公共js的文件目录位置
    angular中[hidden]="expression"注意事项
    angular中使用canvas画布做验证码
    AngularJs页面跳转
    Angular学习笔记【如何正确使用第三方组件】
    【JavaScript权威指南】——逻辑与(&&)
    angular学习笔记【ng2-charts】插件添加
    OpenLayers v4.2.0 -----地图延迟加载;
    Sharepoint 图片库字段名称(Title)和对应的内部名称(InternalName)
    Sharepoint JSCOM 列表操作
  • 原文地址:https://www.cnblogs.com/zlz-ling/p/4227298.html
Copyright © 2011-2022 走看看