经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 微信小程序

微信小程序开发之实现一个跑步小程序

目录地图组件当前位置开始跑步按钮GPS定位设置前后台允许获取定位开启前后台定位绘制路线 自己动手实现一个跑步小程序 用到的方法:wx.onLocationChange,监听实时地理位置变化事件,需结合 wx.startLocationUpdateBackground,wx.startLoc...[2022/8/23]

微信小程序组件通信和behavior使用详解

目录??引言???组件通信??父子组件的通信方式???behaviors??behaviors工作方式??创建 behavior??导入并使用 behavior??behavior中所有可用的节点??同名字段的覆盖和组合规则 ??引言 ?经过web前端开发的学习,相信大家对于前端开发有了一定深入...[2022/8/15]

微信小程序全局文件的使用详解

微信小程序全局文件的使用详解

目录全局文件总结 我们前边两篇介绍了账号的申请、注册,工具的安装,云服务的开通。本篇我们介绍一下基础语法。介绍的方法呢我们会结合上微搭低代码的工具一起做个对比。因为低代码工具也产生了非常多的技术概念,但最终在发布成小程序的时候也是按照微信的规范去生成的,把微信开发者工具学会了也可以更深入的了解低代码...[2022/8/2]

微信小程序详解如何实现付款功能

微信小程序详解如何实现付款功能

目录1 支付场景2 创建数据源2.1 商品数据源2.2 订单数据源3 创建连接器4 创建应用5 功能开发5.1 首页5.2 商品详情页5.3 订单页总结 1 支付场景 我们梳理一下支付场景是什么样子的,首先可以浏览商品,然后在商品的详情页里进行结算。结算的主要目的是生成订单,订单生成好之后就可以...[2022/8/2]

微信小程序实现文章关注功能详细流程

目录1 数据源设计1.1 文章数据源1.2 关注数据源2 录入测试数据3 创建应用4 首页功能实现5 详情页功能实现6 获取用户的openid7 设置关注的低码方法8 发布预览9 总结 1 数据源设计 低代码工具分为模型驱动和表单驱动两种类型,微搭低代码属于模型驱动的低码工具。所谓模型驱动就是要...[2022/8/2]

微信小程序访问mysql数据库流程详解

目录1 开通云上的mysql2 创建自定义连接器3 创建云函数4 安装依赖5 出参映射6 在小程序中使用连接器总结 1 开通云上的mysql 经过询价,我发现阿里云的数据库是比较便宜的,新人购买非常划算。对于爱学习的博主来说,果断购买一个。 按照操作指引购买后,云会帮你创建一系列的环境,在控...[2022/8/2]

微信小程序登录与注册功能的实现详解

目录小程序中的登录用户注册用户信息修改总结 小程序中的登录 在小程序中有一个概念叫openid,这个相当于登录小程序用户的唯一标识,每个微信用户都不同。那要如何拿到用户的唯一标识呢?在微搭低代码中是通过调用系统的api来获取的 let userinfo = await app.utils.g...[2022/8/2]

微信小程序使用uni-app开发小程序及部分功能实现详解

目录一、uni-app1、简介2、开发工具3、新建 uni-app项目4、把项目运行到微信开发者工具二、实现tabBar效果1、创建tabBar页面2、配置tabBar三、配置网络请求1、依照官网提示安装、导入、使用2、实战四、uni-app 里面小程序分包1、创建分包目录2、在 pages.jso...[2022/8/2]

微信小程序的WXSS和全局、页面配置详细讲解

目录一,WXSS1.1 rpx尺寸单位1.2 样式导入@import1.3 全局样式补充:wx 的扩展-样式导入二,全局配置2.1 属性三,页面配置总结 一,WXSS 首先我们先介绍一下wx ,wx 是微信小程序独有的模板样式,它类似于web开发中的CSS,具备CSS大部分的功能,同时,它还拓展...[2022/8/2]

微信小程序实现简单的购物车功能

微信小程序实现简单的购物车功能

本文实例为大家分享了微信小程序实现简单购物车的具体代码,供大家参考,具体内容如下 实现一个购物车页面,需要哪些数据。整理下大概如下:一个购物车商品列表(carts),列表里的单个item包含:商品id(id),商品图(image),商品名(title),单价(price),数量(amount)...[2022/7/19]

微信小程序实现选择内容显示对应内容

微信小程序中,经常可见选择地区或者商品分类或者其他的分类,选择后显示,选择后删除 先介绍一下主要功能:点击 ‘地区’ ,下面选择区域出现,点击 ‘选择地区’ 中的按钮,上面 ‘已选地区’ 显示选择的地区,点击 &lsquo...[2022/7/19]

