随笔分类 -  微信小程序

摘要:wx.getMenuButtonBoundingClientRect() ios手机偶尔复现是0 这个问题很早就有但是微信官方也一直没有解决,下面给大家介绍一个兼容做法(wx.getMenuButtonBoundingClientRect()["top"]举个例子) 1,步骤一 在app.js on 阅读全文
posted @ 2021-07-17 17:04 周十发 阅读(2121) 评论(0) 推荐(0)
摘要:<view class="container"> <view class="page-body"> <view class="page-section message"> <text wx:if="{{appear}}"> 小球出现 </text> <text wx:else> 小球消失 </tex 阅读全文
posted @ 2020-04-21 18:04 周十发 阅读(3979) 评论(0) 推荐(0)
摘要:乐玩联盟小程序开发者:本文阅读时长约 10 分钟,都是干货~ 小程序背景 乐玩联盟小程序自去年上线之后,本人就定下一个目标‘有App样的精致体验’,这对于一个人开发乐玩小程序来说,无疑是个挑战。 为了达成目标,“页面性能”、“友好的产品体验” 和 “稳定的系统服务” 成为了本人最基本执行原则。 首页 阅读全文
posted @ 2020-04-13 22:45 周十发 阅读(575) 评论(0) 推荐(0)
摘要:分享一个为小程序定制的手势监听事件库-YrobotTouch 原文连接:https://developers.weixin.qq.com/community/develop/article/doc/000006d3814318eff728a86b65b413 YrobotTouch-WXLP Yro 阅读全文
posted @ 2019-03-01 18:47 周十发 阅读(1609) 评论(0) 推荐(0)
摘要:小程序支持的单位? 可以说小程序就是在微信体系网页的另一种表现方式。网页中的单位小程序基本都支持。但实际开发中,我常用到的是以下几种 ↓ rpx rpx做为小程序自家系统里的单位,特性是可以根据屏幕宽度进行自适应。rpx官方介绍 比如我写一个2:1比例的全屏轮播图,可以这样写: 1rpx = 0.5 阅读全文
posted @ 2019-02-27 14:58 周十发 阅读(1696) 评论(0) 推荐(0)
摘要:function zero_fill_hex(num, digits) { let s = num.toString(16); while (s.length { Taro.navigateBack({}); }); } else { Taro.navigateBack({}); } } /** * 获取关闭的页面传回的数据 * @param ... 阅读全文
posted @ 2018-12-04 14:19 周十发 阅读(1053) 评论(0) 推荐(0)
摘要:2018年的11月份,自己做微信小程序相关的项目已经有四个月,这四个月自己走过很多弯路,也学到了不少经验,下面就一一总结: 一,微信小程序的radio组件是可以改变按钮样式的(比如大小,颜色等等) 改变大小解决办法:https://blog.csdn.net/iafmay/article/detai 阅读全文
posted @ 2018-11-18 14:11 周十发 阅读(208) 评论(0) 推荐(0)
摘要:恢复内容开始 今天是18年的国庆,趁着国庆的这股开心劲儿,开开心心的写点东西: 第一篇:关于如何将icon图标库引入自己的项目(此方法Taro,微信小程序,支付宝小程序等均适用,不会存在不会编译错误) 栗子是我常用的 阿里矢量图 具体引入项目栗子是:最近正在在做的Taro项目 栗子如下,如果你是其他 阅读全文
posted @ 2018-10-01 16:59 周十发 阅读(1597) 评论(0) 推荐(0)
摘要:这里主要用到了swiper组件和三目运算,直接上代码, 样式只有三个class,简单粗暴,懒的小伙伴们可以直接拿来用,喜欢的点个支持 原文链接:https://blog.csdn.net/qq_31383345/article/details/53453182 阅读全文
posted @ 2018-09-02 18:40 周十发 阅读(908) 评论(0) 推荐(0)
摘要:最近研究怎么实现微信小程序分享至朋友圈,对就是朋友圈。 微信小程序目前没有直接提供方法来将小程序分享至朋友圈,不过可以采用曲线救国的方式来达到目的。 方法分两步: 1.通过浏览器将希望分享的东西风向至朋友圈: 微信小程序没有任何入口可以进入到微信的浏览器中,那么就更加不可能让用户进入到自身操作系统中 阅读全文
posted @ 2018-09-02 18:13 周十发 阅读(3509) 评论(0) 推荐(0)
摘要:微信小程序--分享功能 微信小程序前段时间开放了小程序右上角的分享功能, 可以分享任意一个页面到好友或者群聊, 但是不能分享到朋友圈 这里有微信开发文档链接:点击跳转到微信分享功能API 入口方法: 一,小程序右上角自带的分享功能(...): 以下代码实例写在export default { };里 阅读全文
posted @ 2018-08-31 20:05 周十发 阅读(607) 评论(0) 推荐(0)
摘要:1、mpvue怎么新建页面? (1)粘贴复制一个页面文件夹,只需要改文件夹名- 文件名不需要改,main.js里的东西不用动。export default里更改局部顶部栏配置。 (2)index.vue里面可以更改内容。 2、mpvue页面跳转与传值? (1)在mpvue中没有继续延用vue路由的写 阅读全文
posted @ 2018-08-31 16:36 周十发 阅读(9194) 评论(0) 推荐(0)
摘要:通过JS动态 改变navigationBarTitleText的值 能否通过JS动态改变navigationBarTitleText的值? 方法一:可以在onLoad方法中通过wx.setNavigationBarTitle来设置,如下: 方法二:不过不建议这种做法,最好在对应page的json文件 阅读全文
posted @ 2018-08-31 16:23 周十发 阅读(7370) 评论(0) 推荐(0)
摘要:mpvue全局属性设置,在我之前的文章中有介绍,今天想记录的就是怎么和Fly.js结合使用来实现全局拦截功能: 首先我们要安装好Flyio,在mpvue项目中我们用npm下载安装: 找到src文件夹下面的main.js文件(就在src下) 引入flyjs并实例化 比方需求是:我们在每次请求自己服务器 阅读全文
posted @ 2018-08-31 16:00 周十发 阅读(3227) 评论(0) 推荐(0)
摘要:在前端页面布局中,经常会碰到要让容器充满整个屏幕高度或者剩余屏幕高度的需求。一般这时候都会想当然的使用 height:100% 这样的 CSS 来写。 这样写的话,当容器内内容很多的时候是没有问题的,可以达到预期的效果, 但是如果容器内内容比较少,不足以撑起足够的高度的话,这个CSS 样式实际上是没 阅读全文
posted @ 2018-08-31 15:42 周十发 阅读(1909) 评论(0) 推荐(0)
摘要:我们创建好mpvue项目之后,找到src/main.js打开在后面添加一行代码 (注意:不能在const app = new Vue(App) 之前添加) 这行代码的意思就是,将小程序的全局变量,挂载在Vue的原型上,这样我们在不同的页面就都可以获取到全局数据了 不同页面使用 this.global 阅读全文
posted @ 2018-08-31 09:11 周十发 阅读(5379) 评论(2) 推荐(0)
摘要:原文链接:https://blog.csdn.net/weixin_39818813/article/details/80695750 1.首先去阿里巴巴矢量图标库区把你要图标加到购物车 阿里巴巴矢量图标网http://www.iconfont.cn/home/index?spm=a313x.778 阅读全文
posted @ 2018-08-31 09:08 周十发 阅读(1093) 评论(0) 推荐(0)
摘要:几乎每个小程序都会用到的弹窗功能,弹窗是为了友好的提示用户目前小程序的状态。这样以来toast弹窗就成了小程序不可或缺的组件。mptosat用过,不赖的一款。下面记录以下使用方法: 介绍 mptoast 是一个基于mpvue的简单弹窗组件 github地址:https://github.com/no 阅读全文
posted @ 2018-08-31 09:03 周十发 阅读(1499) 评论(0) 推荐(0)
摘要:原文链接:https://blog.csdn.net/weixin_38984353/article/details/80847288 src实现数据绑定稍不留神就不成功。假定value.src是绑定的数据。 常见错误写法1: 错误之处在于: 1.属性值数据绑定应该用v-bind,应该写成v-bin 阅读全文
posted @ 2018-08-29 22:21 周十发 阅读(329) 评论(0) 推荐(0)
摘要:目前用mpvue很多第三方的ui库是引入不了的,因为它不支持含有dom操作。 那我们要做轮播图的话一个是手写另外一个就是用小程序的swiper组件了: 官方代码: mpvue微信代码: 注意我们改动的几个地方: 1.所有双括号是要去掉的,否则报错 2.wx:for要改成v-for(后面一定要有:in 阅读全文
posted @ 2018-08-29 22:14 周十发 阅读(539) 评论(0) 推荐(0)