关于页面的跳转，微信小程序提供了3种方法： 方法1： 使用API wx.navigateTo()函数首先创建一个新页面，使用方法如下 index.wxml: 在inde2.wxml新建一个button组件，并使用bindtap事件绑定一个函数index.js: 在index.js中的Page函数内部，添加changeToTest 函数，函数里面使用wx.navigateTo，写上需要跳转的页面，里面传入的是一个对象，对象内使用url属性，对应的就是需要跳转的页面的路径（注意：这是接收的是一个相对路径，并且...
wx804d7666e72050aa 一跳转到导航页 <navigator url="/pages/game/game" open-type="switchTab"> 二跳转到带箭头 <navigator url="../storiesdetai/storiesdetail"> 矢量图标库 https://www.iconfont.cn/plus/user/detail?uid=41718 小程序 微信公众平台 https://mp.weixin.qq.com/wxamp/home/guide?lang=zh_CN&token=337745326 https://developers.weixin.qq.com/miniprogram/dev/component/ 小程序组件库 https://weapp.iviewui....
前言 在引入之前，需要安装nodejs作为运行环境，具体操作网上可以搜得到！ 以引入vant为例： step1 右键miniprogram，选择“在终端打开选项”step2 初始化npm 输入npm init，下面的选择都用回车即可在项目中产生package.json文件即为成功step3 安装vant 使用命令 npm i vant-wapp -S --productionstep4 构建npm 点击微信开发者工具中的“工具”，选择“构建npm”选项结果：项目中多出来一个文件夹miniprogram_npm：step5 使用npm模...
今年4月24日，是我国发射第一颗人造地球卫星——“东方红1号”，50周年的纪念日。读了许多纪念文章，耳边仿佛就响起“东方红”的乐曲。忽然想起多年前写过一个演奏乐曲的小程序，它读取经过简单翻译的简谱，然后利用PC机的扬声器演奏出乐曲来。演奏的第一个乐曲就是“东方红”。特地将程序放上来，纪念这个伟大的日子。 当时的想法有点奇怪，并不是直接读谱演奏，而是读谱以后生成另一个源程序，这个派生的源程序将音符和节拍，计算...
不管做什么项目，一般会对ajax请求做个二次封装，小程序也不例外。小程序开发中都会调用API，小程序的开发文档提供了相对实用的api?wx.request()，把它进行二次封装成自己喜欢的写法 ? 我们在全局app.js 中定义?接口服务地址// 后端接口服务地址 var serverUrl = https://*************;封装方法 request(url, method, data) {let header = {token: wx.getStorageSync("token"),sessionKey: wx.getStorageSync("sessionkey")}let ...
520到了，看着朋友圈里的花式秀恩爱，平常午餐最爱吃的泡面都变得不那么香了。于是！突发奇想，突然就来了更新的想法，今天用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的字符字符/图片库，取模stm32f103c8t6 因为基本只用到两个外设，程序容量也很小，所以用...
我们知道小程序可以通过线下扫码、公众号、好友分享、长按小程序码、搜索小程序名称来找到，现在又多了一个新方式——小程序后台新增自定义关键词功能：已发布小程序的开发者，可提交最多10个与小程序业务相关的关键词，帮助你的小程序更好地被发现。 （登陆小程序后台——点击左侧“推广”添加关键词）自定义关键词搜索策略将于6月9日生效。届时，用户可以通过搜索关键词，找到相关的小程序。小程序的关键词每个月可以修改三次。...
微信小程序的搭建： 1、使用邮箱注册微信小程序帐号。 2、完善小程序主体。个人认为小程序的名称以及图标很重要。名称要言简意干，让用户根据名称就能知道小程序是做什么的。图标要简洁、清爽，并且符合主题。 3、开发小程序。自己具有开发能力是最好的，可以节省开发成本。如果自己不具备开发能力，首先评估小程序的价值、自己的对于小程序的预算。如果需要找第三方，首先建议找个人，其次是公司。（另外本人拥有10年开发经验，尤...
看官方源码以及代码示例： 示例官网：列表渲染wx:key 官方原话如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 <input/> 中的输入内容，<switch/> 的选中状态），需要使用 wx:key 来指定列表中项目的唯一的标识符。wx:key 的值以两种形式提供字符串，代表在 for 循环的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的字符串或数字，且不能动态改...
小程序wxml：页面的内容wxss：页面的样式javascript：页面的交互逻辑和数据通信wxs：wxml的脚本增强 filter等操作wxml范例<view class="className" data-name="A"> Hello,World! <view> Hello,China! </view></view>wxml语言特性：1.数据绑定<!--index.wxml--><view> <text>{{message}}</text></view>Page({ date: { message:"hello,world" }})属性id: string 组件的唯一标示 ...
第一步：开启下拉刷新事件 需要在页面对应的.json配置文件中配置"pullRefresh": true 第二步：下拉刷新生效的前提 同时，需要在json文件中配置"allowsBounceVertical":"YES"，才能实现下拉刷新的效果 ?{"pullRefresh": true,"allowsBounceVertical":"YES" } ?
简介 Taro是一个遵循React语法能够编译出微信小程序、H5、RN等运行代码并统一多端开发的框架。 安装 注意：安装前先把node更新为最新的版本，以防在安装taro的时候会出现错误！！ 在window上更新直接去node官网下载，安装路径在node旧版本的路劲下，这样就会覆盖掉旧版本的 npm install -g @tarojs/cli taro init demo注意：出现以下这样的情况，可能是node的版本太低了，更新为最新的就好安装过程最后安装成功！！编译运行 taro b...
?好长时间没有写博客了，最近10天只写了一篇。 并不是我颓废了，而是在忙于开发新的内容，没有太多时间去写博客，写一篇博客满打满算起码都需要5个小时左右，还不算上前期的准备。那就来说一下最近这10天主要在做什么，之前说的会对我的网站加入订阅功能，到目前为止，已经完成了整个流程的拉通，初步的功能已经完成，但是考虑到还有很多权限等方面的问题没有测试，因此可能距离上线还有一段时间。这个功能并不是很急，所以目前并没...
导航栏是app，小程序中非常常见的一个需求，作为常见的需求，如何高效地完成该需求的实现，就异常关键。那么我们如何从0到1实现自己的导航栏控件呢，请看本文。 导航栏实际效果 1. 没有点击时候，导航栏显示放大镜图标2. 点击导航栏，显示搜索两个字3. 可以输入关键词，进行搜索导航由于在一个小程序里面，导航栏功能出现很多，因此我计划将其做成一个控件，以便多次复用，减少代码重复冗余。这就涉及到了components组件的知识点 ...
背景微信小程序作为现在流行的一种应用载体，很多小伙伴都有对其做自动化测试的需求，由于腾讯系 QQ、微信等是基于腾讯自研 X5 内核，不是谷歌原生 webview，所以调试会有些许差异（现在很多 app 产品也开始流行采用 X5 内核作为其内嵌 Web 浏览服务）。需要注意的是 X5 内核只支持手机，模拟器是不支持的。我们的教程以最主流的 Appium 自动化技术为例讲解如何对微信小程序做自动化测试。准备工作step1：打开微信小程序 webview 调...