zoukankan      html  css  js  c++  java
  • 小程序问题汇总

    小程序开发问题汇总(会持续更新遇到的问题):

      1、小程序new Date('2020/01/15 15:00')处理时间的时候,在IOS真机上不支持‘-’连接的时间格式,会报undefined,在安卓和工具上可以;在处理日期的时候需要将'2020-01-15'这种格式的日期转换成'2020/01/15'这种格式的才可以;

      2、小程序引入三种文件类型的方法:引入js使用require('路径');引入wxml使用 <include src="../template/template.wxml" />;引入css:使用@import "../template/template.wxss";

      3、富文本设置所有img的样式:

     1 // 小程序<rich-text/>设置所有img的样式
     2 Page({
     3       onLoad: function (options) {
     4           let con = decodeURIComponent(options.params), //富文本内容
     5           pattern = con.replace(/[^u4e00-u9fa5]/gi, ""); //提取所有汉字
     6           this.setData({
     7               content: con.replace(/<img/g, '<img style="max-100%;height:auto;display:block;margin-top:40rpx;margin-bottom:40rpx;margin:0 auto;"')
     8           })
     9       },
    10 })
    

      4、解决wxParse富文本插件图片无法预览得问题,参考这篇文章https://blog.csdn.net/zhuming3834/article/details/74380079,但是根据文章操作后没发现内容竟然不显示了,最终解决如下:

    // 修改wxParse.js中得两处内容
     var bindData = {};
      bindData[bindName] = transData;
      that.setData(bindData);
      that.bindData = bindData; //增加了行代码
      that.wxParseImgLoad = wxParseImgLoad;
      that.wxParseImgTap = wxParseImgTap;
    
    
    // 图片点击事件
    function wxParseImgTap(e) {
      var that = this;
      var nowImgUrl = e.target.dataset.src;
      var tagFrom = e.target.dataset.from;
      if (typeof (tagFrom) != 'undefined' && tagFrom.length > 0) {
        wx.previewImage({
          current: nowImgUrl, // 当前显示图片的http链接
          // urls: that.data[tagFrom].imageUrls // 需要预览的图片http链接列表
          urls: that.bindData[tagFrom].imageUrls // 增加了这行代码
        })
      }
    }

       5、小程序引用图片真机出现模糊的问题:可使用2倍或3倍图解决,或将2倍、3倍图转换base64后即可解决;

  • 相关阅读:
    翻译MDN里js的一些方法属性
    ajax相关
    我的面试错题
    写代码通用思路
    工厂模式
    cookie & session
    X-UA-Compatible设置IE浏览器兼容模式
    [转]IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案
    EasyUseCase 一款脑图转化 Excel 测试用例工具 (1.2 版本升级)
    XMind2TestCase:一个高效测试用例设计的解决方案!
  • 原文地址:https://www.cnblogs.com/rzsyztd/p/12205835.html
Copyright © 2011-2022 走看看