微信小程序实现select二级下拉

本文实例为大家分享了微信小程序实现select二级下拉的具体代码,供大家参考,具体内容如下 xiala.wxml <!-- 列表选择 --> <view cla ="list" hover-cla ="none" hover-stop-propagation="fals...[2022/7/19]

微信小程序调用摄像头实现拍照功能

本文实例为大家分享了微信小程序调用摄像头实现拍照的具体代码,供大家参考,具体内容如下 微信小程序开发文档 首先,需要用户授权摄像头权限,这一步是必须的 具体步骤: 1、获取用户当前授权状态,看是否已经授权,如果已经授权直接显示摄像头2、如果用户还没有授权,则调起授权弹框,用户允许授...[2022/7/19]

微信小程序实现数字滚动动画

微信小程序实现数字滚动动画

本文实例为大家分享了微信小程序实现数字滚动效果的具体代码,供大家参考,具体内容如下 效果图 实现思路 1、为了实现数字的无限滚动效果,每个数字框的内部,其实包含了两组0~9的view,每个View的高度都一样2、数字框内使用绝对定位,通过调整top位置,显示出指定的数字3、使用tra...[2022/7/19]

微信小程序之五种页面跳转方法小结

目录第一种:<navigator></navigator>标签.第二种:wx.navigateTo.第三种:wx.redirectTo.第四种:wx.switchTab.第五种:wx.reLaunch. 第一种:<navigator></navigator&...[2022/6/27]

微信小程序返回上一页的各种方法实例

目录一、方法罗列二、讲解三、常用案例四、总结补充:微信小程序如何返回上一个页面并刷新上一个页面总结 返回上一页,一共有4中方法,每种方法都有不一样细节 一、方法罗列 函数说明navigator保留当前页面,在wxml使用wx.navigateTo保留当前页面,在js使用wx.redirectT...[2022/6/20]

微信小程序实现Timeline时间线效果

微信小程序实现Timeline时间线效果

微信小程序实现类似elementUI的Timeline时间线效果,自适应页面与文本 wxml代码: <view cla ="box"> ? <view wx:for="{{list}}" wx:key="index" cla ="one"> ? ? <vi...[2022/5/23]

微信小程序实现简单的吸顶效果

本文实例为大家分享了微信小程序实现简单吸顶效果的具体代码,供大家参考,具体内容如下 需求:进入页面后首先看到banner布局,然后是tab切换栏以及页面内容,当页面滚动到一定距离后,tab切换栏始终固定在顶部 wxml部分代码如下: <!--page test/test.wxml...[2022/5/23]

如何利用微信小程序和php实现即时通讯聊天功能

如何利用微信小程序和php实现即时通讯聊天功能

目录一、PHP7安装Swoole扩展1、自定义安装2、宝塔面板安装PHP swoole扩展二、配置nginx反向代理三、微信小程序socket合法域名配置四、效果演示和代码1、小程序端代码2、服务端代码(PHP代码)五、代码已经编写完了 总结 一、PHP7安装Swoole扩展 PHP ...[2022/4/11]

小程序上传文件至云存储的实现

在小程序云开发中,要实现上传文件至云存储,有两种方案:云函数和HTTP API,前者是在小程序内调用的,而后者则是在小程序外调用的。本文主要讲讲如何使用HTTP API实现小程序外上传文件至云存储。 一、原料 ① 小程序HTTP API② PHP③ Vue.js + Element UI ...[2022/1/24]

微信小程序实现课程表实例及部署教程

源码功能介绍: 1、基础的课程表添加删除、分享功能 2、周数、自定义日、周课程表背景设置,根据周数展示不同课程 3、情侣课表功能,情侣间互相设置课程表背景、看对方的课表及留言 在线演示 开源地址:https: gitee.com/chengdu-gengzixin_liu-ji...[2022/1/17]

微信小程序实现课程表,后端部署教程

