小程序
小星落
欲买桂花同载酒
终不似少年游
展开
-
小程序页面间传参的五种方式实例详解
小程序页面间传参的五种方式实例详解转载 2022-09-22 22:36:13 · 852 阅读 · 1 评论 -
微信小程序调用wx.scanCode 结果通过JSON.parse解析错误提示
wx.scanCode({ onlyFromCamera: true, success(res){ console.log(res.result) // JSON.parse() 解析时报错 //可能因为扫描二维码获取的值,前端有一个空格。用result.trim()去除空格后解决问题。 let rr=JSON.parse(res.result.trim()) } })...原创 2022-05-11 16:52:15 · 976 阅读 · 0 评论 -
微信下个平台简析
微信公众平台微信公众平台,简而言之是用于管理、开发微信公众号(包括订阅号、服务号、企业号)、小程序,是微信公众号/小程序的后台运营、管理系统。日常微信公众号/小程序的运营人员,借助微信公众平台发推送,做营销等活动。微信开放平台微信开放平台,摘录网上通常拿来解释的一段话:微信开发平台主要面对移动应用/网站应用开发者,为其提供微信登录、分享、支付等相关权限和服务。微信开放平台还提供了数据统计功能,用于开发者统计接入应用的登录、分享等数据情况。接入步骤以京东APP举例,比如京东APP需要使用微信登录、分原创 2021-11-30 17:13:16 · 112 阅读 · 0 评论 -
小程序map组件坐标系是gcj02坐标系
小程序map组件坐标系是gcj02坐标系原创 2021-09-28 10:15:30 · 644 阅读 · 0 评论 -
微信小程序自定义扫码功能界面
由于直接调用微信的scanCode,无法自定义界面,所以在此使用原生组件camerahttps://developers.weixin.qq.com/miniprogram/dev/component/camera.html<block wx:if="{{showCamera}}"> <camera flash="{{flash}}" binderror="error" bindscancode="scancode"> 在原生camera组件上,覆盖需要用到c原创 2021-08-05 16:26:07 · 2219 阅读 · 0 评论 -
小程序 实现手写签名功能
小程序利用canvas实现手写签名设置小程序横屏在page.json或对应页面 .json文件中设置landscape代表固定横屏"pageOrientation":"landscape"手写签名创建canvas画布 设置监听触摸开始 移动 结束等时间此处为uniapp示例 原生小程序的也可参考进行修改(只需将@touchmove等事件换为bindtouchmove等微信事件即可)<view class='contents'> <canvas class='.转载 2021-07-23 10:42:44 · 3942 阅读 · 0 评论 -
wx.onLocationChange 监听前后台位置信息变化设置 及 在息屏状态下不记录
wx.onLocationChange 设置app.json中需加入"requiredBackgroundModes": [ "location" ],页面中let _locationChangeFn = function(res) { console.log('location change', res) } wx.startLocationUpdateBackground({ success: (res) => { // 成功开启后 去原创 2021-05-20 11:07:48 · 5715 阅读 · 1 评论 -
微信小程序父传子,子传父组件通信示例
父传子:父:在父文件夹下的.json文件下引入子组件代码:{ "usingComponents": { "goods": "/component/goods/goods" /*这是定义的组件名字*/ /*这是我子组件的路径*/ }}然后在父组件里 以标签的形式写入子组件,传值的话在标签上自定义属性名,属性值要以双花括号保住<goods list='{{list}}'></goods>子:在Component的properties中接收父组件原创 2021-04-28 10:28:49 · 3605 阅读 · 0 评论 -
小程序使用npm 以vantWeapp为例
打开项目终端,初始化npm init —— 一直回车,直到出现yes——yes——回车安装包npm i @vant/weapp -S --production使用右上角 详情==> 本地设置 ==>选中使用npm模块顶部菜单栏 工具 -> 构建npm修改 project.config.json开发者工具创建的项目,miniprogramRoot 默认为 miniprogram,package.json 在其外部,npm 构建无法正常工作。需要手动在 project.c.原创 2021-04-23 13:54:20 · 422 阅读 · 0 评论 -
小程序 动态标题内容设置
wx.setNavigationBarTitle({ title: '啦啦啦啦' })原创 2021-04-23 10:55:12 · 323 阅读 · 0 评论 -
小程序自定义导航栏高度计算
自定义导航栏在 app.json 里面把 “navigationStyle” 设置为 “custom”或页面json中 “navigationStyle”: “custom”自定义导航栏后页面就成了全屏状态,如果还要自定义导航栏,那么就需要重新计算导航栏的高度,让其一直 fixed 在头部。其计算如下: // 获取状态栏高度 const { statusBarHeight } = wx.getSystemInfoSync(); // 得到右上角菜单的位置尺寸const menuB转载 2021-04-23 10:24:19 · 1204 阅读 · 0 评论 -
小程序API接口chooseLocation获取省市区
//page/API/pages/choose-location/choose-locationPage({ data:{}, onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 }, bingAddressTap:function(){ var that = this; wx.chooseLocation({ success: function(res){转载 2021-01-21 16:03:44 · 746 阅读 · 0 评论 -
微信小程序使用 wxparse 腾讯视频插件 解析 iframe腾讯视频
修改wxparse的源码1.支持iframe的转化首先在html2json.js文件中支持iframe的转化,因为小程序默认就不支持iframe所以在源码中并没有iframe的转化,需要我们自己添加可以看到之前源码对于img标签的处理,我们就照猫画虎对于iframe进行处理并取出有效的vid以便之后的程序视频插件使用。html2json.js文件修改:. . .//对img添加额外数据if (node.tag === 'img') { node.imgIndex = results.原创 2021-01-20 16:02:43 · 1166 阅读 · 0 评论 -
小程序canvas头像不显示解决办法
小程序生成二维码分享,真机没问题,但正式版头像却出不来微信有一部分从第三方引入的用户头像是 https://thirdwx.qlogo.cn或https://wx.qlogo.cn 开头的路径canvas画头像需要先wx.getImageInfo获取下来,这个时候就可能会出现问题,那就是合法域名[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hJF04xiO-1609915669588)(https://liemeday.github.io/blogPic/2021010原创 2021-01-06 14:50:01 · 2366 阅读 · 0 评论 -
小程序点击按钮分享
wxml<button open-type="share"> <view>分享给好友</view></button>JS onShareAppMessage: function (res) { if (res.from === 'button') { console.log(res.target) } return { title: "分享给好友", path: '/pages/s原创 2021-01-06 14:17:23 · 453 阅读 · 0 评论 -
小程序去掉button 默认样式
/* 去除button默认样式 */button::after {border: none;}button {background-color: transparent;padding-left: 0;padding-right: 0;line-height:inherit;}button {border-radius:0;}原创 2021-01-05 18:54:18 · 563 阅读 · 0 评论 -
小程序 writeFile参数filePath要怎么写
// 在本地用户文件目录下创建一个文件 hello.txt,写入内容 "hello, world"const fs = wx.getFileSystemManager()fs.writeFileSync(`${wx.env.USER_DATA_PATH}/hello.txt`, 'hello, world', 'utf8')// 写入图片fsm.writeFile({ filePath:`${wx.env.USER_DATA_PATH}/a.jpg`, d.原创 2021-01-05 16:38:54 · 2406 阅读 · 0 评论 -
小程序天气折线图数据展示
移动端天气折线图数据展示可使用 echarts 来画折线图,小程序或h5都可(以下展示小程序使用方法)小程序需先引入echarts下载echarts小程序组件包微信小程序中使用echarts"usingComponents": { "ec-canvas":"/components/ec-canvas/ec-canvas" }import * as echarts from '../ec-canvas/echarts';var chart = ''function init原创 2021-01-04 12:34:45 · 1617 阅读 · 6 评论