本文实例讲述了微信小程序公用参数与公用方法用法。分享给大家供大家参考,具体如下: 公用参数: 小程序的公共参数,例如网络请求地址、可配置项,可以写在app.js文件的globalData参数里。 globalData: {userInfo: null,url: "",secret_key: "",url_param: {v: "1.1",format: "json",sign_method: "md5",partner_id: "",app_key: ""} }在外部文件中取值语句为:getApp().globalData.url_param.v。 公用方法: 小程序可以自定义公用...
本文实例讲述了微信小程序提取公用函数到util.js及使用方法。分享给大家供大家参考,具体如下: 在小程序中,定义了一项工具文件utils,此文件的js旨在本文件之内有效,当其他子页面想调用其中的js方法或者变量时,需要两步骤: 1:在utils被调用的js文件中,面向对象的方式模型输出: module.exports={要调用的函数名称:要调用的函数名称 };2:在要调用的js文件中模块化引入utils的js文件 var object=require("utils被调用的js文件...
微信小程序中使用地图(map)组件,通过点击(tap)获取经纬度,按照官方的回应,暂时是没法做到的,从地图组件API多有残缺判断,怀疑是个实习生干的... 做个变通,适用性有限,请大家参考。基本思路就是在地图上铺满一层marker,从而通过点击marker获得经纬度。代码如下:<map id="map" longitude="102.324520" latitude="40.099994" scale="4" bindcontroltap="controltap" polygons="{{polygons}}" bindregionchange="regionchange" ...
微信小程序注册完整实例,发送短信验证码,带60秒倒计时功能,无需服务器端。效果图:代码: index.wxml <!--index.wxml--> <view class="container"><view class=row><input placeholder=请输入姓名 bindinput=bindNameInput/> </view><view class=row><input placeholder=请输入手机号 bindinput=bindPhoneInput/> </view><view class=row><input placeholder=请输验证码 bindinput=bindCodeInput style=width:70%;/> <button clas...
前段时间闲暇的时候看到一个贝塞尔曲线算法的文章,试着在小程序里去实现小程序的贝塞尔曲线算法,及其效果。 主要应用到的技术点: 1、小程序wxss布局,以及数据绑定 2、js二次bezier曲线算法 核心算法,写在app.js里 bezier: function (points, times) {// 0、以3个控制点为例,点A,B,C,AB上设置点D,BC上设置点E,DE连线上设置点F,则最终的贝塞尔曲线是点F的坐标轨迹。// 1、计算相邻控制点间距。// 2、根据完成时间,计算每次执行...
前言 最近团队在开发一款小程序,都是新手,一边看文档,一边开发。在开发中会遇到各种问题,今天把小程序登录这块的流程整理下,做个记录。 小程序的登录跟平时自己APP这种登录验证还不太一样,多了一个角色,那就是微信服务器。根据微信官方提供的登录流程时序图可以清楚的了解小程序登录需要多少个步骤,下面我们来总结下: 小程序启动,通过wx.login()获取code开发者服务器需要提供一个登录的接口,参数就是小程序获取的code登...
前言 本文主要介绍了关于微信小程序 JS动态修改样式的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧 先写一个不怎么好看的demo,通过点击事件来控制view的元素属性,把背景改变成蓝色。是这样的效果:代码如下: 上一份小代码index.wxml<view ><view class="cont" style="background:{{background}};">属性改变</view><button bindtap="tryDriver">测试</button> </view>index.wxss.cont{height: 150...
前言 近期在写一点小东西,碰到遮罩...所以将实现的过程分享出来,供大家参考学习,下面话不多说了,来一起看看详细的介绍吧 逻辑如下:1:第一次登陆的时候会有一个登录按钮遮罩浮层提示去授权登录2:在弹出的授权框里,拒绝授权按钮的时候,界面的数据没有办法加载出来,允许授权的时候,界面就能渲染从后端拿过来的数据3:判断是否授过权(判断是第一次登录还是第n次),如果用户第一次已经登录授权,后面继续登录的时候悬浮框就...
这可能是一个冷消息,所以标题比较劲爆。小程序并发限制由来已久,从刚发布时的 5 并发,到后来的 10 并发,同时发出的请求数若超出这个限制则将被残忍抛弃,由此催生了很多开发者在自己的项目中造了「请求排队」的轮子。然而事实上,早在一年半以前,该限制就被微信官方取消。 10 个请求的并发限制 关于并发限制,微信开发者文档中是这么写的:这一限制的意思是在同一时刻, wx.request、wx.uploadFile、wx.downloadFile 加起来的...
本文实例讲述了微信小程序module.exports模块化操作。分享给大家供大家参考,具体如下:文件 目录如上图: 看到网上写的模块化都比较复杂,写个入门版的 好让大家理解理解 common.js var studentList = [{name: "xiaoming",age: "22",hobby: "sleep"},{name: "xiaohong",age: "22",hobby: {one: "eat",two: "eatfood"}} ] //模块化 module.exports = {studentList: studentList }index.js: var common = require("../aa/common.js...
本文实例讲述了微信小程序实现的点击按钮 弹出底部上拉菜单功能。分享给大家供大家参考,具体如下: index.wxml <button type="default" bindtap="actionSheetTap">弹出action sheet</button> <action-sheet hidden="{{actionSheetHidden}}" bindchange="actionSheetbindchange"><block wx:for-items="{{actionSheetItems}}"><action-sheet-item bindtap="bind{{item.bindtap}}">{{item.txt}}</action-sheet-item></block><action-...
小程序自上线以来,官方一直在调整API,因此也出现了一批被废弃的接口,作为程序员的我们,此时此刻千万不能为这不断的变化而感到头疼,应当与时俱进,不断的更新自己的知识储备和应用技能。首先近期工作中需要做小程序框架升级,升级成美团开源的mpvue框架;然后因为微信小程序API的改版,所以也顺便将授权登录的逻辑重新设计了。 新旧对比:旧的方法:旧方法wx.getUserInfo按照用户登录时,弹出需要授权的弹窗,用户点击授权后才...
本文实例讲述了微信小程序实现swiper切换卡内嵌滚动条不显示的方法。分享给大家供大家参考,具体如下:index.wxml文件: <view class="swiper-tab"><view class="swiper-tab-item {{currentTab==0 ? on : }}" data-current="0" bindtap="swichNav">为你推荐</view><view class="swiper-tab-item {{currentTab==1 ? on : }}" data-current="1" bindtap="swichNav">新品上架</view><view class="swiper-tab-item {{currentTab==2 ? o...
本文实例讲述了微信小程序实现动态显示和隐藏某个控件功能。分享给大家供大家参考,具体如下: 在小程序的开发过程中,经常需要用到隐藏某个控件这种情况。 因为项目原本是需要将两个canvas切换,但是小程序的canvas支持的功能实在是少,本来就jquery mobile或者将canvas转为图片就可以很容易实现滑动效果,但是都不支持,最后只能是做一个canvas,需要时显示,不需要时隐藏。 实现方法: logs.wxml <view><button bindtap="onChan...
本文实例讲述了微信小程序实现动态获取元素宽高的方法。分享给大家供大家参考,具体如下: 我以前一直以为微信小程序不能动态获取view元素的宽高。但是自从看到: wx.createSelectorQuery() 这个api接口,以前的某些问题就能得到解决了。。。 那么,这个api接口怎么用呢? 首先,这个接口会返回一个对象实例。 var obj=wx.createSelectorQuery();下面的就是返回的对象实例 obj 的所有内容。返回的 obj 有五个方法: 1. obj.in(com...