• 工作总结_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 的学习很重要啊.

  • 相关阅读:
    HashMap底层实现原理/HashMap与HashTable区别/HashMap与HashSet区别
    手动部署 Ceph Mimic 三节点
    Ceph 分布式存储架构解析与工作原理
    OpenStack 的单元测试
    OpenStack 虚拟机启动流程 UML 分析(内含 UML 源码)
    我非要捅穿这 Neutron(四)Open vSwitch in Neutron
    手动部署 OpenStack Rocky 双节点
    OpenStack Blazar 架构解析与功能实践
    基于 Open vSwitch 的 OpenFlow 实践
    OpenFlow/SDN 的缘起与发展
  • 原文地址:https://www.cnblogs.com/shuaif/p/4123271.html
Copyright © 2020-2023  润新知