小白的一次小程序编程的各种记录

开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似创建自定义组件首先需要在 json 文件中进行自定义组件声明（将 component 字段设为 true 可将这一组文件设为自定义组件）：{ “component”: true}注意：在组件wxss中不应使用ID选择器、属性...

1、动态修改setdata后面的变量名: const indexname=e.currentTarget.id this.setData({ [indexname]: e.detail.value //需在变量名上加方扩号 }) console.log (this.data.delivery_range_index)...

动画的实现官方文档是这样说的：①创建一个动画实例 animation。 var animation = wx.createAnimation({ duration: 4000, timingFunction: 'ease', delay: 1000 });②调用实例的方法来描述动画。animation.opacity(0.2).transla...

wx.chooseImage 从本地相册选择图片或使用相机拍照。调用成功返回一个tempFilePaths数组 图片的本地临时文件路径列表 (本地路径)和一个tempFiles数组 图片的本地临时文件列表wx.chooseImage({ count:3, //设置一次最多可以选择的图片张数 sizeType: ['original', 'compressed']...

小程序全局变量的使用参考原创小曲曲 最后发布于2019-08-04 19:10:24 阅读数 398 收藏app.js中可以定义全局变量/ 代表定义全局变量rooturl网络根目录globalData: { rooturl: "https://www.1000ja.cn/yyh/", }页面中使用全局变量页面js文件中const app = getApp() // 引入...

ES6 Promise 用法讲解从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法。Promise的构造函数只接收一个函数作为参数，这个函数有两个回调函数作参数：这两个回调函数分别是resolve，reject，分别表示异步操作执行成功后的回调函数和异步操作执行失败...

在小程序中登录的第一步，就是先获取登录凭证。我们可以使用wx.login()方法并得到一个登录凭证。我们可以在小程序的App代码中发起登录凭证请求，也可以在其他任何Page页面代码中发起登录凭证请求，主要根据你小程序的实际需要。具体过程 可以看上图，不多说直接上代码login.js userInfo: function (res) { console.log(res...

小程序setdata 改变数据集时提示 For developer:Do not set same key “[object Object]” in wx:key.刚开始以为数据集错误，查网后又想到数据集是通过for 循环渲染的，在for 时需要设置 wx:key ，原来代码是<block wx:for="{{list}}" wx:key="*this" wx:for-item="it...

WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。定义模板使用 name 属性，作为模板的名字。然后在内定义代码片段<template name="worker"> <view bindtap="godetailzw" class="list" data-job_id="{{item.job_id}}" data-company_na...

1、通过URL直接传递 js里通过options来接收如把str设成“aa” ： vx.navigateto ({url:’/test/test?str=aa’}接收test.js页面： onload:function(options) {console.log(“接收到的参数str=&quot;+options.str)}此方法不能传递对象2、通过id的方法标识跳转后传递参数值如 :&amp;lt;v...

创建小程序下拉菜单菜单的按钮箭头是利用边框线加旋转功能实。利用css display: none;隐藏菜单，和.dropdown:hover .dropdown-content {display: block;显示菜单详见代码wxml内容 &amp;lt;!--下拉菜单 --&amp;gt; &amp;lt;view class='weui-cell '&amp;gt; &amp;lt;!--下...