• 工作总结_js


         工作至今已经有7个月了,虽然有进步,但是总感觉还是什么都不知道.可能这其中很大一部分还是与自己有关系,遇到自己不知道,问了人,或者百度到了,但是自己没有用心记.平时要用的时候,打开上一个项目,复制粘贴.没有自己去体会,消化.

         虽然如此,但是为了能支持起我这懒散的性格,我还是把我最近遇到的问题总结一下吧,为了下一次能重复利用.

         我目前所在的公司主要是做微信开放的项目.那么在电脑上不会出现的问题,但是在手机上,那就是 "百花齐放"了.就从那个点击事件说吧,像我们一般在pc 端做一个click 事件完全没有任何问题,但是放在手机上,那就来事了.如果你遇到的是一般客户那没什么问题,但是如果你遇到了要求比较高客户那就有问题. 主要原因就是因为一般手机在注册点击事件的那个元素上会出现一个框(在点击的那一瞬间出现,一直到你放开手指都会一直存在).那么在遇到这种情况下,我目前掌握的一种方法就是 把 click 事件改成 touchend  事件形如(

       $("#Intro").on('touchend', function () {
                        window.location.href = "Introduction.aspx";
                    })
    View Code

    ) 这样就可以避免出现边框,但是随之而来的问题是这个事件在 pc 端是不会触发事件的意思就是点击效果不存在,所以你只能在所有功能调好了在要发布时改方法了.

       页面刷新随机出现图片的一种方式(

           function GetBaLinUrl() {
                    var msgList = ["../../images/jp_bl_11.jpg", "../../images/jp_bl_12.jpg", "../../images/jp_bl_13.jpg", "../../images/jp_bl_14.jpg", "../../images/jp_bl_15.jpg"];
                    var index = parseInt(Math.random() * (0 - 8) + 8);
                    return msgList[index];
                }
    View Code

    )

       js 改变div的背景图片(

     document.getElementById("message").style.backgroundImage = "url(" + msg + ")";
    View Code

     )

       ajax 传一个数组对象在handel 里取值(

    //第一步  
     var Mes = {
                            messAge: message,
                            imgUrl: ImgUrl,
                            txtBg: msg,
                        }
    //第二步
    
         type: "post",
          dataType: "json",
          data: { Mes: Mes },
    //第三步
    
      string Message = context.Request.Form["Mes[messAge]"].ToString() ?? "";
      string ImgUrl = context.Request.Form["Mes[imgUrl]"].ToString() ?? "";
    View Code

    )

       现在获取数据或者一些加载几乎都是js那么在做项目的时间很大一部分都耽搁在js上,所以js 的学习很重要啊.

  • 相关阅读:
    如何把项目上传到github
    springBoot整合Mybatis为什么可以省略mybatis-config.xml
    【Mybatis源码解析】-mybatis-spring原理解析
    没有名字 [整除分块优化dp]
    替身使者 [区间dp]
    P3158 [CQOI2011]放棋子 [动态规划]
    博士之时 [分类讨论, 计数]
    曾有两次 [最短路树]
    序列 [线段树]
    城镇 [树的直径, 启发式合并]
  • 原文地址:https://www.cnblogs.com/shuaif/p/4123271.html
Copyright © 2020-2023  润新知