吐槽： 先说一下心路历程，因为个人开发的一个APP，需要连接蓝牙模块进行设备控制和双向的数据通信，所以尝试用uni-app开发一个手机程序对购买的蓝牙模块进行连接，emm.......怎么说呢，理论上过程都是通的，但坑还是太多了。今天过程跑通了，特来总结一下。说明下，代码太长了，所以我准备分段说明展示，完整代码到时候我上传到github上，地址最后我写在评论里哈。进入正题...........1.蓝牙通信整体流程 上图一共九个步骤就是创建...
功能介绍： 1、 多种情景 账本，涵盖食品、交通、购物、宿舍、娱乐、学习、恋爱等各种针对学生的场景，满足不同时期的记账需要 2、提供 支出、收入、转账、余额、借贷 五大记账模块 3、可以实时查看自己的账户余额和所有账单记录 4、提供“ 附近银行 ”地图查询、 汇率计算 器功能、客服、学习充电 项目部署： 修改 project.config.json 中的 appid 替换为你自己的 appid；修改在app.js文件中对云开发进行初始化时的env参数 使用微...
1. 小程序的优缺点优点：不需下载、卸载 使用方便缺点：嵌套在微信中，属于微信的子应用2. 使用的技术实际上是Hybrid技术的应用Hybrid App (混合模式移动应用)，使用网页语言和程序语言共同开发小程序兼具了Native App所有优势，也兼具了Web App使用Html5跨平台开发低成本 注：微信小程序与传统app没有相互取代的可能，它们是相辅相成的 3. 主要用到的技术WXML——对Html5进行了简单的封装，并且去掉了一些微信小程序中用不到的标...
云函数的使用 首先在项目配置文件project.config.json里面配置"cloudfunctionRoot":"./cloudfFn" 新建cloudFn文件夹， 让它成为云函数文件夹 然后云函数文件夹内配置Node.js函数语法用js匿名函数 exports.main = async (event, context) => { const wxContext = cloud.getWXContext() let { userInfo, a, b } = event let sum = a+b return { event, openid: wxContext.OPENID, appid: wxContext.APPID, unionid: ...
uni-app开发微信小程序 1. 配置开发环境uni-app基于Hbuilder、微信开发者工具开发 下载链接： https://www.dcloud.io/ https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html全部安装好后，首先配置Hbuilder文件-新建-项目选择uni-app后填写项目名称，选择文件目录，我这里直接选的默认模版自己开发。填入appid，需要提前在申请好，最好记录在个人电脑内，以免忘记。安装需要的插件 例如编译less、sass、语法校...
条件渲染： 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才是主体（个人...