小程序
文章平均质量分 62
Ailsa-show
努力不一定会成功,但不努力一定不会成功
展开
-
微信小程序开发调用接口
微信小程序开发调用接口标签: 微信小程序调用接口2017-01-11 21:31 2567人阅读 评论(0) 收藏 举报 分类:微信小程序(3) 接口版权声明:本文为博主原创文章,未经博主允许不得转载。今天我们自己调用自己商城中的接口以下是简单的示例这是自己的目录结构,我选择的是index1来开发原创 2017-06-18 21:35:42 · 3720 阅读 · 0 评论 -
【小程序】微信小程序-滚动消息通知
【小程序】微信小程序-滚动消息通知 写在前面: 这次我主要想总结一下微信小程序实现上下滚动消息提醒,主要是利用swiper组件来实现,swiper组件在小程序中是滑块视图容器。 我们通过vertical属性(默认为false,实现默认左右滚动)设置为true来实现上下滚动。 (需要注意的是:只要你的swiper存在vertical属性,无论你给值为原创 2017-10-22 15:14:24 · 2992 阅读 · 0 评论 -
小程序获取网络状态
html:view>手机网络状态:{{netWorkType}}view> js:Page({data: {netWorkType:''}, onLoad: function () {var that=thiswx.getNetworkType({success: function(res) {that.setData({原创 2017-11-14 16:26:00 · 9452 阅读 · 1 评论 -
微信小程序开发之radio实现显示和隐藏功能 原创 2017年07月04日 20:33:07 标签: 前端开发 / 微信 我们在开发微信小程序的时候,经常会用到显示和隐藏,
我们在开发微信小程序的时候,经常会用到显示和隐藏,但是我们知道在微信小程序里面是不是能使用dom操作的,话不多说,直接上代码第一步.直接在wxml,首先在要选择的按钮上注册一个bindtap事件如下图第二步.在js中的pages下的data中添加 showView: true, 最后在onload中添加一个三元表达式 showView: (o原创 2017-12-07 20:41:55 · 846 阅读 · 0 评论 -
微信小程序授权获取用户详细信息openid的实例详解
这篇文章主要介绍了微信小程序授权获取用户详细信息openid的实例详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下小程序获取用户的头像昵称openid之类第一种使用wx.getUserInfo直接获取微信头像,昵称wx.getUserInfo({ success: function (res) { that.setD原创 2018-01-22 15:47:21 · 18310 阅读 · 1 评论 -
微信小程序表单验证及页面之间参数传递
本篇文章主要以两个页面为例,介绍了小程序的表单验证的js代码和如何将一个页面中获取到用户的数据传入下一个页面,纯个人手写,不好之处希望大家指正。首先给大家展示的是表单验证的效果,主要是通过弹框来显示: 当必要信息没有填写完整的时候,页面不能跳转,而且会弹出提示信息,要求完善信息,当必要信息完成后,跳转到第二个页面:这里的弹框效果运用的是微原创 2018-01-16 10:49:03 · 1456 阅读 · 0 评论 -
微信小程序实例源码大全
微信小程序实例源码大全下载微信小应用示例代码(phodal/weapp-quick)源码链接:https://github.com/phodal/weapp-quick微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)源码链接:https://github.com/giscafer/wechat-weapp-mapdemo微信小原创 2018-01-16 15:58:21 · 16923 阅读 · 3 评论 -
小程序自定义组件深度剖析
微信小程序组件化的解决方案从小程序基础库版本 1.6.3 开始,小程序支持简洁的组件化编程。查看自己使用的小程序基础库版本,可以通过在开发者工具右侧点击详情查看:最基本的组件小程序的组件,其实就是一个目录,该目录需要包含4个文件:xxx.jsonxxx.wxmlxxx.wxssxxx.js声明一个组件首先需要在 json 文件中进行自定义组件声明(将 component 字段设为 true 可这一...转载 2018-06-22 10:01:42 · 786 阅读 · 0 评论 -
小程序 自定义弹窗后禁止屏幕滚动(滚动穿透)
弹出 fixed 弹窗后,在弹窗上滑动会导致下层的页面一起跟着滚动。解决方法:在弹出层加上 catchtouchmove 事件 示例代码:<view class="modal-view" hidden="{{!showModal}}" bindtap="toggleModal" catchtouchmove="preventTouchMove"> <view class="m原创 2018-06-08 12:27:41 · 38076 阅读 · 8 评论 -
微信小程序滑动悬停
微信小程序滑动悬停2018年03月18日 21:14:06阅读数:399 图1 图2最近有个小需求,需要在滑动列表的时候,让图1中红线框部分悬停,变成图2。对于我这个前端小白,想了一下,大体思路是这样:通过系统的onPageScroll方法,监听滑...转载 2018-06-01 15:07:59 · 2858 阅读 · 0 评论 -
微信小程序幻灯的swiper标签宽和高度自适应
本方案解决微信小程序幻灯的swiper标签宽和高度自适应方案,费话少说直接上代码:.wxhl中的代码:<swiper indicator-dots='true' indicator-color='rgba(0,0,0,0.3)' indicator-active-color='#04997C' autoplay='true' interval='5000' class='banner' st...转载 2018-07-05 11:00:46 · 2153 阅读 · 0 评论 -
小程序图片预览
【小程序】预览图片小程序公司小程序需要实现一个图片放大预览的效果,微信里面的图片一半都有这个效果,于是找了找微信jssdk文档,找到了实现这个功能的API previewImage ;通过调用这个API 可以在小程序中实现图片的手势缩放、预览、保存图片等功能.1、预览图片参数说明:主要用到的参数就前两个 当前图片u原创 2017-10-10 19:53:18 · 1221 阅读 · 0 评论 -
微信小程序样式
秀秀 我是:{{name}} 标题:{{item.abstract}} // test.js//Page({ /** * 页面的初始数据 */ data: { name: "test", img: '', news:[] }, bindBt原创 2017-06-14 09:40:32 · 1157 阅读 · 0 评论 -
微信小程序开发--表单验证
index.html 姓名: 手机号码: 密码: 性别: 男 女 日期:原创 2017-08-16 10:06:10 · 848 阅读 · 0 评论 -
微信小程序小工具之下发短信验证码倒计时
目标:按钮倒计时步骤:用户点击按钮,提示下发短信,按钮进行倒计时代码:wxml{{VerifyCode}}js//手机输入框遗失光标则获取value然后把数据放入this.data.linkTel中去 blurTel: function (e) { var linkTel = e.detail.value.re原创 2017-08-10 09:47:04 · 952 阅读 · 0 评论 -
小程序微信登录
1.在小程序全局js app.js文件中,调用小程序微信登录接口将小程序获取到用户的code POST方式发送到服务器端 //调用登录接口wx.login({success:function(res){ console.log(res) if(res.code){ //存在code wx.request({ ur原创 2017-08-14 11:24:41 · 379 阅读 · 0 评论 -
微信小程序开发-form 表单提交和取值
我们知道,如果我们直接给 input 添加 bindinput,比如:,那么可以在 onUsernameInput 中直接使用 e.detail.value,即:onUsernameInput : function(e) { e.detail.value;}但是,如果有多个输入控件,我们不可能为每个控件添加 bindinput、bindchange 这类方法来获取值。我们得这原创 2017-09-05 14:20:54 · 14206 阅读 · 0 评论 -
微信小程序 页面跳转传参详解
微信小程序 页面跳转传参,做微信小程序必定会用的这样的功能,这里就记录下本人学习实现代码资料。刚接触微信小程序,多里面的语法和属性还不怎么聊解,如有不多的地方希望各位大神多多指教。今天来说下微信小程序怎么跳转和传参,话不多说直接上代码。实现的功能是给列表增加点击功能传参到下一页; 代码如下:原创 2017-09-05 17:27:36 · 1550 阅读 · 0 评论 -
微信小程序缓存的详解
如何来将自己的数据缓存呢,一起来看看吧 首先缓存分同步和异步若是不懂,不懂可以百度,也可在下方评论 加入缓存(同步)try { wx.setStorageSync("key", "value") } catch (e) { }具体使用方法例如,如果是游戏的话获取当前登录用户的昵称,即为key,而他所获得分数为value 获原创 2017-09-14 10:05:50 · 3796 阅读 · 0 评论 -
微信小程序外部引入方法
一、引入模板小程序提供了两个引入外部模板的方法:import和include使用外部模板可以实现大部分共同页面的代码利用,在一个app中,头部和脚部基本不会 变动太大,这时就可以通过模板的方式引入,实现多个页面的复用。1.1 import示例: template name="view"> text>{{text}}text> temp原创 2017-08-30 10:27:36 · 8854 阅读 · 3 评论 -
label组件定义for属性
在html中利用label组件布局,把第一个组件影藏起来,给label定义for等于man,让他找到id值等于man组件,然后触发组件的事件。具体代码如下: 我是button 按钮 我是label组件内的内容 中国 美国 男 女 在JS 文件中添加clickBtn、checkboxChange、radio原创 2017-08-30 12:13:10 · 506 阅读 · 0 评论 -
微信小程序之下拉加载,上拉刷新
微信小程序之下拉加载和上拉刷新微信小程序下拉刷新上拉加载的两种实现方法方法一:onPullDownRefresh和onReachBottom方法实现小程序下拉加载和上拉刷新首先要在json文件里设置window属性 属性 类型 描述enablePullDownRef原创 2017-09-21 17:35:13 · 2727 阅读 · 1 评论 -
公众号如何关联小程序?
前两天,小程序迎来了「最强广告位」:在公众号文章中间,可以投放看到小程序广告。不过,目前这个功能还未正式上线,不是所有的小程序都可以投放的。那么对于普通小程序来说,想要让自己被更多的用户认识,还有什么方法呢?公众号关联小程序,无疑是最直接粗暴的方式。关联之后,你的小程序便会出现在公众号的资料页、菜单栏、甚至是图文消息里面,分分钟触达上万用户。今天,知晓程序(微信号 zxcx01...转载 2018-09-13 17:38:27 · 8178 阅读 · 2 评论