建议刚入坑小程序的朋友，不懂的仔细看看！然后记住，多使用。话不多B说，直接上代码： 部分说明： setData()； 该方法是小程序特有的，就是一个将数据渲染到页面的方法，建议仔细去看看官方文档了解下（之前折腾了好久！）
现在如果说到小程序相信大家都不会陌生，经过数据统计现在微信小程序的数量已经达到了百万个的级别，其实不光有微信小程序，其他的app也有小程序，比如百度小程序、抖音小程序和支付宝小程序等，小程序很多app都有，只不过由于微信使用的用户更多，所以微信小程序比较出名，但是现在移动端还有一个产品比较流行，那就是H5，很多客户不懂这两者的区别，今天我们给大家简单的介绍一下。 首先来说微信小程序，微信小程序是基于微信上的...
微信小程序端的效果1：微信端代码 （2）wxxml <view class="container-body container-gray" style="display:{{showfootertab==0?'block':'none'}}"><form bindsubmit="evaSubmit"><view class="group"><view class="group-header">问题描述</view><view class="group-body"><textarea name="evaContent" maxlength="500" value="{{evaContent}}" class="weui-textarea" placeholder="填写内容(12-500字)" bindblur="charChange" /...
<view class="df yuding" style="padding:24rpx 0;"><view class="fs26">预计到店</view><picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}"><input value={{time}} name="dd_time" placeholder=选择时间 class="fs26 changetime"/></picker></view>const date = new Date(); const years = []; const months = [];...
原文链接：https://my.oschina.net/xiaomaomi1997/blog/3096963funtion的封装 utils =>http.js var tips = {1: "没有网络",999: "无效的请求",5000: "没有这些电影" }function http(params) {/*params 对象包含 url,success,method,data */if(!params.method){params.method ="GET";}wx.request({url:params.url,method:params.method,data:params.data,header: {'Content-Type': 'json'},success: function (res) {var statusCode...
微信小程序 API API 框架提供丰富的微信原生API，可以方便的调起微信提供的能力，如获取用户信息，本地存储，支付功能等。 说明：wx.on开头的API是监听某个事件发生的API接口，接受一个CALLBACK函数作为参数。当该事件触发时，会调用CALLBACK函数。 如未特殊约定，其他API接口都接受一个OBJECT作为参数。 OBJECT中可以指定success,fail,complete来接收接口调用结果。参数名类型必填说明success Function 否 接口调用成功的回调函数...
微信小程序Video组件的声音是由muted控制，一般会写成 muted = "flase" ，或者直接muted，默认值不起作用，只能写成muted="{{flase}}"
前言 昨天在微信小程序实现了圆形进度条，今天想把这个圆形进度条做成一个组件，方便以后直接拿来用。根据官方文档自定义组件一步一步来 创建自定义组件 第一步创建项目结构 打开微信开发者工具创建一个项目，新建目录 components 与 pages 目录同级在components中新建一个目录circle在circle中新建 Component 命名为 circle 自动生成 json wxml wxss js 4个文件。结构如下： 第二步编写组件 编写json 首先需要在 json 文件中进行自...
此文转载自：https://blog.csdn.net/k_ksy/article/details/106233645520到了，看着朋友圈里的花式秀恩爱，平常午餐最爱吃的泡面都变得不那么香了。于是！突发奇想，突然就来了更新的想法，今天用32来做一个非常简单的小程序： 简单放个歌，再放个图 stm32f103c8t6无源蜂鸣器库函数void Bee_Init(void)void Bee_test(void)乐谱（简谱）void Play_Music(void)OLED模块（7脚64*128）模拟SPI.h.c OLED.h.c显示16*16的字符字符/图片库，...
一、小程序组件复用 组件是什么 组件：具有完整功能（html-视图,css-样式,js-逻辑），并且独立运行的模块 插件：通常是为了完成某项具体的业务功能而开发的js文件 例如：swiper.js,弹框.js，。。。。 类库：library,是提供了为了完成项目的工具方法的集合，跟具体的业务无关！ 例如：jQuery,lodash.js 框架:framework,分 是为了快速完成项目搭建的基础。框架分：UI 框架和javaScript框架UI框架：boostStrap,Element UI,vant UI,ivi...
wx小程序的文档阅读 记载如下 简易双向绑定 <input model:value="{{value}}" />组件间双向绑定 <input model:value="{{myValue}}" /> <custom-component model:my-value="{{pageValue}}" /> Component({properties: {myValue: String} }) 或者在事件中触发 update: function() {// 更新 myValuethis.setData({myValue: 'leaf'}) } 用于双向绑定的表达式有如下限制： 只能是一个单一字段的绑定，如 <input model:value="值为 {{valu...
小程序云开发介绍 小程序云开发实战直播课是由腾讯云云开发和微信极客WeGeek 联合举办的免费课程，旨在为微信小程序开发者提供云到端的一站式解决方案，降低技术门槛、减少研发成本、提升开发效率，以协助开发者快速搭建稳定高质量的微信小程序应用。 本次直播课将会演示如何 使用云开发快速为小程序加入订阅消息能力，在实战环节会带领大家搭建一个 具备订阅消息管理能力的开课提醒小程序。 基础知识点 1、小程序云开发介绍 “小程...
事件简介 ①本质：事件是视图层到逻辑层的通讯方式。 ②作用：事件可以将用户的行为反馈到逻辑层进行处理。 ③应用：事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。 ④参数：事件对象可以携带额外信息，如id，dataset，touches 事件类型 在编写代码中，使用频率高的事件方式是：单击：tap 长按：longtap 滑动：touchstart、touchmove、touchend、touchcancel常见的事件类型：注意：touch触屏系列事件...
视频 app.json "plugins": {"tencentvideo": {"version": "1.3.6","provider": "wxa75efa648b60994b"} }, index.json {"usingComponents": {"txv-video": "plugin://tencentvideo/video"} } index.wxml<txv-video vid="{{index_data.video_info.url}}" playerid="{{index_data.video_info.url}}" autoplay="{{false}}"></txv-video>
效果图使用基础内容组件progress制作动态进度条。 视图代码<!--pages/progress/progress.wxml--> <progress stroke-width=30 percent={{value}}></progress>逻辑层代码// pages/progress/progress.js Page({/*** 页面的初始数据*/data: {value:0},/*** 生命周期函数--监听页面加载*/onl oad: function (options) {let timer;timer=()=>{setTimeout(()=>{const val=this.data.value;this.setData({value:val<100?val+10:0});timer...