微信小程序
微信小程序
Mosowe
vue(2/3),react,uniapp,小程序,javascript,typescript,node
展开
-
微信小程序区分开发版、体验版和正式版
核心__wxConfig.envVersion代码:let version = __wxConfig.envVersion;switch (version) { case 'develop': // 开发 this.globalData.url = 'http://开发'; break; case 'trial': // 体验 this.globalData.url = 'http://测试'; break; case 'release': // 生产 this.globa原创 2021-10-26 14:07:28 · 3326 阅读 · 0 评论 -
小程序:自定义组件canvas遇到的坑,wx.createCanvasContext()和wx.canvasToTempFilePath()
官方文档介绍:可以看到,这两个接口都有第二个参数 === 》this在page页面中,this是默认的,但是在自定义组件中则需要指定this,即:这样就可以画出图形了。...原创 2020-04-02 16:56:01 · 10078 阅读 · 1 评论 -
小程序:部分安卓机型调用小程序选择图片API重复弹出图片列表页问题
自己开发的时候没有问题,往往是团队发现的一些细节。复现说明:使用wx.chooseImage选择图片,点击一次打开图片界面,选择好图片后关闭,一瞬间又进入图片选择界面,安卓机型基本都可复现,操作速度略快,慢一点有时候也出现,需要多次进入页面就点击,而不是停留在页面反复点击。复现视频: 案例复现 ...原创 2020-04-01 09:37:48 · 543 阅读 · 1 评论 -
小程序:监听页面滚动距离
/** * 页面滚动距离 */ onPageScroll: function (e) { // console.log(e.scrollTop) },原创 2019-05-29 13:38:49 · 9832 阅读 · 0 评论 -
小程序:下拉刷新,上拉加载
1.上拉加载:这个在小程序页面js里面有这个功能,直接使用即可onReachBottom: function () { // 上拉加载 },2.下拉刷新: 配置:需要在app.json的window部分或者需要下拉刷新页面的json文件里面添加"enablePullDownRefresh": true 使用:在页面js文件里面的onPullDownR...原创 2019-05-21 09:59:08 · 188 阅读 · 0 评论 -
小程序:富文本rich-text的图片自适应
wxml: <rich-text nodes='{{newsDetail.content}}' class='content'></rich-text>js: http.post(postdata).then(res => { console.log(res); wx.hideLoading(); if (r...转载 2019-05-20 20:58:08 · 3595 阅读 · 0 评论 -
小程序:微信小程序中点击markers实现地图导航
<map class='map' style='top:{{140 + topNav.height}}rpx' id="map" longitude="113.94829080193026" latitude="22.546096271173454" scale="14" markers="{{marke...原创 2018-10-23 14:48:29 · 18162 阅读 · 3 评论 -
小程序:canvas绘制网络图片
小程序不能直接将网络图片绘制到canvas上,需要将网络图片保存到本地,然后再进行canvas绘图: // canvas绘制网络图片需保存至本地 wx.getImageInfo({ src: options.haibaoImg,//服务器返回的图片地址 success: function (res) { //res.path是网络图片的...原创 2018-10-20 16:36:36 · 4161 阅读 · 2 评论 -
小程序:MD5加密问题ios兼容
对参数进行MD5加密注意事项: 参数中若有带小数点的number,将其转成string型传输,否则ios转化出错,与后台程序不一致,但在安卓中是正常的。例:{ content:"哈哈哈" latitude:22.53332 longitude:113.93041 location:"我的小店" member_id:123051}...原创 2018-09-30 11:08:32 · 419 阅读 · 0 评论 -
小程序:调用模板事件
组件:topNav.wxml:<template name="topnav"> <view class='topnav'> <view class='backpage' bindtap='backpageFn' wx:if="{{backpageStatus...原创 2018-09-30 10:57:15 · 1986 阅读 · 0 评论 -
小程序:自定义顶部导航栏,添加背景图,透明色等
在微信小程序中,导航栏的颜色可以在app.json. window里面添加navigationBarBackgroundColor属性,但是颜色只能为纯色.不能使用rgb,或者rgba的色号.。但是这样并不能满足很多人的要求.微信官方给出了一个属性,navigationStyle, (导航栏样式,仅支持 default/custom。custom 模式可自定义导航栏,只保留右上角胶囊状的按钮...转载 2018-09-30 10:47:43 · 7671 阅读 · 1 评论 -
小程序:canvas绘图并保存到本地
wxml:<canvas canvas-id='share' style='width:100vw;height:100vh;' hidden='{{canvasHidden}}'></canvas> js:/** * 页面的初始数据 */ data: { canvasReady: false, // canvas画图准备就绪 ...原创 2018-10-12 19:07:50 · 3530 阅读 · 0 评论 -
微信开发者工具快捷键
Ctrl+S:保存文件 Ctrl+[, Ctrl+]:代码行缩进 Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块 Ctrl+C Ctrl+V:复制粘贴,如果没有选中任何文字则复制粘贴一行 Shift+Alt+F:代码格式化 Alt+Up,Alt+Down:上下移动一行 Shift+Alt+Up,Shift+Alt+Down:向上向下复制一行 Ctrl+Shift原创 2017-10-05 22:49:07 · 896 阅读 · 0 评论 -
小程序学习之页面跳转遇到的问题
在小程序的页面跳转中一共有五个接口和一个页面链接跳转标签:wx.navigateTo:新窗口打开页面并且保留原页面,可以使用wx.navigateBack返回到原页面wx.redirectTo:原窗口打开页面,关闭原页面,不能返回上一页wx.reLaunch:关闭所有页面,并打开应用内某一个页面wx.switchTab:切换到tabbar页面,并关闭其他所有非tabbar页面w原创 2018-01-11 11:13:26 · 4766 阅读 · 0 评论