个人小程序笔记（辅助专用）

动态添加表单并获取动态数据

代码片段下载地址

动态修改页面标题setNavigationBarTitle

{"navigationBarTitleText": "个人中心"
}

微信小程序tab切换功能的实现
链接: https://www.jianshu.com/p/1a3405f77654
这个比较好用
备注记得给 swiper-item 下的scroll-view 加上 style=“height:{{winHeight}}px” 并设置高度为100%
想要导航栏固定不动记得加上position:fixed;z-index:2;

微信小程序图片自适应宽度

<image src="/pages/images/ant-header.png" mode="widthFix"></image>

给图片一定宽度，高度不写在标签内部添加上 mode=“widthFix”

折叠面板
这好用
https://www.cnblogs.com/adobe-lin/p/9564549.html

小程序自定义下拉多列选择器
跳转

有赞小程序组件库
有赞

小程序登录后，点击页面，始终是先调接口，再app.globalData赋值，导致接口获取不到数据
这个时候就可以用setInterval每几秒赋值一次以达到数据渲染成功的效果
以下是echarts图表赋值：

 var timer=setInterval(function(){option.series[0].data[0].value = app.globalData.chartsnum;chart.setOption(option,true);clearInterval(timer)},2000)

获取手机号
跳转

手机号格式验证

if (!(/^1[34578]\d{9}$/.test(that.data.mobile))) {wx.showToast({title: '手机号码有误',duration: 2000,icon: 'none'});return false;}

小程序session_key获取
用code通过服务器后台换取（也就是找后台在返回openID的时候一起返回）
session_key可以用来获取用户信息

禁止swiper滑动
给swiper-item 添加 catchtouchmove="stopTouchMove"
js:

  stopTouchMove:function(){return false;},

弹框
跳转

禁止滚动（防止穿透）
给标签上加上 catchtouchmove=“true”

data数组内某个参数修改

data: {isshow:0,anlist: [{text: '男',current: 1},{text: '女',current: 2}],newanlist:[{text:'',current:3}],currentTab: 0,lasttext:''},addmore:function(){var that = this    var thisnum = that.data.anlist.length - 1var getnewanlist = 'anlist[' + thisnum + '].text'that.setData({[getnewanlist]: that.data.lasttext,isshow: 0})          },

Javascript根据id获取数组对象

let data = [{id: 1, title: 'React'},{id: 2, title: 'Vue'},{id: 3, title: 'Angular'},{id: 4, title: 'Django'},{id: 5, title: 'Laravel'}]getDetail(_id) {let result = data.find((item) => {return item.id == _id})console.log(result)}

查询参数在第几条

var cuurent = res.data[0][0].all.indexOf(res.data[0].is_drink) +1

转义

url = url.replace(/&quot;/g, '"');
url = url.replace(/&amp;/g, '&');
url = url.replace(/&lt;/g, '<');
url = url.replace(/&gt;/g, '>');
url = url.replace(/&nbsp;/g, ' ');

年月日picker选择器

<picker class="toast_date" mode="date" value="{{date}}" start="" end="" bindchange="date_change"><view>{{date}}</view>
</picker>

var util = require('../../components/ymd/ymd.js')
var now_date = util.formatDate(new Date())
Page({/*** 页面的初始数据*/data: {date: now_date},date_change: function(e) {this.setData({date: e.detail.value})},
})

组件

function formatTime(date) {  var year = date.getFullYear()  var month = date.getMonth() + 1  var day = date.getDate()  var hour = date.getHours()  var minute = date.getMinutes()  var second = date.getSeconds()  return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}  function formatDate(date) {  var year = date.getFullYear()  var month = date.getMonth() + 1  var day = date.getDate()  return [year, month, day].map(formatNumber).join('-')
}function formatNumber(n) {  n = n.toString()  return n[1] ? n : '0' + n
}  module.exports = {  formatTime: formatTime,formatDate: formatDate
}

微信小程序怎么引入iconfont字体图标?
https://www.cnblogs.com/jiaoshou/p/14123709.html

个人小程序笔记（辅助专用）相关推荐

wx小程序笔记（2）
wx小程序笔记第三章:常用组件第一节:scroll-view组件 view: scroll-view: 设置横向滚动: 设置竖向滚动: scrolltoupper和scrolltolower事件: ...
小程序笔记（四）发表评论或者普通发帖
做个简单的wxml页面 <view class='by'><view class='sct'>发表您的评论</view><view class='sccv'& ...
小程序笔记（二）另一种方便获取wxapkg方法
1.首先先下载一个夜神模拟器(为什么用夜神..因为我android开发测试用到,不想用android studio自带的虚拟机,所以就用夜神模拟器) 然后当然是打开夜神模拟器,下载一个微信然后打开微 ...
关于生活垃圾分类，可以使用垃圾分类小程序进行辅助识别
关于生活垃圾分类,可以使用垃圾分类小程序进行辅助识别分类收集分类收集生活垃圾,不得混合收集已分类的生活垃圾,不得将危险废物.医疗废物.工业固体废物.建筑垃圾.农业固体废物等混入生活垃圾; 按时分类 ...
微信小程序笔记（三）Wepy使用记录—Stylus预编译基本使用
Wepy使用记录-Stylus预编译基本使用坏境搭建请前往wepy框架官网淘宝 NPM 镜像 wepy新建wpy初始化模板参考创建空项目使用wepy init empty 项目名称命令来创 ...
wx小程序笔记（1）
wx小程序笔记第一章:小程序前奏第一节:账号和软件第二章:小程序基础第一节:项目结构第二节:配置第三节:WXML语法数据绑定(js数据) 条件渲染(判断) 列表渲染(循环) wx:key ...
uni-app开发小程序,笔记记录6 商品详情页
学习地址零基础玩转微信小程序:黑马程序员前端微信小程序开发教程,微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署) uniapp - 黑马优购笔记地址知识点 1 数据加 ...
12-02-微信小程序笔记
请求和数据渲染 data:{mainCate}onLoad: function (options) {let that = thiswx.request({url: 'https://daohui.j ...
Android挂逼修练之行--微信小程序逆向辅助插件工具开发详解
一.前言之前一篇文章已经详细介绍了:微信小程序包的格式解析,在之前文章中也了解到小程序包存放在沙盒目录,但是微信为了让小程序包安全就对文件名做了一个处理,导致我们很难找到对应的小程序对应的包文件,所 ...

个人小程序笔记（辅助专用）

个人小程序笔记（辅助专用）相关推荐

最新文章

热门文章