微信小程序
微信小程序
tanrong1104
这个作者很懒,什么都没留下…
展开
-
微信小程序全面屏适配
微信小程序--iphone全面屏手机底部小黑条安全区域适配方案转载 2023-02-02 16:12:34 · 1875 阅读 · 0 评论 -
微信里小程序scroll-x失效
开发工具和手机端都好使,scroll-view横向都能滑动,但是在PC端微信(失效)小程序入口进入小程序scroll-x失效不能滑动,后来发现其实只要给scroll-view加上white-space: nowrap; ,给scroll-view的子元素box加上display:inline-block就行了。。。 <scroll-view class="scroll-view_H" scroll-x="true"> <block wx:for="{{Colors}}" wx:for-i原创 2021-03-05 09:24:41 · 332 阅读 · 2 评论 -
wx.navigateTo , wx.redirectTo , wx.switchTab , wx.navigateBack , wx.reLaunch 的区别
wx.navigateTo():保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面 wx.redirectTo():关闭当前页面,跳转到应用内的某个页面。但是不能跳转 tabbar 页面 wx.switchTab():跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 wx.navigateBack()关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层 wx.reLaunch():关闭所有页面,打开到应用内的原创 2021-03-04 14:32:14 · 294 阅读 · 1 评论 -
微信小程序配置标题与动态配置标题
1、微信小程序的title是在json里面配置的 这种是固定的配置方式,不灵活 "navigationBarTitleText": "title名称" 2、微信小程序的setNavigationBarTitle方法可以实现title的动态配置,最好放在onready钩子中,但是在onload中也可以执行 wx.setNavigationBarTitle({ title: "title名称" }) ...原创 2021-03-04 09:10:04 · 444 阅读 · 1 评论 -
微信小程序中如何携带参数跳转到tabBar页面
在小程序中使用了tabBar组件之后就不能用wx.navigateTo跳转到tabBar页面了 , 能跳转到tabBar页面的方法有以下两种 1、wx.switchTab 2、wx.reLaunch 但是使用第一种方法时,会因为这种方法在路径后不能携带参数,所以行不通,那么就只能用第二种方法 , 用wx.reLaunch进行跳转 , 地址后跟上自己想要的参数 , 或者用wx.setStorage将想要的参数存到内存中去 , 在下个页面中直接用wx.getStroge去内存中取出 getInfo(){转载 2021-02-26 11:08:09 · 1694 阅读 · 0 评论 -
微信小程序之性能优化
高性能的用户体验才能更好的吸引和留住用户,下面说说在小程序中的一些性能优化的方法: 1、控制项目包大小:小程序代码包大小不能超过2M,所以控制代码包大小尤为重要,减小项目代码包的措施有 1).清理无用代码 2).采用分包策略 3).压缩图片,使用适当图片格式 4).精简代码,去掉不必要的WXML结构和未使用的WXSS定义 2、图片优化 1).大图尽量存储在服务器端或者使用云存储进行链接式加载 2).多图片可采用懒加载方案 3、内存优化 1).离开页面时回收当前页面的定时器,释放内存资源 2).onPageS原创 2021-02-25 17:15:48 · 1874 阅读 · 0 评论 -
微信小程序通过三种异步函数获取缓存值
微信小程序的本地缓存跟H5的localStorage非常类似,是前端的数据库,以下用三种异步函数来实现本地缓存值的获取。 第一种:es5标准:通过回调函数获取 //设置缓存值 wx.setStorageSync('flag', '123') //异步获取缓存 const flag = wx.getStorage({ key: 'flag', success(data){ console.log(data) } }) 第二种:es6标准:通过promiss //设置缓存值 wx.set原创 2021-02-24 14:57:26 · 509 阅读 · 0 评论