条件渲染： wx:if 在框架中，我们用户wx:if="{{condition}}",来判断是否需要渲染该代码块； 也可以用 wx:elif 和 wx:else ,来添加一个 else 块； 逻辑层：界面： 显示 loading ，在2秒后消失，同时显示 load done ps:该需求，第一次是显示加载，2秒之后显示加载完成；来回切换的现象。 对于频繁被切换使用的元素，不应该使用 wx:if 来回切换，用hidden效果更好。block只是一个包装元素，不会对界面的结构造成任何影响 ...
想找一款配音软件发现配音软件真的很多，你是否会感到犯难呢？智能语音这些年发展的很快，近年来因着市场的需求配音的APP更是类目繁多，要说良心的配音软件微信小程序“微配音”可以算得上一个。微信小程序“微配音”一款专业的文字转语音配音软件，一款主播超级多的文字转语音配音软件，我就不一一细数多少位主播了，因为太多在其中找一找总会有你要的声音。而且是一款微信小程序类的软件，打开即用，不占任何内存。声音超级逼真。...
前言 这俩年微信小程序特别火，就抽空在网上找了个天气案例自己学习了下，这个案例稍微做了些调整，所以就和大家一起分享下吧~~~~~。 小程序案列本人参考网址：https://www.cnblogs.com/demodashi/p/8481610.html 步骤 1.注册微信小程序。 2.注册和风天气账号。 3.注册百度地图开发平台应用。 4.微信小程序平台设置合法request域。 5.微信工具开发编码实现。 6.微信小程序平台提交审核发布。 一、准备工作 1.注册微信小程序 注册微...
关于页面的跳转，微信小程序提供了3种方法： 方法1： 使用API wx.navigateTo()函数首先创建一个新页面，使用方法如下 index.wxml: 在inde2.wxml新建一个button组件，并使用bindtap事件绑定一个函数index.js: 在index.js中的Page函数内部，添加changeToTest 函数，函数里面使用wx.navigateTo，写上需要跳转的页面，里面传入的是一个对象，对象内使用url属性，对应的就是需要跳转的页面的路径（注意：这是接收的是一个相对路径，并且...
前言 在引入之前，需要安装nodejs作为运行环境，具体操作网上可以搜得到！ 以引入vant为例： step1 右键miniprogram，选择“在终端打开选项”step2 初始化npm 输入npm init，下面的选择都用回车即可在项目中产生package.json文件即为成功step3 安装vant 使用命令 npm i vant-wapp -S --productionstep4 构建npm 点击微信开发者工具中的“工具”，选择“构建npm”选项结果：项目中多出来一个文件夹miniprogram_npm：step5 使用npm模...
微信小程序的搭建： 1、使用邮箱注册微信小程序帐号。 2、完善小程序主体。个人认为小程序的名称以及图标很重要。名称要言简意干，让用户根据名称就能知道小程序是做什么的。图标要简洁、清爽，并且符合主题。 3、开发小程序。自己具有开发能力是最好的，可以节省开发成本。如果自己不具备开发能力，首先评估小程序的价值、自己的对于小程序的预算。如果需要找第三方，首先建议找个人，其次是公司。（另外本人拥有10年开发经验，尤...
看官方源码以及代码示例： 示例官网：列表渲染wx:key 官方原话如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 <input/> 中的输入内容，<switch/> 的选中状态），需要使用 wx:key 来指定列表中项目的唯一的标识符。wx:key 的值以两种形式提供字符串，代表在 for 循环的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的字符串或数字，且不能动态改...
简介 Taro是一个遵循React语法能够编译出微信小程序、H5、RN等运行代码并统一多端开发的框架。 安装 注意：安装前先把node更新为最新的版本，以防在安装taro的时候会出现错误！！ 在window上更新直接去node官网下载，安装路径在node旧版本的路劲下，这样就会覆盖掉旧版本的 npm install -g @tarojs/cli taro init demo注意：出现以下这样的情况，可能是node的版本太低了，更新为最新的就好安装过程最后安装成功！！编译运行 taro b...
背景微信小程序作为现在流行的一种应用载体，很多小伙伴都有对其做自动化测试的需求，由于腾讯系 QQ、微信等是基于腾讯自研 X5 内核，不是谷歌原生 webview，所以调试会有些许差异（现在很多 app 产品也开始流行采用 X5 内核作为其内嵌 Web 浏览服务）。需要注意的是 X5 内核只支持手机，模拟器是不支持的。我们的教程以最主流的 Appium 自动化技术为例讲解如何对微信小程序做自动化测试。准备工作step1：打开微信小程序 webview 调...
这几天苦恼eclipse好久，之前的文件的复制也未能成功导入，丢了不少自己做的例子，只好来研究微信小程序过渡一下，上次看了一下关于微信小程序的文件结构以及相对应的功能，今天学习了相关的组件，顺便给和我一样的初学者一些推荐https://www.w3cschool.cn/weixinapp/itz51q8o.html，这篇博客，初学真的非常实用，都是一些组件，在菜鸟教程和别的网站都不如这个给我的感觉直接，简单总结了一下，在我个人看来，.wxml才是主体（个人...
一：真机调试报MiniProgramError U.createEvent is function已知解决方式之一： 检查你的index.js文件，看是否有以下自动生成的代码，或者全局搜索（wx.hideLoading()）： doUpload: function () {// 选择图片wx.chooseImage({count: 1,sizeType: ['compressed'],sourceType: ['album', 'camera'],success: function (res) {wx.showLoading({title: '上传中',})const filePath = res.tempFilePaths[0]// 上传图片const cloudPa...
一共需要四个页面，我这里分别是，home.wxml，home.js，detail.wxml，detail.js这四个页面 通过点击home.wxml页面里的某条新闻进入detail.wxml页面查看详情…… home.wxml页面代码： (说明：通过绑定catchtap="toDetail"方法，进行js页面新闻详情的跳转，我的后台数据的新闻Id是：article_id，这里的data-homeid=’{{item.article_id}}是相当于把后面{{item.article_id}}赋值给了homeid) <view class="content" wx:for="{{home}}" ...
微信小程序拥有触手可及、无需下载、随用随走等优势，成为了企业不可缺少的工具，目前微信小程序直播非常火，给企业创造出许多新的机会，微信小程序的功能设计越来越多样化，也逐渐趋向于原生APP的功能，而且微信小程序的入口也越来越多，微信小程序在市场占据着非常重要的位置。小程序直播可以最大化融入微信本身的社交和内容生态，它的出现是市场发展的一种必然趋势，传统模式已经慢慢的满足不了用户的需求了，如有需要请联系我微...
微信小应用借鉴了很多web的理念，但是其与传统的webApp、微信公共号这些BS架构不同，他是CS架构，是客户端的程序小程序开发实战--豆瓣电影项目配置 -在app.jsop中进行简单配置 --navigationBarBackgroundColor：导航栏背景颜色 --navigationBarTitleText：导航栏文本内容 --navigationBarTextStyle：字体颜色，只能是black或者white规划程序所有页面并配置 -创建所需要的目录 --每个页面包含js...
效果： demo: