随笔分类 -  小程序系列

一些小程序开发遇到的问题和一些值得分享技巧
摘要:小程序内直联h5的页面(pages/webview/webview.js),该页面为的容器,使用组件 <web-view wx:if="{{h5url}}" src="{{h5url}}" bindmessage="h5PostMessage" ></web-view> 需要bindmessage事 阅读全文
posted @ 2021-02-25 16:03 打个大大西瓜 阅读(1328) 评论(0) 推荐(0) 编辑
摘要:有时 需要把异步返回的结果当条件来进行判断。所以 把异步变同步 使用Promise 配合 async 和 awit // 提交数据 //async关键词 async submit(e) { var that = this,file_url = ''; //res为上方法请求返回的res.data内容 阅读全文
posted @ 2020-11-11 17:54 打个大大西瓜 阅读(2571) 评论(0) 推荐(0) 编辑
摘要:函数防抖和函数节流都是老生常谈的问题了。这两种方式都能优化 js 的性能。有些人可能会搞混两个的概念。所以,我以自己的理解,来解释这两个概念的含义。并且列举在小程序中这两个方法的使用。 函数防抖 : 英文 debounce 有防反跳的意思,大致就是指防止重复触发。 那么,函数防抖,真正的含义是: 延 阅读全文
posted @ 2020-02-15 12:22 打个大大西瓜 阅读(564) 评论(0) 推荐(0) 编辑
摘要:最近公司几款可以在微信小程序端和H5端同时运行的一套商城,接着就是任务下发喽,但是有一点,时间紧任务重,Boss直接说其他的不管,反正一个半月之内必须上线,~~~头疼。那就只好想办法喽 机缘巧合 京东泰罗版本,研究下,心里小九九就像看一下,谁知道是啥呢,这不看不知道一看吓一跳,先上个图 这简直是一个 阅读全文
posted @ 2019-12-21 21:56 打个大大西瓜 阅读(1558) 评论(0) 推荐(0) 编辑
摘要:最近在折腾微信小程序,遇到这么一个情况:后端返回一个key value的对象数据,需要遍历对象的key value,然后渲染到视图中。就像下面这样: 遇到也这种情况,有三种解决办法: 1. 让后端改一下接口; 2. 自己写个函数,将对象变成数组,然后再setData; 3. 直接遍历对象。 下面是第 阅读全文
posted @ 2019-11-15 11:01 打个大大西瓜 阅读(3271) 评论(0) 推荐(0) 编辑
摘要:自己在开发中 遇到双重循环 处理 data中数据。 还有 对选中 数据进行处理。 html 部分 <view class="listbox" style="padding-top: 20rpx;"> <block wx:for="{{list}}" wx:key="index"> <view cla 阅读全文
posted @ 2019-11-12 15:06 打个大大西瓜 阅读(416) 评论(0) 推荐(0) 编辑
摘要:组件的定义 配置文件 要编写一个自定义组件,首先需要在json文件中进行自定义组件声明(将 component 字段设为true )。 使用用已注册的自定义组件前,首先要在页面的json文件中进行引用声明。此时需要提供每个自定义组件的标签名和对应的自定义组件文件路径(标签名称只能是小写字母、中划线和 阅读全文
posted @ 2019-11-01 17:53 打个大大西瓜 阅读(257) 评论(0) 推荐(0) 编辑
摘要:小程序体积 在2 M 以下,所以 不能 放 太多 本地资源。 不过有个解决方案就是 分包。可以分4个,也就是 8M.整整扩大了 三倍,下面 就看看怎么解决的。 1.在app.json 设置subpackages数组。 2.在主文件页面新建分包文件夹 分包页面所依赖的图片和第三方工具得另外下载。不能用 阅读全文
posted @ 2019-10-31 16:12 打个大大西瓜 阅读(756) 评论(0) 推荐(0) 编辑
摘要:web-view的src只能带一个参数src="…?a=1" h5页面 小程序页面index.wxml页面 index.js页面 h5的js页面(获取并处理小程序传递过来的参数) 本文链接:https://blog.csdn.net/qq_37235231/article/details/82053 阅读全文
posted @ 2019-10-24 11:09 打个大大西瓜 阅读(1487) 评论(0) 推荐(0) 编辑
摘要:微信小程序的文件预览 微信小程序的文件预览需要先使用wx.downloadFile下载文件,然后使用下载文件的临时路径通过wx.openDocument进行文件的预览 项目中,有的需要打开pdf 来阅读信息。就需要用小程序自带的api方法。 wxml代码: js代码: 阅读全文
posted @ 2019-10-08 11:03 打个大大西瓜 阅读(4479) 评论(0) 推荐(0) 编辑
摘要:版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/wh_xmy/article/details/86475859 背景:由于微信官方修改了 getUserInfo、authorize 接口,无 阅读全文
posted @ 2019-10-08 10:21 打个大大西瓜 阅读(1285) 评论(0) 推荐(0) 编辑
摘要:html方法要回到小程序原生页面的时候采用: url: / + app.json 里面要跳转的小程序页面的路径。 如果要传递参数到跳转到页面,则可以在url后面拼接,如要传递id和title: 注: 要引入相关的js 小程序原生页面接收传递的参数: 可以在 跳转 小程序 页 onload 接收到。 阅读全文
posted @ 2019-09-25 18:46 打个大大西瓜 阅读(14454) 评论(0) 推荐(0) 编辑
摘要:UnionID 机制说明 如果开发者拥有多个移动应用、网站应用、和公众账号(包括小程序),可通过UnionID 来区分用户的唯一性,因为只要是 同一个微信开放平台账户下的移动应用、网站应用和公众账号(包括小程序),用户的UnionID是唯一的。 换句话说、同一用户,对同一微信开放平台下的不同应用、u 阅读全文
posted @ 2019-09-23 16:46 打个大大西瓜 阅读(2772) 评论(0) 推荐(0) 编辑
摘要:小程序开发中,现在一般都需要获取微信用户信息,如头像/名字等.这样在用户第一次进入小程序时,微信端会弹出一个是否同意授权的消息提示框.但是如果用户第一时间点击了拒绝,或者用户手误点击了拒绝,如果没有了后续的操作,可能你的小程序就不能使用了,也就会失去这样一位用户.所以,微信官方推荐了一个方法,就是在 阅读全文
posted @ 2019-09-20 11:21 打个大大西瓜 阅读(425) 评论(0) 推荐(0) 编辑
摘要:一、前言 由于微信官方修改了 getUserInfo 接口,所以现在无法实现一进入微信小程序就弹出授权窗口,只能通过 button 去触发。官方连接:https://developers.weixin.qq.com/community/develop/doc/0000a26e1aca6012e896 阅读全文
posted @ 2019-09-20 10:47 打个大大西瓜 阅读(5880) 评论(0) 推荐(0) 编辑
摘要:微信小程序-获取当前城市位置 , 在一些小程序,会根据不同的城市,展现不同的商品,和内容,这就需要获取位置,转换位城市来处理。 1, 获取当前地理位置,首先要拿到用户的授权wx.openSetting; 调起客户端小程序设置界面,返回用户设置的操作结果。设置界面只会出现小程序已经向用户请求过的权限  阅读全文
posted @ 2019-09-20 09:55 打个大大西瓜 阅读(6999) 评论(0) 推荐(0) 编辑
摘要:小程序 有的一些 需要 用户 先 给授权 才能调用其方法,比较 录音,保存图,位置信息等 重点是openSetting,getSetting的使用,可以 看微信平台这方法的。 这里是最原始的获取权限的代码,完全有可优化的空间。 抛砖引玉。 阅读全文
posted @ 2019-09-20 09:34 打个大大西瓜 阅读(2322) 评论(0) 推荐(0) 编辑
摘要:由于新版本小程序开发做了更动需要在app.json档案中添加PermissionObject 结构说明小程序获取权限时展示的接口用途 如: 本文链接:https://blog.csdn.net/sun830910/article/details/86762947 特此记录 阅读全文
posted @ 2019-09-20 09:30 打个大大西瓜 阅读(1385) 评论(0) 推荐(0) 编辑
摘要:有的小程序需要跳转到别的小程序。 需要传递 跳转目的的appId,path,以及要传递的对象 (extraData),不过需要 再app.json 配置记录跳转得appId。 🈚😭 有个坑,自己踩了,才知道。 这跳转小程序得 点击触发。 在下下图描述。 下图 是 在app.json ,一些参数配 阅读全文
posted @ 2019-09-19 17:43 打个大大西瓜 阅读(540) 评论(0) 推荐(0) 编辑
摘要:小程序支付,涉及一些知识。 在微信提供的接口文档中提供了一个微信支付接口,应该是直接调用这个接口就可以发起微信支付 文档路径:https://developers.weixin.qq.com/miniprogram/dev/api/api-pay.html#wxrequestpaymentobjec 阅读全文
posted @ 2019-09-18 12:14 打个大大西瓜 阅读(441) 评论(0) 推荐(0) 编辑

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