zoukankan      html  css  js  c++  java
  • 工作总结_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 的学习很重要啊.

  • 相关阅读:
    BUAA OO Unit3 Summary——万物即可形式化
    BUAA OO Unit2 Summary
    BUAA OO Unit1 Summary
    [机器学习笔记(三)]保存加载模型的几种方式
    交互式多媒体图书平台的设计
    【tips】带公式的Markdown转pdf
    【学习笔记】码农的自我修养之必备技能
    【Callback接口初探】工程化编程实战Callback接口学习笔记
    在linux下配置VSCode的开发环境
    网络知识水平与网络编程技能水平测试
  • 原文地址:https://www.cnblogs.com/shuaif/p/4123271.html
Copyright © 2011-2022 走看看