随笔分类 -  微信小程序

摘要:自己做了个下拉加载组件 发现在ios弹性情况下不会出现预期的效果,在网上找了很久,自己也思考了很久总结了三个方法,来实现ios的兼容。 首先思考:ios为什么会出现情况?发现:在ios弹性触发的情况下 微信的监听页面滑动事件(onPageScroll)的 e.scrollTop会出现负数,且 ios 阅读全文
posted @ 2021-05-20 19:32 奔跑的太阳花 阅读(548) 评论(0) 推荐(0) 编辑
摘要:之前我写过的文章当中,提过小程序的打包大小。所以特地去下载一个区域的地图的这种方法,是不存在的。 我用的导航主要使用的是应用外的导航,这篇文章可能对于非常熟悉小程序的小伙伴来说就是小case,所以只适合对于小程序开发不算特别熟悉的小伙伴看。 毕竟有些功能我也是第一次自己慢慢写,喜欢的话会找时间出一个 阅读全文
posted @ 2021-04-28 10:31 奔跑的太阳花 阅读(1178) 评论(0) 推荐(0) 编辑
摘要:微信官方文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 方法一: 加一段js代码 WeixinJSBridge 是微信浏览器内部私有接口 document.addEventListener('WeixinJSB 阅读全文
posted @ 2020-07-29 17:09 奔跑的太阳花 阅读(7276) 评论(0) 推荐(0) 编辑
摘要:mpvue是美团前端团队开发(基于vue),wepy是腾讯前端团队开发(基于vue),Taro是京东前端团队开发(基于react) 个人觉的wepy虽然是腾讯自己弄的一套框架,但有点不伦不类,又不完全是vue代码,还用react的数据管理工具,让用vue的人有点接受不了。还不如直接用mpvue和Ta 阅读全文
posted @ 2019-05-31 16:05 奔跑的太阳花 阅读(868) 评论(0) 推荐(0) 编辑
摘要:微信小程序使用模板消息需要使用支付prepay_id或表单提交formId, 要获得 formId 需要在 form 标签中声明属性 report-submit="true" .wxml 代码如下: .js 代码如下: 在微信开发者工具中运行获取的 formId 为 the formId is a 阅读全文
posted @ 2019-02-28 10:01 奔跑的太阳花 阅读(6772) 评论(0) 推荐(0) 编辑
摘要:小程序的textare、input输入框层级是最高的 那么我们在textare、input输入的内容就会总是显示在最上一层。 这是时为什么呢?官方文档有说明,因为textare、input这些是原生组件。原生组件的层级是最高的,不管其它非原生组件z-index设置多大,原生组件都无法覆盖在原生组件上 阅读全文
posted @ 2019-02-19 10:30 奔跑的太阳花 阅读(6464) 评论(0) 推荐(0) 编辑
摘要:先来看小程序中的保存图片到相册的api 上面的saveImageToPhotosAlbum的用法是不能获取到文件的,因为filePath在官方的说法是可以是临时文件路径或永久文件路径。 而"filePath : ./test.png"只是一个相对路径(相对小程序项目来说的一个路径),而我们需要的是临 阅读全文
posted @ 2019-02-11 14:29 奔跑的太阳花 阅读(2579) 评论(0) 推荐(0) 编辑
摘要:对于同一控件同时设置bindtap和bindlongtap,会发现长按时先出现bindlongtap的事件,然后触发点击事件。 通过测试,我们发现,小程序中事件执行的顺序是 点击:touchstart → touchend → tap 长按 touchstart → longtap → touche 阅读全文
posted @ 2019-01-08 16:56 奔跑的太阳花 阅读(2648) 评论(0) 推荐(0) 编辑
摘要:通常,现代浏览器大多支持::placeholder选择器,用于设置placeholder的样式,但是在微信小程序中并不支持这种方式,而是提供了一个专门的属性(placeholder-class)来处理其样式。例如,在模版文件中这样写: <input placeholder-class="place- 阅读全文
posted @ 2019-01-02 11:07 奔跑的太阳花 阅读(4366) 评论(1) 推荐(0) 编辑
摘要:作者:平凡V之路 来源:CSDN 原文:https://blog.csdn.net/qq_36221503/article/details/79732381 版权声明:本文为博主原创文章,转载请附上博文链接! 阅读全文
posted @ 2018-12-17 17:15 奔跑的太阳花 阅读(1308) 评论(0) 推荐(0) 编辑
摘要:1.页面跳转方式 (1)标签跳转 open-type的属性值对应api里的用法即wx.的用法 1 <navigator url="/page/navigate/navigate?title=navigate" open-type="switchTab" hover-class="navigator- 阅读全文
posted @ 2018-12-17 14:28 奔跑的太阳花 阅读(4224) 评论(0) 推荐(0) 编辑
摘要:今天在做小程序的时候,遇到了一个棘手的问题,那就是弹出层的滚动穿透,即弹出层滚动,那么被弹出层覆盖的下面的内容区域也会进行滚动,这一点就很麻烦了。弹出层我是用的view标签然后使用的position:fixed进行的定位;说一下我的解决思路: 一:当弹出层里面无滚动的时候: 可以在遮罩的view标签 阅读全文
posted @ 2018-12-14 17:24 奔跑的太阳花 阅读(2935) 评论(0) 推荐(0) 编辑
摘要:在小程序开发过程中,使用率蛮高的组件button,因为经常要去除默认样式,然后再自定义样式,所以经常写,自己也总结分享一下简单的实现步骤。 (一)实现效果1、实现前(默认样式): 2、实现后(去除默认边框和背景色): (二)实现过程1、使用::after 伪类选择器,因为button的边框样式是通过 阅读全文
posted @ 2018-12-14 14:09 奔跑的太阳花 阅读(10221) 评论(1) 推荐(1) 编辑
摘要:在微信小程序开发过程中,有时候会用到常用的一些特殊字符如:‘<’、‘>’、‘&’、‘空格’等,微信小程序同样支持对转义字符的处理,下面提供两种方法用来处理微信小程序中转义字符的处理。 1.官方API调用这种方式,我们直接在wxml布局文件中,直接调用相关特殊符号的转义字符会无效,原因是小程序的tex 阅读全文
posted @ 2018-12-14 11:15 奔跑的太阳花 阅读(2376) 评论(0) 推荐(0) 编辑
摘要:微信小程序如何像vue一样在动态绑定类名 更新时间:2018年04月17日 14:08:44 微信小程序如何像vue一样在动态绑定类名 更新时间:2018年04月17日 14:08:44 这篇文章主要介绍了微信小程序如何像vue一样在动态绑定类名,文中给大家提到了vue与微信小程序的区别,需要的朋友 阅读全文
posted @ 2018-12-13 17:51 奔跑的太阳花 阅读(2030) 评论(0) 推荐(0) 编辑
摘要:此篇文章是本人对setData方法的一些理解,是查阅文档和查找一些其他资料综述的,有所不足希望指正! 直接进入正题! 一、setData()方法: 1、参数接受一个对象,以key,value的形式表示; 2、参数和变量名称一致,可用一个值代替(es6新语法特性) 如上图所示,在this.data中设 阅读全文
posted @ 2018-06-20 18:19 奔跑的太阳花 阅读(14065) 评论(0) 推荐(0) 编辑
摘要:关键代码: controls='{{false}}' 阅读全文
posted @ 2018-06-20 16:15 奔跑的太阳花 阅读(6272) 评论(0) 推荐(0) 编辑
摘要:废话不多说,直接看效果: 效果一: 代码如下: <view class='zhubo'> <view class='zhuboLeft'> <view class='zhubo-avater'> <image class='zhuboIcon' src='../../image/video-list 阅读全文
posted @ 2018-06-19 09:42 奔跑的太阳花 阅读(35908) 评论(0) 推荐(1) 编辑
摘要:1.如何定义全局数据 在app.js的App({})中定义的数据或函数都是全局的,在页面中可以通过var app = getApp(); app.function/key的方式调用,不过我们没有必要再app.js中定义全局函数。 定义 全局函数 如下图: 2.如何实现代码的复用 实现函数的复用前我们 阅读全文
posted @ 2018-06-10 09:13 奔跑的太阳花 阅读(8592) 评论(0) 推荐(1) 编辑
摘要:微信小程序的wx.request请求,method设为POST并向后台传递数据,但从后台返回的信息来看后台并没有获得传递的数据 wx.request({ url: 'url', data: { phone:phone, carID:id }, method: 'POST', success: fun 阅读全文
posted @ 2018-06-07 09:24 奔跑的太阳花 阅读(3938) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示