Misnice的博客

解决地狱式回掉函数代码运行慢代码：

获取当前页路径的方法var pages = getCurrentPages(); // 获取页面指针数组 var currentPage = pages[pages.length - 1]; // 获取当前页 console.log(prePage.route); // 当前页的路径获取上一页路径的方法var pages = getCurrentPages(); // 页面指针数组var prePage = pages[pages.length - 2]; // 获取上一页console.l

当oss图片文件名已存在，进行上传覆盖图片时，浏览器拿到的图片还是之前缓存过的图片。可在图片链接地址后面添加?和随机数。如图片地址:https://www.test.com/banner.jpg, 添加随机数后:https://www.test.com/banner.jpg?324324324...

使用 for 循环渲染多张image图片，图片之间会出现空隙<view class="img-box" wx:for="{{ imgList }}" wx:key="item.id" wx:for-item="item"> <image class="img-box-item" src="{{ item.imgUrl }}" /></view>即使将图片的样式设置为 display: block 图片之间也会有空隙image { di..

1.图片样式设置宽度100%image { width: 100%;}2.image标签添加属性mode="widthFix"<image src="../../images/bnner.png" mode="widthFix">

小程序文档里跳转路径的方法都有介绍，这里就不细说了！讲一下业务背景吧！随着项目越来越大，页面的跳转也越来越多，使用navigateTo方法添加的页面栈也越来越多了，不知不觉可能就到了十层了 再用navigateTo去跳转就跳不动了，这个时候需要redirectTo删除当前页面栈来跳转或者用reLaunch删除所有页面栈来跳转 用那就要看业务场景了。可是什么时候到了十层了呢？这个时候关键的api getCurrentPages()来了！它返回的是一个数组，那么就可以获取它的length来做判断了！// r

页面左右晃动是因为有内容溢出屏幕所以页面可以晃动，解决办法：将页面的宽度设置为100%，然后将溢出的部分隐藏page{ width:100%; overflow-x:hidden; }

直接看代码// 图片保存到本地wx.saveImageToPhotosAlbum({ filePath: filePath, success: function (data) { wx.showToast({ title: '保存成功', icon: 'success', duration: 2000 }); }, fai...

一、小程序的生命周期函数1.全局生命周期2.页面生命周期3.组件生命周期详解参考：https://www.cnblogs.com/dobeco/p/11296609.html二、微信小程序组件封装微信小程序父子组件传值通信是组件封装的核心思想，通过父子组件之间的传值完成组件的功能化;微信小程序之公共组件写法：https://www.cnblogs.com/kdcg/p...

用canvas绘制图片的时候，模拟器上正常显示，真机上不显示const ctx = wx.createCanvasContext('canvasImg');var imgUrl = 'https://static.bzsh.souqu.net/20191119095703c82818277.png';ctx.drawImage(imgUrl, 40, 100, 200, 200);ctx....

/** * 生命周期函数--监听页面加载 */onLoad: function (options) { let _this = this; let query = wx.createSelectorQuery() query.select('.wrap').boundingClientRect() query.selectViewport().scrollOffset() ...

每一个小程序页面都可以使用.json文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖app.json的window中相同的配置项。在页面的.json文件中配置 :{"navigationStyle": "custom"}导航栏样式，仅支持以下值：default 默认样式custom 自定义导航栏，只保留右上角胶囊按钮...

<input focus="auto"/>input组件里的focus属性设置为"auto"自动获取焦点，使得输入框获取焦点时自动弹出软键盘。当input组件获取到焦点时才会弹出软键盘，所以foucs可以设置为auto，如果设置为false不会弹出软键盘,设置为true会一种弹出软键盘。...

methods: { //回退 goBack: function () { wx.navigateBack({ delta: 1 }) }, //返回主页 toIndex: function () { wx.navigateTo({ url: '/pages/index/index' }) },}...

在页面的.json 文件中配置 :{"enablePullDownRefresh":false}每一个小程序页面都可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖 app.json 的 window 中相同的配置项。...

微信小程序中默认原生canvas组件层级最高，所以不生效

APP-SERVICE-SDK:setStorageSync:fail Error: Failed To Send Sync;at App log function;at api request success callback functionError: APP-SERVICE-SDK:setStorageSync:fail Error: Failed To Send Sync at...

一、文件介绍json文件：配置文件wsml文件：相当与htmlwsss文件：样式文件，相当于css文件js文件：脚本文件,相当于js文件二、定义组件与使用组件组件传值，子组件向父组件传值通过事件传值，父组件向子组件传值，通过属性传值...

wxml文件中：<view class="menu_box"> <text class='menu1 {{menuTapCurrent=="0"?"borders":""}}' data-current="0" catchtap="menuTap">menu1</text> <text class='menu2 {{menuTapCurrent=="...

WeUIWeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。GitHub地址：https://github.com/Tencent/weui-wxssnpm下载：npm i weui-wxssMinUIMinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框...