![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
昌子玩前端
这个作者很懒,什么都没留下…
展开
-
微信小程序 二级联动(多级联动)
这阵子公司突然需要开发小程序,于是乎恶补下,想必时间已过两年,小程序应该相当成熟了,未曾料到一个二级联动就各种模糊不清。官方给出案例,但是写的太乱,可读性差,还会写些多余的东西进去,容易误导我们这些小白...于是开启了百度之路,看到网友写的博客深感痛心,竟然有直接copy官案,大家都是拿来主义,多余的也copy...算了还是自己动手吧。上代码:html:<picker mode...原创 2019-10-16 11:56:20 · 6851 阅读 · 0 评论 -
微信小程序之保存图片之相册:saveImageToPhotosAlbum、downloadFile、授权问题
看过很多文档,解决方案都是高度的一致,但是代码贴上去就是不行....好吧,只能一步步解析代码看哪里出了问题。解决思路:1.wx.downloadFile下载图片2.wx.openSetting授权3.wx.saveImageToPhotosAlbum图片保存到本地问题点:1.wx.saveImageToPhotosAlbum的报错信息,真机跟调试机上会出现不一致....原创 2019-08-24 16:49:59 · 20263 阅读 · 8 评论 -
小程序 部分安卓机里输入框input被输入法遮挡问题
关于小程序输入法跟输入框官方文档有给出过解决办法 cursor-spacingcursor-spacing="0"时,输入框会浮在输入法上面,但是有一部分安卓机型会出现不兼容问题Orz....解决方案:实现理念:先去除键盘弹起上推页面adjust-position="{{false}}",绑定输入时事件bindfocus="bindfocusDialog",获取当前键盘的高度赋值给...原创 2019-03-04 17:21:29 · 3365 阅读 · 1 评论 -
微信小程序基于高德api地理/逆地理编码获取地址
1.先使用微信自带方法wx.getLocation去获取经纬度。wx.getLocation({ type: 'wgs84', //默认为 wgs84 返回 gps 坐标,gcj02 返回可用于 wx.openLocation 的坐标 success: function (res) { // success var longi...原创 2018-10-24 16:06:59 · 6788 阅读 · 3 评论 -
微信小程序 懒加载
今天给大家带来小程序懒加载的办法,来提高页面的体验性。理念:加入滚动,当页面滚动的时候计算列表数据的高度来判断该区域数据图片是否加载显示1.首先我们要在wxml要显示的列表里加入滚动条然后。。。wxml: <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="原创 2017-07-03 11:13:34 · 22206 阅读 · 3 评论 -
微信小程序之一键复制到剪切板
最近在开发小程序项目里遇到一个小难题-----一键复制在网页开发里 我们可以引用大牛封装好的复制插件,比如无flash插件clipboard.js适用移动端,pc端-------言归正装,打开微信开发文档打开-APi即可查询到:第一个是设置要复制的内容到剪切板,第二个是获取剪切板的内容,我们要用到的是第一个设置剪切板内容:1. {{detail.taokou原创 2017-07-06 10:55:19 · 61958 阅读 · 6 评论 -
微信小程序 购物车简单实例
微信小程序,这里实现购物车功能的小demo,有需要此功能的朋友可以参考下。摘要: 加减商品数量,汇总价格,全选与全不选设计思路:一、从网络上传入以下Json数据格式的数组 1.购物车id:cid 2.标题title 3.数量num 4.图片地址 5.价格price 6.小计 7.是否选中selected二、点击复选框toggle操作 如已经选中的,经点击变成未选中,反之而反之转载 2017-06-11 04:23:06 · 5285 阅读 · 0 评论 -
小程序开发中tab选项卡.
微信小程序开发中tab选项卡.先看效果:再上代码:1.index.wxml 哈哈 呵呵 嘿嘿 我是哈哈转载 2017-06-11 04:19:07 · 413 阅读 · 0 评论 -
微信小程序之-返回上一页
先介绍三种跳转方式:1.B页面自带返回按钮wx.navigateTo(OBJECT) 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面2.B页面不带返回按钮wx.redirectTo(OBJECT) 关闭当前页面,跳转到应用内的某个页面。3.B页面不带返回按钮wx.switchTab(OBJECT) 跳转到 tabBar 页面,并关闭其他所有非...原创 2017-06-20 09:10:51 · 83122 阅读 · 1 评论 -
微信小程序开发—快速掌握组件及API的方法
微信小程序框架为开发者提供了一系列的组件和API接口。组件主要完成小程序的视图部分,例如文字、图片显示。API主要完成逻辑功能,例如网络请求、数据存储、音视频播放控制,以及微信开放的微信登录、微信支付等功能。组件官方文档:https://mp.weixin.qq.com/debug/wxadoc/dev/component/对于开发文档,个人建议先了解其整体框架,了解其提供了哪些组转载 2017-06-29 11:06:25 · 1377 阅读 · 0 评论 -
数组操作--增、删、改、查
相信对于用过vuejs、reactjs等mvvm框架的童鞋,微信小程序的数组操作就显得很简单啦,原理是一样的。这是简单做的一个demo,已经上传到github,到时大伙可以直接下载。我们主要讲在数组中常用的一些操作方法,对数组向前向后插入新的数据、修改数组、删除数组、清空数组,其他的一些操作方式,我会给大伙学习思路。demo地址:https://github.com转载 2017-06-16 00:12:38 · 399 阅读 · 0 评论 -
小程序的跳转方式
1,在wxml页面中:跳转到新页面在当前页打开切换到首页Tab2,在js页面中: 【注意】此处注意两个关键词 “应用内的页面” 和 “tabBar页面”。 app.json文件中tabBar中注册过的tab页,即为“tabBar页面”,非tabBar中注册占用的页面即为“应用内的页面” 。 如下图:home页面为“应用内的页面”,index和lo原创 2017-06-15 23:55:26 · 243 阅读 · 0 评论