微信小程序测试的环境搭建，整体流程是: 1.安装微信开发者工具 2.登录微信开发者工具 3.安装hbuildx 4.导入项目 5.设置hbuildx和微信开发者关联信息 6.编译代码 7.微信小程序测试 1、安装微信开发者工具 1.微信开发者工具下载 打开网站：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.ht…
关键因素： 手机模拟器 RE文件模拟器 微信 nodeJS npm 反编译工具 文本亲测有效系统为 windows64位系统 1. 安装手机模拟器 我这里安装的是夜神模拟器。 链接: https://www.yeshen.com/ . 2. 在电脑上安装文件管理器 我这里安装的是RE文件模拟器。 3. 安装微信 在夜神模拟器上搜索并安装微信。 4. 找到小程序文件 在夜神模拟器中打开RE文件管理器…
本文讲解rpx和rem应用于微信小程序，如果你还没有入门，建议先从下面看起： 微信小程序官方文档 web app变革之rem rpx单位官方文档 rpx单位基础介绍 如果看完上面几篇文章，我们开始进入正题吧~~ 一、rem的使用 1） js中导入下面这段代码 (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'o…
页面展示效果如图 需求：点击全部标记已读 样式改变 按钮‘全部标记已读’以及右上角条数消失 右上角条数显示实际未读条数 当未读大于99条时 显示··· 页面布局.wxml <!-- 通知公告 --> <view class="readAll" hover-class="readAll-hover" bindtap="changeRead" wx:if="{{unreadSum!=…
小程序的scroll-view用的比较多了，列表页一般也没管它的滚动条，最近突然发现在android与ios中横向滑动的时候表现不一样。不一样在哪呢，ios上直接就不显示啊，也是没谁了。深入想了一下，这滚动条能不能换一颜色或者换个样式。有这冲动就立马着手改。 1。直接打开官方demo，仔细看了一遍官方文档，没有任何说明，这是官方文档的一贯作风。没有一个属性是去控制显示/隐藏滚动条，更别说这样式。所…
开始接到这个需求的时候，我查阅文档 获取小程序码 | 微信开放文档 发现两种途径 需要后端在服务器上调用接口拿到二维码，因为调用的 https://api.weixin.qq.com这个域名是不允许上白名单， 或者是云开发（显然他们不需要云开发） 这时候我跟他们说，前端画不了跳转小程序页面的二维码，要后端巴拉巴拉的。。。结果打脸时刻来了， （这个故事告诉我们，文档要看干净点） 扫普通链接二维码打开…
因为项目的缘故，我最近开始学小程序。初入小程序就遇见了个问题，就是在引入背景图片的时候会出现，下图的错误： 看了错误后才发现，原来微信小程序在引入背景图时需要将图片格式转一下，并不是说是我的路径出现问题了。为了将图片格式专成base64。现在给所有跟我一样的初学者一个链接，我就是通过这个链接将图片转成base64的。 链接地址：http://imgbase64.duoshitong.com 版权声…
什么是微信小程序？ 小程序是一种不需要下载安装即可使用的应用，它实现了应用【触手可及】的梦想，用户扫一扫或搜一下即可打开应用。也体现了【用完即走】的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装和卸载。 首先，我们来说一下应用程序--app 目前，应用程序分为三类 原生app、webapp、混合app 原生（native）app 编写语言主要是Object C…
微信小程序入门1–新建微信小程序页面 在新建微信小程序后会自动生成一个DEMO实例，我们可以在实例中修改自己所需的内容，当内容过多时，实例中的页面不足以满足我们的需求，因此需要新建微信小程序页面。 本文内容简单，分成两个部分进行介绍： 一、页面介绍 二、新建页面 一、页面介绍 在新建一个微信小程序项目时，得到如下界面，此开发界面为微信官方提供的Demo实例。 可以看到Demo中有两个页面。分别为i…
心情很复杂哈，今天下午连着两个uniapp的BUG属实顶不住啊。 正常来说单页面使用这个uni.$emit和uni.$on是没有问题的就像官网的栗子一样。但是如果是页面跳转之后使用的话是无法生效的。 最后的方式是使用嵌套的方式来编写，通过on来触发emit。 栗子 index页面跳转到attendance页面，需要将index页面中的course传递到attendance页面。 index页面： …