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