微信小程序
文章平均质量分 59
微信小程序积累汇总
web修理工
这个作者很懒,什么都没留下…
展开
-
微信小程序跳到第三方地图
初始化// 引入SDK核心类// var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');// // 实例化API核心类// var qqmapsdk;Page({ data: { phone: "", location: "", latitude: "", longitude: "", // 图标定位 markers: [], }, // 地图导航 getLoc: funct原创 2021-07-24 09:39:53 · 1416 阅读 · 1 评论 -
500 (Internal Server Error) env: Windows,mp,1.05.2104251; lib: 2.15.0
在调试器中报这个错误 微信小程序的一些图片api 只能在真机上才能实现!原创 2021-05-14 11:29:27 · 9046 阅读 · 1 评论 -
微信小程序 图片旋转 base64 保存本地 上传的方法
<canvas type="2d" id="canvas" style="width: 300px; height: 300px;"></canvas><canvas type="2d" canvas-id="id-myCanva" id="canvas" style="width: 300px; height: 300px;"></canvas><image src="{{fileName}}"></原创 2021-05-13 18:55:28 · 1228 阅读 · 0 评论 -
微信小程序 扫描 试纸类 图片旋转 照片 h5
1.微信小程序 提供了 扫描的—二维码 --一维码 —特殊码 之类2.https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wx479777803030f27b 孕妇插件识别拍照 进行裁剪 通过图片识别 获取数据 没有其他办法...转载 2021-04-30 17:51:10 · 694 阅读 · 0 评论 -
微信for
<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName"> {{idx}}: {{itemName.message}}</view>原创 2020-12-08 17:25:32 · 96 阅读 · 0 评论 -
微信小程序 wxs的使用 模板的使用
<wxs module="timer"> var time = function(value) { var date = getDate(value); var year = date.getFullYear() var month = date.getMonth()+1 var day = date.getDate() var hour = date.getHours() var minute = date.getMinutes()原创 2020-12-08 11:38:33 · 386 阅读 · 0 评论 -
微信语音录入 基本地播放 上传
//开始录音 老的录音 start() { wx.startRecord({ success: function (e) { console.log(e, 'xxxx') voice = e.tempFilePath } }) } //结束录音 stop(){ console.log(123, voice) wx.stopRecord(); } //播放声音文.原创 2020-12-08 09:40:10 · 140 阅读 · 0 评论 -
微信小程序的组件
//组件引入 "usingComponents": { "upImage": "/components/upImage/upImage" },//组件使用<upImage oismage="{{ismage}}" bind:myevent='myevent' /> // 图片 myevent(e) { this.setData({ ['remindobj.drugImg']: e.detail.avatarUrl, ismage: f原创 2020-12-07 15:41:33 · 85 阅读 · 0 评论 -
微信小程序 返回上一页带参
var pages = getCurrentPages();//页面指针数组 console.log(pages,'pages') var prepage = pages[pages.length - 1];//上一页面指针模块 if (prepage && prepage.pagehead ) { prepage.pagehead() //调用上一的函数 wx.navigateBack({ ...原创 2020-12-07 13:48:56 · 75 阅读 · 0 评论 -
订阅号消息 服务号 信息推送
tapName() { // 消息设置 // wx.getSetting({ // success (res) { // console.log(res.authSetting) // // res.authSetting = { // // "scope.userInfo": true, // // "scope.userLocation": true // // } // }.原创 2020-11-30 17:42:32 · 849 阅读 · 0 评论 -
微信云开发简介
1.客户端2.云函数(权限)3.数据库操作(权限)const db = wx.cloud.database(); //初始化数据库增加 db.collection('cloud').add({ data: { name: 'cloud' } }).then(res => { console.log(res, '插入数据') this.static.id = res._id }).c原创 2020-08-12 13:37:21 · 1158 阅读 · 0 评论 -
微信授权api
wx.getSetting() //是否授权wx.getSetting({ success (res) { console.log(res.authSetting) // res.authSetting = { // "scope.userInfo": true, // "scope.userLocation": true // } }})参考:https://developers.weixin.qq.com/minigame/dev/ap.原创 2020-06-15 18:10:17 · 425 阅读 · 0 评论 -
使用echarts 前端 ec-canvas 小程序 图表
1.echarts配置地址 :https://echarts.apache.org/zh/option.html#title.id2.echarts官网 https://echarts.apache.org/zh/index.htmlweb前度<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts</title> <!--原创 2020-06-09 18:17:22 · 7198 阅读 · 3 评论 -
微信小程序 分享到微信群 分享图片
微信小程序分享原创 2020-06-16 11:55:54 · 842 阅读 · 0 评论 -
小程序生成普通二维码
初始化qrcode对象function rpx2px(value) {const rate = wx.getSystemInfoSync().windowWidth / 750 return rate * value } let qrcode;const QRCode = require('../../../utils/weapp-qrcode.js')const qrcodeWidth = rpx2px(500) onReady: function () {原创 2020-05-29 15:57:26 · 586 阅读 · 0 评论 -
微信小程序埋点技术
1.埋点技术 是为了让商家知道客户操作的步骤 来判读客户的需求 从而促进成交2.对于微信小程序埋点有两种方式 a.特定的函数 组件上传 b.通过api参考:https://developers.weixin.qq.com/miniprogram/analysis/custom/#%E4%BA%8B%E4%BB%B6%E7%9A%84%E7%BC%96%E8%BE%91%E4%B8%8E%E5%8F%91%E5%B8%83...原创 2020-05-29 14:47:03 · 2447 阅读 · 0 评论 -
普通二维码的小程序
1.配置网络链接地址2.获取二维码的参数进行传递原创 2020-05-29 14:32:00 · 131 阅读 · 0 评论 -
微信小程序如何自定义字体wx.loadFontFace
1.加载网络字体资源Page({ /** * 页面的初始数据 */ data: { loaded :false }, // 字体 loadFontFace() { wx.loadFontFace({ family: 'font', source: 'url("https://xxx.com/font/font.TTF")',// 不是真的链接 success: (res) => {原创 2020-05-28 10:02:29 · 9100 阅读 · 1 评论 -
canvas集成海报
图片位置有些问题需要调整一下<canvas canvas-id="shareCanvas" style="width:600px;height:900px"></canvas>// pages/canvas2/canvas2.jsimport { promisifyAll, promisify } from '../miniprogram_npm/miniprogram-api-promise/index.js';//参考 [文档](https://developers.w原创 2020-05-21 16:59:46 · 103 阅读 · 0 评论 -
微信小程序canvas 常用api
<canvas canvas-id="canvasId" id="canvas" style="width:300px;height:400px"></canvas> onReady: function() { const ctx = wx.createCanvasContext('canvasId'); const query = wx.createSelectorQuery().select('#canvas').boundingClientRect(res原创 2020-05-21 16:46:11 · 272 阅读 · 0 评论 -
微信小程序版本更新及登录流程
app.js代码//app.jsApp({ onLaunch: function() { // 登录 wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId } }) // 获取用户信息 wx.getSetting({ success: res => { if (res.authS原创 2020-05-21 16:23:52 · 1043 阅读 · 0 评论 -
微信小程序传参方式
1.通过app.js进行传参App({ /** * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次) */ onLaunch: function () { }, /** * 当小程序启动,或从后台进入前台显示,会触发 onShow */ onShow: function (options) { }, /** * 当小程序从前台进入后台,会触发 onHide */ onHide: function原创 2020-05-20 21:03:19 · 837 阅读 · 0 评论 -
微信小程序的background-image使用
1.图片必须是网络图片,而且必须是https (base64据说也行没试过 )图片base64网址2.在WXSS中使用以上文本:<view style="background-image:url({{item.url}})"></view>3.为了是背景图片自适应宽高,可以做如下设置:{background-repeat:no-repeat; background-size:cover;}注意:class :静态的样式统一写到 class 中。style 接原创 2020-05-20 16:18:24 · 17265 阅读 · 0 评论 -
阿里字体图标使用
1.访问阿里字体图标网站:https://www.iconfont.cn/2.添加自己书需要的图表入库3.所需要的图标用途a.添加至项目:是项目集成所需的所有图标集合b.下载素材:是指对应的图片(svg png ai)c.下载源码:是指下载的代码添加至项目:保留所需要的图标Unicode, Font class, Symbol 是字体图标使用的三种方式(看个人爱好,我选Font class)把网址放到浏览器中 回车就可以拿到所需要的字体图标的css代码 拷到所需要的项目中 引入就可以原创 2020-05-19 13:55:16 · 307 阅读 · 0 评论 -
富文本样式修改 标签
1.利用全局样式进行限制(在基础样式里添加)img{min-max:100%}2.利用正则表达式进行正则匹配 //默认heigh属性置零 richtext.replace(/<img([\s\w"-=\/\.:;]+)((?:(height="[^"]+")))/ig, '<img$1') //默认的width属性置零 .replace(/<img([\s\w"-=\/\.:;]+)((?:(width="原创 2020-05-18 09:41:16 · 2546 阅读 · 0 评论 -
微信小程序的web-view相关api
承载网页的容器。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。客户端 6.7.2 版本开始,navigationStyle: custom 对 web-view 组件无效属性说明srcwebview 指向网页的链接。可打开关联的公众号的文章,其它网页需登录小程序管理后台配置业务域名。bindmessage网页向小程序 postMessage 时,会在特定时机(小程序后退、组件销毁、分享)触发并收到消息。e.detail = { data },data是多次 pos原创 2020-05-18 12:01:29 · 439 阅读 · 0 评论