微信小程序学习笔记

1.问题:做项目的时候,点击input标签很难获取到焦点进行输入

解决办法:鼠标长按即可

2.问题:wx.navigateTo页面不跳转

原因:我想要跳转到的目标页面含有tabBar底部菜单栏

解决办法:将wx.navigateTo换成wx.switchTab

3.问题:怎样限制显示文字的长度,超出长度显示省略号

解决办法:CSS设置

  text-indent:2em; /*首行缩进*/
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;/*超出两行进行隐藏*/
  -webkit-box-orient:vertical;

4.问题:页面跳转的时候怎么传递对象参数

解决办法:传递之前用JSON.stringify();函数将对象转换成字符串,在目标页面的onLoad函数中用JSON.parse()函数将字符串还原成对象。

5.问题:怎样给缓存设置有效期

解决办法:

var dtime = '_deadtime';
// 设置缓存,k为key,v为具体内容,t为可选参数表示有效时间(单位:秒)
function put(k, v, t) {
  wx.setStorageSync(k, v)
  var seconds = parseInt(t);
  if (seconds > 0) {
    var timestamp = Date.parse(new Date());
    timestamp = timestamp / 1000 + seconds;
    wx.setStorageSync(k + dtime, timestamp + "")
  } else {
    wx.removeStorageSync(k + dtime)
  }
}

// 获取缓存,k为key,def为可选参数,表示无缓存数据时返回值
function get(k, def) {
  var deadtime = parseInt(wx.getStorageSync(k + dtime))
  if (deadtime) {
    if (parseInt(deadtime) < Date.parse(new Date()) / 1000) {
      if (def) { return def; } else { return; }
    }
  }
  var res = wx.getStorageSync(k);
  if (res) {
    return res;
  } else {
    return def;
  }
}

//移除缓存
function remove(k) {
  wx.removeStorageSync(k);
  wx.removeStorageSync(k + dtime);
}

//清空缓存
function clear() {
  wx.clearStorageSync();
}

module.exports = {
  put: put,
  get: get,
  remove: remove,
  clear: clear,
}

 

 

你可能感兴趣的:(html,微信小程序,html)