作者: admin

  • IOS点击出现阴影

    * {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-tap-highlight-color: transparent;
    }
  • 微信内置浏览器打开h5页面上传图片

    微信 jssdk 微信内 上传

     

    <input type="file" class="opacity0" accept="image/*"> //微信内部使用,外部使用accept="images/*"

     

    或者

     

    用微信打开h5页面,直接使用以下input是不允许上传图片的。直接使用微信提供的jssdk,去调用微信内部的方法才能上传

    <input type="file" accept="images/*">  //微信内置浏览器是不允许用这样直接上传图片,坑

    https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html

     

    html:

    <button @click="selectimg">选择图片</button>
    <button @click="upimg">上传</button>
    <img id="img11" src=""> <!--预览图片-->

     

     

    这里显示上传需要的部分代码:

    jsApiList: [
     'chooseImage',
     'uploadImage',
     'getLocalImgData',
     'downloadImage',
    ]

     

     

    selectimg:function(){  //选择要上传图片
      var self=this;
      wx.chooseImage({
        count: 9, // 默认9
        sizeType: ['original', 'compressed'],
        sourceType: ['album', 'camera'],
        success: function (res) {
         // Tools.dialog.alert(res.localIds[0]);
           self.wxid=res.localIds;
           Tools.dialog.alert(self.wxid);
    
        }
      });
    },
    
    
    upimg:function(){
      var self=this;
      wx.uploadImage({   //上传图片
        localId: self.wxid.toString(),
        isShowProgressTips: 1,
        success: function (res) {
    
    
          wx.downloadImage({   //下载图片
            serverId: res.serverId,
            isShowProgressTips: 1,
            success: function (ress) {
    
    
                wx.getLocalImgData({  //获取图片
                  localId: ress.localId, // 图片的localID
                  success: function (res) {
                    var localData = 'data:image/jpg;base64,'+res.localData; // localData是图片的base64数据,可以用img标签显示
                    //Tools.dialog.alert(localData)
                    $('#img11').attr({src:localData});
                  }
                });
    
            }
          });
    
    
        }
      });
    },

     

    相关文章:

    微信jssdk授权签名以及config配置

    微信公众号授权第三方 OAuth2.0

     

  • js返回上一页并刷新上页

    js 上一页 后退 返回 上一页 刷新

    例如从A页面跳转到B页面,点击B页面上的按钮返回到A页面并刷新A页面。

    在B页面的按钮事件加上:

    window.location.href=document.referrer;

     

    如果要实现ajax局部内容加载,并按浏览器的物理后退键显示上一次加载的内容,推荐使用jquery.pjax.js,

    参考文章:《为ajax添加前进后退功能–jquery.pjax.js》

     

  • css 禁止长按屏幕选中文本

    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
  • webstorm使用git

    https://gitforwindows.org/ 去下载最新的window版本Git工具

    选好路径,点击“test”即可。

     

    1,确定你的项目目录是git仓库,看有没有.git目录就知道

    2,对着当前git仓库的根目录右键

     

    3,接着会显示该仓库的所有commit数据,就是所有修改过改项目的开发人员

    选中对应的commit,右边窗口就会显示对应本次commit提交过的内容

     

    4,代码对比

     

    同一个文件可以在不同commit下对比,也可以在不同分支下对比,如:

     

    5,单个文件对比

     

    这里推荐安装一个辅助插件:gitToolBox

     

    git笔记