huang_jimei的博客

一、设计图给出的placeholder的字体颜色跟默认的不一样，需自定义，给其自定义一个placeholder-class。

2、代码实现，直接使用微信官方文档中的wx.previewImage(Object object)1、小诚信中实现图片放大预览功能，效果如下。

4、参考帖子来源：https://www.cnblogs.com/haonanZhang/p/8797544.html。

一、在列表页中，点击单条数据，进入详情页，就需要页面之间的传参二、例子（1）列表的wxml页面<view class="con" wx:for="{{orderList}}" wx:key="index" data-index="{{index}}" bindtap="seeDetail"></view>（2）列表的主要js //点击查看待接单详情 seeDetail: function (e) { var indexs = e.currentTar

一、加入购物车的时候判断是否已经存在该条数组，如果有，则将已存在数据数量加1，不存在就连接两个数组，加入到已有数组列表/* 加入购物车 */ addCart:function(e){ var that=this; var index = e.currentTarget.dataset.index; //数量 //新定义一个数组用来装新添加入购物车的数据 var newarray = [{ orderDFoodName: this.data.addname,

一、小程序获取时间点时分秒var myDate = new Date();// var times=myDate.toLocaleTimeString(); //获取系统当前时间,会多了一个上午。下午 var hh=myDate.getHours(); var mm=myDate.getMinutes(); var ss=myDate.getSeconds(); var times1=hh+':'+mm+':'+ss; console.log('当前时间点'

一、小程序倒计时是非常普遍用的，比如在订单支支付的15分钟倒计时二、代码实例js文件// pages/shower/shower.jsvar num = 900//计时 var strH = '' var strM = '' var strS = '' var timer = '' Page({ data: { timeText:'', paytime:'' }, onLoad: function (options) { var paytime=w

一、倒计时发现在安卓机和编辑器里面的倒计时是正常的，但是预览和发布到线上，苹果机就不显示了，几经周折终于解决了：ios系统不支持2020-06-24这样格式的时间导致出现的这个问题，IOS只识别2018/03/09这样的格式。所以需要将时间 转换一下。二、代码用正则匹配改一下，例如：var paytime= '2020-06-24 12:00:00'paytime=paytime.replace(/-/g, '/'); var date =new Date(paytime);..

一、删除数组中的一个对象后，对应的节点怎么删除？删除后，需要页面更新，需要setData一下if(cnumber==0){ this.data.orderList.splice(cindex,1); //当减为0的时候删除该项内容 this.setData({ orderList:this.data.orderList }) }...

一、如下图所示：计算结果多出来了几位小数二、原因其实是JS精确度的问题，用到toFixed()方法就好了使用toFixed()方法，保留小数点后几位数，但是这个方法会有一个缺点，就是它的类型也会改变了，会变成string类型。所以在toFixed方法后再用parseFloat转一下类型。三、代码下面代码保留小数点后2位数var dtoal=parseFloat((this.data.total+ctoal).toFixed(2)); //总价格加一份的价格...

splice()方法，这个方法恐怕要算是最强大的数组方法了，它有很多种用法。splice()的主要用途是向数组的中部插入项，但使用这种方法的方式则有如下3种：（1）删除：可以删除任意数量的项，只需指定2个参数：要删除的第一项的位置和要删除的项数。例如，splice(0,2)会删除数组中的前两项。if(cnumber==0){ this.data.orderList.splice(cindex,1); //删除该项 }（2）插入可以向指定位置插入任意数量的项，只需

一、需求：通过指定下标，来修改数组中的一个属性值（1）首先将数组指定下标的连成字符串，用变量装起来var modif='orderList['+cindex+'].orderDNumber';（2）在this.setData中将刚才的变量[]括起来this.setData({ [modif]:cnumber });（3）扩展：怎么获取对应的下标呢？在wxml页面：<view class='HZL_jia ' bindtap='HZL_jia1'

最近在捣鼓小程序,在做的过程中遇到一个问题,就是左上角的返回按钮默认是返回上一页的。但是我做的是注册页,注册页有几个步骤,每个步骤都是一页,我希望到注册成功这一页的时候,我点击左上角的返回按钮能直接回到登录页。我查了官方文档和谷歌后都没找到解决办法。后面就想了一个变通的办法:利用小程序的生命周期,当页面卸载的时候,跳转到指定的界面使用的小程序知识点:1.生命周期:onUnload2.导航:wx.reLaunch(关闭所有页面，打开到应用内的某个页面)onUnload: function () {

一、小程序跳转方式（1）wx.navigateTo 组件跳转的页面路径最多只有5层，当页面路径大于5层时，使用wx.navigateTo()进行下一页吗跳转会抛出错误：navigateTo:fail webview count limit exceed.wx.navigateTo({ url: '/pages/myOrder/myOrder', })（2）wx.redirectTo 五层的限制只是针对 navigateTo，redirectTo 则无此限制。因为 redirectTo的行为是：关闭

一、pick:从底部弹起的滚动的日期选择器。二、代码实例<view class="section"> <view class="section__title">普通选择器</view> <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}"> <view class="picker"> 当前选择：{{array[index]}

（1）使用wx.request可以发起一个http请求，一个微信小程序被限制为同时只有5个网络请求。function queryRequest(data){ wx.request({//发起 HTTPS 网络请求 url:"https://example.com/api/",//开发者服务器接口地址 method: 'GET',//HTTP 请求方法 header: {'content-type': 'application/json' },// 默认值

一、小程序中如果制作tab选项卡切换思路：给每个tab都绑定了同一个方法，并且给每个tab都绑定不同的data-type值，当点击当前的tab，就获取当前tab的data-type值，并且赋值给dataType变量储存起来。这样就实现了点击效果这里判断状态值的时候用到了三元运算符：前面的条件为真的时候，后面的样式active就为真（1) 在myorder.wxml页面中<view class="toptab"> <view class="btn1" bindtap="bind

一、之前碰到过这样的情况：地址管理上，我添加了地址，添加成功后马上返回地址列表页面，但是地址列表页并没有显示刚才添加的那条地址信息，等退出去再进入，才会显示已添加过的地址信息，是页面刷新问题。二、解决办法：再经过研究后发现----在添加成功后返回地址列表应该页面进行刷新，所以每次进入页面要刷新的话，要把数据请求的方法写入到onshow这个方法里，而不是写在onload方法里面...

一、弹出几秒后自动消失1、wx.showToast（）wx.showToast({ title: '成功', icon: 'success', duration: 2000})（1）icon :图标的值有以下几种：（2）duration:提示的延迟时间，默认时间值为1500(3) title：提示的内容二、弹出提示框、需要用户点击确认手动关闭弹窗（还可以在用户点击确认的时候跳转到其它页面） wx.showModal({ title: '删除地址成功'

banner.wxml文件<swiperindicator-dots="{{indicatorDots}}"autoplay="{{autoplay}}"interval="{{interval}}"duration="{{duration}}"indicator-active-color="{{indicatorDotsColor}}" class='banner'> <block wx:for="{{imgUrls}}"> <swiper-item&g

(1) hidden.wxml页面部分<view bindtap='clickthis'>点击</view>//这是显示隐藏的部分<view hidden="{{hiddenMe}}">隐藏显示部分</view>hidden.js页面部分page({ data:{ hiddenMe:true }, clickthis:function(e){ this.setData({

一、数据绑定（1）WXML 中的动态数据均来自对应 Page 的 data。数据绑定使用 Mustache 语法（双大括号）将变量包起来，可以作用于：内容<view> {{ message }} </view>Page({ data: { message: 'Hello MINA!' }})二、列表渲染 wx:for（1）在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 ind

（1）设置文字行数为2行（多行显示）小程序中单位为rpx.text2{width: 395rpx;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /*两行,超出为省略号*/-webkit-box-orient: vertical;align-content: center;font-size:

（1）使用网络图片: background-image: url(“https://xxxx/xxx.jpg“);（2）将背景图片使用编码base64进行转换（缺点是一大段乱码，不方便阅读） 可以在这个网址进行 http://www.css-js.com/tools/base64.html 转换，如：background-image: url(“转换后得到的编码文本”），如果多次使用的话可以将该值设置为全局变量，再在js文件进行引用即可；（3）使用image组件而去掉背景图片；...

（1）我们使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。App.json文件{ "pages": [ //页面路径"pages/index/index", "pages/logs/index" ], "window": { "navigationBarTitleText": "Demo" }, "tabBar": { "list": [{ "pagePa