总览: 借鉴了市面上存在的几个课程表软件,因为功能太繁杂,于是自己尝试做了个课程表小程序并开源,目前已经支持添加删除课程表功能、周课表、日课表,昨天也新增了设置课程表背景的功能 *** 开源地址: ** gitee开源: ** (https: gitee.com/chengdu-gengzi...[2021/12/31]

微信小程序scroll-view实现上拉加载数据重复的解决方法

微信小程序的 scroll-view 上拉加载更多的BUG(数据会多加载,甚至有重复数据)。 问题描述:上拉一次,会多次触发触底函数 onReachBottom();换成自定义加载更多函数, 例如 loadMore(), 问题依旧存在。 生产环境:调试基础库 目前最新版本1.9.94 依旧...[2021/8/16]

微信小程序底部tabBar遮挡内容的简单处理方法

微信小程序配置tabBar之后会遮挡重要内容,而且不同机型如iPhoneX下面可能有一块空白如下图,比较坑的是页面最底部空白也会显示页面,因此需要获取被遮挡的高度 可以看出iPhoneX下面会多出一块空白也会增加tabBar的遮挡内容,可以通过wx.getSystemInfoSync()...[2021/8/5]

微信小程序自定义tabBar的步骤记录

目录1、前言 2、自定义tabBar样式 3、引入custom-tab-bar及相关配置4、完整Demo总结 1、前言 很多时候,小程序自带的tabBar不能够满足项目需求,这个时候就需要我们自定义tabBar了。但是在网上找了很久,基本都是存在切换时闪烁的问题。幸运的是从基础库2.5.0开...[2021/8/5]

微信小程序wxs日期时间处理的实现示例

目录1、时间戳转日期 2、UTC转北京时间 WXS(WeiXin Script)是小程序的一套脚本语言,wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致。其中包括了很多日常使用的javascript函数,在wxs中都是不能同样使用的。最近在做一个列表...[2021/7/21]

微信小程序页面返回传值的4种解决方案汇总

目录使用场景 解决方案 1、使用globalData实现2、使用本地缓存Storage实现3、使用小程序的Page页面栈实现4、使用wx.navigateTo API的events实现总结 使用场景 小程序从A页面跳转到B页面,在B页面选择一个值后返回到A页面,在A页面使用在B页面选中的值...[2021/7/21]

微信小程序实现计算器案例

本文实例为大家分享了微信小程序实现计算器的具体代码,供大家参考,具体内容如下 项目展示 页面设计 分为上面输入的显示部分和下面按键部分 <!--page index/index.wxml--> <view cla ="result"> &l...[2021/7/19]

微信小程序计算器实例详解

微信小程序计算器实例,供大家参考,具体内容如下 index.wxml <view cla ="content"> <view cla ="num">{{num}}</view> <view cla ="operot...[2021/7/19]

微信小程序实现计算器小功能

微信小程序现在越来越火爆了,我也看到很多在校大学生都在自学了,那些专门从事APP开发,网页开发的工作者更是看到了小程序的前景,在小程序领域也掺上一脚,本人也是自学小程序的,初期跟很多人一样,遇到一些不懂的想问问别人,到贴吧去,一大堆广告,根本没人帮忙解决问题。 今天教一些刚入门的同学做一款计算...[2021/7/19]

微信小程序实现简单计算器功能

微信小程序实现简单计算器功能

微信小程序:简单计算器,供大家参考,具体内容如下 对于才接触小程序不久的人来说,想要直接上手一个实用性强的项目难度很大,想要快速熟悉小程序的使用,我们可以先尝试着做一个简单的计算器。 运行截图 计算器对于界面美观的要求并不高,只是一些view以及button控件的组合,所以并不需...[2021/7/19]

用微信小程序实现计算器功能

本文是用微信小程序写的一个简单的计算器,有兴趣的小伙伴可以了解一下。 页面部分 <view cla =''box''> <view cla =''txt''>{{screenNum}}</view> <view ca...[2021/7/19]

微信小程序webView嵌入H5的方法实例

前言 微信小程序提供了新的开放能力!它终于开放了在小程序中内嵌HTML页面的功能!从微信小程序基础库1.6.4开始,我们就可以在小程序内放置一个<web-view>组件来链接我们的HTML页面了。在这之前,我们在小程序中没有办法整合我们已有的HTML程序(比如HTML5文章系统,商城...[2021/7/12]

小程序实现文字循环滚动动画

小程序实现文字循环滚动动画

本文通过实例为大家分享了小程序实现文字循环滚动的具体代码,供大家参考,具体内容如下 解决问题: 1、文字循环播放特效 2、小程序退出、隐藏后台动画停止(已解决) 效果: 代码: wxml <view animation="{{animation}}"...[2021/6/15]

微信小程序实现聊天室功能

本文通过实例为大家分享了微信小程序实现聊天室的具体代码,供大家参考,具体内容如下 1.实现效果展示 2.room.wxml <view cla ="container" style="{{containerStyle}}"> <chatroom ...[2021/6/15]

微信小程序实现录音Record功能

本文实例为大家分享了微信小程序实现录音Record功能的具体代码,供大家参考,具体内容如下 布局 <!--page record/record.wxml--> <view> <button cla ="tui-menu-list" ...[2021/5/10]

微信小程序实现拍照和相册选取图片

本文实例为大家分享了微信小程序实现拍照和相册选取图片的具体代码,供大家参考,具体内容如下 布局: <!--page camera/camera.wxml--> <view cla ="tui-menu-list" id="view1" style="...[2021/5/10]

小程序录音功能实现

前言 在开发小程序过程中,有一个实现录音功能并播放录音,将录音上传至服务器的需求。开发过程中使用了Taro框架,录音功能通过Taro.getRecorderManager()接口实现,上传录音至服务器通过Taro.uploadFile接口实现,播放录音使用Taro.createInnerAu...[2021/3/8]

H5跳转小程序

微信开放了从网页跳转到微信小程序的能力,官网文档 一 微信外面打开小程序 https: developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html 但是 有几点说明 单个小程序每日...[2021/1/25]

微信小程序之高德地图多点路线规划过程示例详解

调用 如何调用高德api? 高德官方给出的https: lbs.amap.com/api/wx ummary/开放文档比较详细: 第一步,注册高德开发者 第二部,去控制台创建应用 即点击右上角的控制平台创建应用 创建应用绑定服务记得选择微信小程序;同时在https...[2021/1/18]

mpvue微信小程序的接口请求fly全局拦截代码实例

这篇文章主要介绍了mpvue微信小程序的接口请求fly全局拦截代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 业务要求:   需要进入页面时就要游客登陆拿到token;   之后的接口都是需要这个token;   其他操作...[2019/11/13]

微信小程序页面渲染实现方法

这篇文章主要介绍了微信小程序页面渲染实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 条件渲染:wx:if, wx:elif, wx:else <view wx:if="{{list.length > 5}}" ...[2019/11/6]

微信小程序页面间传递数组对象方法解析

微信小程序页面间传递数组对象方法解析

这篇文章主要介绍了微信小程序页面间传递数组对象方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 方法1:A页面跳转链接添加参数,B页面onLoad 接收 方法2:设置全局变量 globalData,用的少,一般适用于全局共享的一...[2019/11/6]

VUE 组件转换为微信小程序组件的方法

简介: 首先我们介绍一下本文的关键点:抽象语法树,它是以树状的形式表现编程语言的语法结构,树上的每个节点都表示源代码中的一种结构。 通过操作这棵树,可以精确的定位到声明、赋值、运算语句,从而实现对代码的优化、变更等操作。 本文通过对 VUE 组件的 JavaScript 、CSS模块进...[2019/11/6]

微信小程序工具函数封装

本文实例为大家分享了微信小程序工具函数封装的具体代码,供大家参考,具体内容如下 const formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 ...[2019/10/29]

小程序点击图片实现png转jpg

这篇文章主要介绍了小程序点击图片实现png转jpg,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 页面数据初始化添加参数:isSignCanva Show<br><br> 通过canvas将图片转为jpg,使图片生成白...[2019/10/22]

微信小程序转发事件实现解析

微信小程序转发事件实现解析

这篇文章主要介绍了微信小程序转发事件实现解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 和生命周期是同级,在.js文件里面设置 分享按钮 onShareAppMe age: function () { return ...[2019/10/22]

微信小程序中weui用法解析

微信小程序中weui用法解析

前言 在做微信小程序的时候就想着找一个UI库,方便我们前端开发,然后查找资料,发现了这个WeUI特别适合放在微信小程序里。下面就简单的了解一下。 WeUI是一套跟微信原生的视觉体验类似的一套样式库,由微信官方设计团队为微信内网页和小程序设计的,让用户视觉更加统一。包含了外卖常用标签的各...[2019/10/21]

微信小程序 textarea 层级过高问题简单解决方案

这篇文章主要介绍了微信小程序 textarea 层级过高问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 建立一个新的textarea 组件代替原生textarea ,废话不多说,上代码 <template>...[2019/10/14]

当微信小程序遇到AR(一)

当微信小程序遇到AR,会擦出怎么样的火花?期待与激动...... 通过该教程,可以从基础开始打造一个微信小程序的AR框架,所有代码开源,提供大家学习。 本课程需要一定的基础:微信开发者工具,JavaScript,Html,C 第一章:初遇 【背景 Backg...[2019/10/11]

455
2
记录数:263 页数:1/6123456下一页尾页
 友情链接: NPS
加载更多