文章
关键词 [ ] 的搜索结果:
-
微信小程序页面间跳转如何监听事件
摘要: 在微信小程序的开发过程中,我们可定会遇到页面间相互跳转的需求,那么如何监听页面跳转之间的事件呢?我们在之前的一篇文章:艺龙微信小程序框架组件研究(附源码)为例,来看一看小程序在页面之间相互跳转时的事件 ...在微信小程序的开发过程中,我们可定会遇到页面间相互跳转的需求,那么如何监听页面跳转之间的事件呢?我们在之前的一篇文章:艺龙微信小程序框架组件研究(附源码)为例,来看一看小程序在页面之间…
-
小程序:post请求
按照文档,肯定是这么写.那就入坑了.1. 'Content-Type': 'application/json'用在get请求中没问题.POST请求就不好使了.需要改成: "Content-Type": "application/x-www-form-urlencoded"2. 加上method: "POST&…
-
微信小程序中自定义组件的详细介绍
这篇文章主要为大家详细介绍了微信小程序自定义组件的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下前言最近接触微信小程序,再次之前公司用的前端框架是vue ,然后对比发现,开发小程序是各种限制,对于开发者非常不友好。各种槽点太多,完全吐槽不过来,所以在此不多说,打算下次专门写一篇文章吐槽一下。本次主要分享下小程序自定义组件的一点思路,小程序官方提供的框架比较简陋,原始,可复用较差,没有实…
-
详解微信小程序开发过程中tabbar页面显示问题的解决办法
在微信小程序的开发过程中如果有使用过tabbar的同学,我相信一定会遇到一些困扰。为什么有些时候代码中明明已经在app.json里面增加了tabbar,可以页面中就是不显示呢?可不可以有些页面显示tabbar,而有些页面不显示tabbar呢?今天我把我在开发过程中遇到的问题整理出来跟大家分享。问题1:为什么页面底部不显示tabbar?很多网友(包括我自己)也遇到过此类问题,在app.json里面明…
-
微信小程序轮播图功能开发实例
轮播图在应用中很常见,本文主要和大家分享微信小程序轮播图功能开发实例,希望能帮助到大家。轮播图:swiper滑块视图容器。1.编写页面结构pages/index/index.wxml<!--index.wxml--> <view> <swiper indicator-dots="indicatorDots" autoplay="{…
-
微信小程序组件:action-sheet显示操作菜单解读和分析
action-sheet显示操作菜单的组件说明:显示操作菜单action-sheet显示操作菜单示例代码运行效果如下:下面是WXML代码:<button type="primary" bindtap="actionSheetTap">弹出ActionSheet</button>下面是JS代码:actionSheetTap: funct…
-
微信小程序如何获取javascript里的数据
这篇文章主要介绍了微信小程序 获取javascript 里的数据的相关资料,这里通过实例来说明如何获取javascript里的数据,希望能帮助到大家,需要的朋友可以参考下微信小程序 获取javascript 里的数据wxml如何获取js里的数据例:wxml里:<text id="twl">txt</text>通过上面的txt可以对应获取j…
-
微信小程序开发-创建欢迎页面
上一篇中,我们介绍了微信小程序的基本目录结构,各个文件的作用。本篇跟大家一起创建第一个页面,欢迎页面。先看下最后的效果图:首先打开微信WEB开发者工具,创建quick start项目,简单的修改一下。 目录结构如下图:把Index文件夹重命名为welcome;底部的hello world改为一个类似于按钮的样式;添加背景颜色; 修改顶部样式;按钮的实现:下面是welcome页面的WXML代码:&l…
-
小程序之基础样式库–WeUI
TODO:小程序集成WeUIWeUI 为微信 Web 服务量身设计。WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。1.使用微信开发者工具添加新项目MWL2.下载WeUI的源码,把s…
-
分享小程序API的认证方式实例
你的小程序API认证了吗API认证方式有Basic Auth和OAuth1.Basic Auth比较好理解,就是每次请求API时都提供用户的username和password,使用简单,开发和调试工作简单,没有过多的复杂页面跳转逻辑和交互过程;但是安全性低,每次都需要传递username和password,很大程度上存在被监听盗取的可能,同时应用本身还需要保存用户名和密码,在应用本身的安全性来说,…
-
微信小程序用户自定义模版的功能实现
本文主要介绍微信小程序用户自定义模版用法,结合实例形式较为详细的分析了微信小程序自定义模板的定义、数据调用、布局设置等简单使用技巧,需要的朋友可以参考下。1、新建一个wxml(为测试方便,这里将wxml文件建立在home目录下)/home/home/botmenu.wxml:<template name="bottommenu"> <view class=&q…
-
微信小程序实现上传头像详解
本文主要介绍了微信小程序 上传头像的实例详解的相关资料,希望通过本文能帮助到大家,让大家实现这样的功能,需要的朋友可以参考下,希望能帮助到大家。微信小程序 上传头像的实例详解最近在做微信小程序上传头像和上传照片功能就随手写一下代码: 上传头像html:<view class="edit-list"> <text class="list-name …
-
微信小程序使用audio组件播放音乐功能示例
前面我们分享过很多关于微信小程序教程,本文我们主要介绍了微信小程序使用audio组件播放音乐功能,结合实例形式分析了微信小程序audio组件播放在线音乐相关操作技巧,并附带源码供读者下载参考,需要的朋友可以参考下,希望能帮助到大家。1、效果展示2、关键代码① index.wxml复制代码 代码如下:<audio src="audioSrc" poster=&quo…
-
微信小程序中空白页重定向的问题解决办法分享
这篇文章主要介绍了微信小程序 空白页重定向解决办法的相关资料,需要的朋友可以参考下微信小程序 空白页重定向解决办法 在刚开始的时候将小程序的入口文件直接指向tabbar 的首页,此时出现问题:二维码扫描,第一次不关闭首页,第二次进入时;不会经过onLoad过程解析scene参数;官方中解释:tabbar跳转方式触发的生命周期是 onShow,不经过onLoad,下图:此时,和小伙伴讨论重定向问题时…
-
微信小程序如何实现蓝牙的实例分享
这篇文章主要介绍了微信小程序 蓝牙的实现实例代码的相关资料,需要的朋友可以参考下微信小程序 蓝牙的实现实例代码1.简述蓝牙适配器接口是基础库版本 1.1.0 开始支持。 iOS 微信客户端 6.5.6 版本开始支持,Android 客户端暂不支持 蓝牙总共增加了18个api接口。2.Api分类搜索类 连接类 通信类3.API的具体使用详细见官网:https://mp.weixin.qq.com/d…
-
微信小程序组件:textarea多行输入框解读和分析
textarea多行输入框组件说明:textarea 多行输入框。textarea多行输入框示例代码运行效果如下: 下面是WXML代码:<view class="content"> placeholder: <textarea placeholder="占位符" /> <textarea placeholder="…
-
微信小程序实战程序简易新闻的制作方法
这篇文章主要讲述微信小程序实战程序简易新闻的制作方法的相关资料,需要的朋友可以参考下微信小程序 实战项目:简易新闻制作先看下效果: 实现思路数据全部是采用的本地数据,图片也是本地图片,因为苦逼的个人开发者,无法认证;toolbar四个现象:新闻,笑话,历史上的今天和主页,集中主页采用的是默认的页面,添加自己的一些内容;数据绑定,列表渲染,条件渲染和事件的使用;使用一些基础的View和text,部分…
-
微信小程序简单实现form表单获取输入数据实例分享
本文主要介绍了微信小程序简单实现form表单获取输入数据功能,涉及微信小程序针对form表单的事件绑定及数据获取等相关操作技巧,需要的朋友可以参考下,希望能帮助到大家。1、效果展示2、关键代码index.wxml<form bindsubmit="formBindsubmit" bindreset="formReset"> <view st…
-
微信小程序之animation动画的实现
本文主要为大家详细介绍了微信小程序实现animation动画的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。1. 创建动画实例wx.createAnimation(OBJECT)创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的animation属性。注意: export 方法每次调用后会清掉之前的动…
-
微信小程序关于三级联动选择器如何使用
本文主要和大家分享了微信小程序三级联动选择器使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。效果图实现原理利用微信小程序的picker组件,其中: 1,普通选择器:mode = selector实现一级选择实例; 2,省市区选择器:mode = region实现省市区三级联动; 3, 多列选择器:mode = multiSelector实现二级和三级联动的10以内数字…