wx setStorage()方法和wx setStorageSync()方法均可以实现缓存数据,区别就在于同步和异步。方法名以Sync结尾的都是同步方法,同步方法和异步方法的区别是,异步方法不会阻塞当前任务,而同步方法直到处理完之后才能继续向下执行
以下分享8款高质量的微信小程序UI组件库。Vant Weapp、iView Weapp、Taro UI、Wux Weapp、Lin UI、uView、WeUI、Touch WX
无须自己编写图片预览插件,小程序已经为我们提供好了图片预览的接口:wx previewImage(object)。它有以下两个重要属性:• current当前显示图片的链接,不填则默认为urls的第一张。• urls需要预览的图片链接列表,类型为数组。
当一个WXML页面中的代码过多时,会给代码的维护带来麻烦,有时为了找到某一处代码可能需要翻阅几百行。这时可以利用<include>标签将代码拆分到多个文件中,从而可以更方便地查找代码。当多个WXML页面中有相同的部分时,
在原生应用或者网页的交互中,经常会有上拉加载这个功能。用户在浏览列表页面时,手指在手机屏幕上进行上拉滑动操作,通过上拉加载请求数据,增加列表数据。微信小程序提供了 onReachBottom() 事件处理函数,即页面上拉触
除wx:if控制属性外,hidden属性也可以控制组件的显示与隐藏,条件为true时隐藏组件里面的内容,条件为false时显示组件里面的内容。hidden属性和wx:if控制属性不同之处在于,wx:if控制属性的初始渲染条件为false,只有条件第一次变
在微信小程序开发过程中,虽然通过数据绑定可以将data中定义的数据渲染到页面,但是如果数据发生了变化,页面并不会同步更新数据。为了实现在数据变化时使页面同步更新,微信小程序提供了setData()方法,该方法可以立即
在使用CSS编写移动端的页面样式时,由于不同手机的屏幕宽高不同,屏幕适配会比较麻烦。针对这类问题,通过视口单位可以有效解决。视口表示可视区域的大小,视口单位主要包括vw(Viewport Width)和vh(Viewport Height),在CSS中很常
在移动Web开发中,经常使用Flex布局来实现自适应页面。Flex布局用法便捷,能够通过简单的几行代码实现各种复杂的布局效果。在微信小程序中也可以使用Flex布局实现自适应页面。Flex布局又称为弹性盒布局,它为盒子模型提供
微信小程序提供了用于显示图片的image组件,并且image组件的功能比HTML中的<img>标签更强大,支持对图片进行剪裁和缩放。image组件的默认宽度为300px,默认高度为240px。image组件通过<image>标签定义,支持单标签和双标签两种
①不同的手机屏幕分辨率不同,如果用CSS中的px单位,会遇到屏幕适配的问题,需要手动进行像素单位换算。而微信小程序提供了一个新的单位rpx,使用rpx单位可以很轻松地适配各种手机屏幕。②在微信小程序中,项目根目录中
eslintrc js|app js|app json|app wxss|project config json|project private config json|sitemap json微信小程序的项目根目录下这些文件起什么作用?
微信小程序是继原生应用和HTML5应用之后出现的一种新的应用形态,从功能方面来说,与它们是竞争对手。那么微信小程序与原生应用、HTML5 应用有什么区别呢?下面进行对比。
在小程序里,长度单位既可以使用rpx,也可以使用px。使用rpx可以使组件自适应屏幕的高度和宽度,但使用px不会。要透彻地理解rpx需要对移动端分辨率有一定的了解,比如物理分辨率px,逻辑分辨率pt等概念。这里只需要记住以