移动端开发
-
阅读全文微信小程序携带参数的页面跳转
日常我们在手机app购物的时候，点击app主页琳琅满目的商品，就会跳转到商品的具体页面。 无论我们点击哪个商品，跳转到商品具体页面的布局都是一样的，但页面内的数据不一样，比如说商品名称，图片等等不一样。这就是在点击商品的时候，在跳转到具体页面时候传递了参数，根据参数的不同，页面的数据也不一样。 所以我们现在简单讲一下在微信小程序里面，如何在跳转时候，携带参数。 wmxl部分 首先我们使用wx:for将js文件里面data里面的数据拿出来，循环遍历来渲染页面。 使用bindta2024-11-11 -
阅读全文扫描二维码进小程序指定页面（包解决！！）
一，你需要知道的 1.在开发小程序时，有时会有扫描二维码进入小程序的指定页面的业务需求。 2.微信小程序提供了这种功能，具体实现可以分三步 （1）在微信小程序后台配置好 （2）如何跳转 （3）代码中 二，小程序配置 1.首先需要在小程序后台-开发管理-开发设置下的扫描二维码进小程序模块下配置二维码规则 获取参数信息并跳转 2.配置二维码规则（很重要！！！） 耐心看完 2.小程序中跳转处理 你可以将测试链接复制下来，随便找到一个二维码生成工具网站，生成二维码，以便下面的测试 在首页中onLoa2024-11-11 -
阅读全文
微信小程序接口实现语音转文字
一、效果展示 我们有一个按钮，点击“开始录音”按钮，此时按钮变成“停止录音”并开始计时，点击停止录音后，界面上即可展示返回的文字 二、代码实现 完整代码实现见 1.小程序端代码 // index.js const recorderManager = wx.getRecorderManager(); Page({ data: { recordState: false, // 录音状态 recordTime: 0, // 录音时长 voices: [],2024-11-11 -
阅读全文微信小程序----vant_栅格布局
微信小程序：vant组件库layout布局 1、wxml文件 <!--Layout布局_页面小按钮--> <view class="tubiao"> <!--设置列元素间距--> <van-row custom-class="icons"> <van-col span="8" custom-class="icons_col"> <image src="images/ted-icon.png"></image> <view>TED</view> </van-col> <2024-11-11 -
阅读全文
解决微信小程序2M大小的限制
此方法只适用于uni-app建立的项目，如果不是你可以退出了！ 原因：最近在优化公司的微信小程序代码中，发现真的牛逼，把代码体积大小卡的刚刚好，所有的ui组件都是全部导入，导致我加一点点代码，通过微信开发者工具都会上传不了。 非常难受，于是我开始寻找其他方法终于让我找到了，就是通过HBuilder X编辑器进行直接发包到微信小程序平台，不会启动微信开发者工具，从而绕过这个体积大小校验。 HBuilder 编辑器左上角操作栏选择发行===》小程序微信 登录微信公众号平台获取所需要的信息： 最2024-11-11 -
阅读全文Fragment添加切换动画
前言 记录每天学习的内容方便以后自己复习回顾(第一天)。 以下是本篇文章正文内容。 一、Fragment添加切换动画 添加动画使Fragment的切换更自然。 二、使用步骤 1.添加Fragment进入和出去的动画 右击res——〉New——〉Directory——〉anim 然后右击——〉Animation Resource File新建in.xml和out.xml in.xml代码如下（示例）： <?xml version="1.0" encoding="utf-8"?> <set xml2024-11-11 -
阅读全文基于小程序的课堂考勤系统设计与实现（源码+部署讲解+答辩辅导等）
一、项目介绍 系统包含两种角色：系统分为前台和后台两大模块，主要功能如下。 前台功能 首页：展示课程的最新信息，提供快速链接到课程信息和我的个人中心功能。 课程信息：用户可以查看所有课程的详细信息，包括课程名称、授课教师、时间、地点和课程简介。 我的：用户可以管理个人信息及课程相关操作。 课程签到：用户可以进行课程签到，选择课程后提交签到请求。 签到命令：用户可以查看签到命令的具体要求和步骤，了解签到的时间和地点。 我的收藏管理：用户可以查看和管理自己收藏的课程信息，包括添加和删除收藏课程。 后2024-11-11 -
阅读全文一周时间，用uniapp + uniCloud 全干开发了一个小程序
一、为什么要做这件事情 1.扩展技术、能力范围 本人已经从事前端开发有五年时间了，对日常的工作需求，已经差不多是闭眼写水平。对于自己还没实践过的东西比较好奇，比如公司的埋点平台，错误日志上报，国际化翻译平台等等，这些工具化的SDK只见过而未能参与其中，现在开始做自己的小应用，后面才可能基于这个扩展其他方面的能力。第二点就是挑战一个人全干。 2.满足日常灵感收集 这个应用的灵感来自于微信社群的讨论，大家希望有一个讨论的地方，后面也可以做一些记录，导出的功能，或者把大家的奇思妙想转成电子书等等。所以2024-11-11 -
阅读全文uniapp小程序中给web-view页面添加授权弹窗（使用cover-view组件覆盖实现该功能）
效果图： 需求：在web-view页面添加弹窗 刚好有一个组件cover-view可以覆盖web-view cover-view覆盖在原生组件上的文本视图。 app-vue和小程序框架，渲染引擎是webview的。但为了优化体验，部分组件如map、video、textarea、canvas通过原生控件实现，原生组件层级高于前端组件（类似flash层级高于div）。为了能正常覆盖原生组件，设计了cover-view。 cover-view功能描述： 可覆盖的原生组件包括 map、video2024-11-11 -
阅读全文
vue和微信小程序
vue项目和小程序二者的共同点和区别： 一、生命周期 先贴两张图： vue生命周期 相比之下，小程序的钩子函数要简单得多。 vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。 onLoad: 页面加载 一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数。onShow: 页面显示 每次打开页面都会调用一次。onReady: 页面初次渲染完成 一个页面只会调用一次，代表页面已经准备妥当，可以和视2024-11-11