
小程序
文章平均质量分 86
前端张子豪
这个作者很懒,什么都没留下…
展开
-
小程序怎么获取当前地理位置
这篇文章主要介绍了微信小程序获取当前位置和城市名的思路,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下一、授权并获取经纬度1, 获取当前地理位置,首先要拿到用户的授权wx.openSetting;2,微信的getLocation接口,获取当前用户的地理位置(微信返回的是经纬度,速度等参数);3,微信没有将经纬度直接转换为地理位置,借用腾讯位置服务中关于微信小程序的地理转换JS SDK 的API(返回信息中包括国家,省,市,区,经纬度等地理位置)步骤描述清楚以后,下面就开始按步骤操作了;.转载 2021-08-19 15:26:44 · 7843 阅读 · 2 评论 -
小程序生命周期钩子函数
生命周期生命周期是指一个小程序从创建到销毁的一个过程。小程序有两种生命周期一种通过App()来注册一个小程序,另一种通过Page()来注册一个页面。小程序应用的生命周期App()函数用来注册一个小程序。接受一个object参数,指定小程序的生命周期回调等。App()必须在app.js种调用。必须调用且只能调用一次。App({ onLaunch: function(options) { // 监听小程序初始化。小程序初始化完成时(全局只触发一次) }, onShow: fu原创 2020-12-24 07:45:47 · 1465 阅读 · 1 评论 -
小程序本地存储的同步异步用法
小程序官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html同步1、wx.setStorageSync(); 存储值 try { wx.setStorageSync('key', 'value') } catch (e) { }2、 wx.getStorageSync(); 获取值 try { var value = wx.getStorageSync('原创 2020-12-21 19:13:28 · 595 阅读 · 1 评论 -
小程序页面跳转的几种方式
小程序官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html我们有两种方式实现小程序的页面跳转:用js的方式实现和用navigator组件的方式原创 2020-12-21 18:47:28 · 10695 阅读 · 1 评论 -
小程序的上拉加载
不论是小程序还是别的前端框架,都会有上来加载和下拉刷新的问题,只要清楚什么时候请求数据和请求返回的几种情况,就会变得简单了。微信在小程序的官方文档中组件的视图容器中,给我们提供了一个scroll-viwe 有很多属性方法方便我们使用。一、首先,固定一个包含列表数据的view高度,让它里面的列表数据溢出后可以滚动: <scroll-view scroll-y lower-threshold="100" bindscrolltolower="scrollToLower" style="height:原创 2020-12-21 08:31:26 · 445 阅读 · 1 评论 -
微信小程序怎么实现回到顶部
wxml:<!-- 点击回顶部 --><image src='/images/top.jpg' class='goTop' hidden='{{showTop}}' bindtap='goTop'></image>wxss:.goTop{position: fixed;bottom: 20px;right: 15px;width: 32px;height: 32px;}js:data: { showTop:"false",//回顶部},//回顶部.原创 2020-12-19 15:15:50 · 526 阅读 · 1 评论 -
小程序组件的封装
在根目录下创建一个compontents目录,用来存放所有组件。比如说我们创建一个w-swiper组件,在components目录下创建w-swiper目录。自定义组件类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成。w-swiper.wxml<swiper indicator-dots='true' indicator-active-color='#ff5777' autoplay='true' circula原创 2020-12-19 08:21:14 · 399 阅读 · 1 评论 -
使用Promise封装wx.request()
在根目录中创建env文件,创建index.js文件并配置多个开发环境。在index.js文件中配置:module.exports={ //开发环境 devBaseUrl:"http://123.207.32.32:8000/api/h8", //测试环境 testBaseUrl:"", //生产环境 proBaseUrl:""}在根目录下创建http文件夹,在里面创建api.js文件和fetch.js文件还有http.js文件;在app.js中统一管理请求地址url:原创 2020-12-19 07:50:06 · 417 阅读 · 3 评论