吴茗的博客

转发功能wx.showShareMenu()显示页面转发wx.showShareImageMenu()图片转发wx.showVideoMessage()视频转发wx.showFileMessage()文件转发重要参数wx.showShareMenu()menus 可以定义转发菜单，设置"shareAppMessage"表示发送给朋友，设置"shareTimeline"表示发送到朋友圈，也就是说添加了该参数以后，就可以点击右上角实现发送到朋友圈了。不过，部分手

操作菜单wx.showActionSheet()弹出操作菜单重要参数itemList 必须要填，一个数组，里面是操作菜单的选项，选项为字符串，最多6个itemColor 选项的颜色success 成功回调函数fail 失败回调函数complete 结束回调函数其中，成功回调函数中，选择的第几个被保存在了res.tapIndex里面注意：在某些版本中，该弹窗点击蒙层就会被关闭，并且给出失败回调，fail cancel。但是在某些版本中又不会发生这种情况。因此，请

对话框wx.showModal()弹出一个可以和用户对话的弹框之前，我们已经做了提醒用户的消息弹窗，但是消息弹窗仅仅是弹出提醒用户，不需要用户主动与之进行交互。如果我们想主动与用户交互，让用户选择是或者否，那么就需要使用到对话框。重要参数title 提示框的标题content 提示框的内容showCancel 是否显示取消按钮，默认为true，显示取消按钮cancelText 取消按钮上的文字，默认是取消cancelColor 取消按钮上的文字颜色，使用16进制的颜

弹窗消息wx.showToast()显示一个消息对话框wx.showLoading()显示一个等待对话框wx.hideToast()隐藏消息对话框wx.hideLoading()隐藏等待对话框区别在于，等待消息有一个会不停旋转的图标，一看就是让人等待消息对话框的参数wx.showToast()title 提示内容，必须要填icon 图标内容1，success 默认值，表示成功2，error 显示失败3，loading 实现加载4，no

页面跳转(路由)wx.switchTab()跳转到tabBar页面，关闭其他非tabBar页面wx.reLaunch()关闭所有页面，打开某个页面wx.redirectTo()关闭当前页面，跳转到某个非tabBar页面wx.navigateTo()保留当前页面，跳转到某个非tabBar页面wx.nabigateBack()关闭当前页面，返回上一个或者多个页面分析上边的描述其实已经讲的很清楚了，如果你还没明白的话，我再仔细的分析一下。首先，我们需要知..

两种更新wx.updateWeChatApp(包含success的对象)跳转到小程序客户端的更新页面wx.getUpdateManager()获取小程序更新管理器1，wx.getUpdateManager().applyUpdate() 强制重启并更新新版本，更新结束后，收到onUpdateReady2，wx.getUpdateManager().onCheckForUpdate(回调函数) 监听是否需要更新3，wx.getUpdateManager().onUpdat

查询用户系统信息wx.getSystemInfo()获取用户系统信息(传统，同步，可用Promise风格)wx.getSystemInfoSync()获取用户系统信息(同步，可用Promise风格)wx.getSystemInfoAsync()获取用户系统信息(异步)使用方法在参数中要传入一个对象，其中包括success, fail和complete三个选项success 函数，接口调用成功执行fail 函数，接口调用失败执行complete 函数，接口调用

重要参数src 视频的地址controls 是否显示默认的按钮(播放，暂停等)，默认是开启，要设置为false才是禁止autoplay 自动播放loop 循环播放muted 静音播放show-mute-btn 显示静音按钮enable-play-gesture 双击暂停show-screen-lock-button 全屏显示锁屏按钮bindplay 绑定播放事件bindpause 绑定暂停事件bindended 绑定末尾事件bindtimeupdate 绑定

流量主介绍流量主是普通制作微信小程序的一个主要的盈利方式。主要就是通过放置广告。首先，我们要知道流量主的开通条件。开通条件：小程序累计独立访客（UV）1000以上，且无违规记录，即可开通流量主功能。那么，什么是独立访客呢？通过搜索百度，独立访客有很多不同的解释，意思就是独立的访客，可以是单独的ip，可以是指单独的计算机终端等等，当然，在微信小程序中，最主要的独立访客，指的是不同的微信号用户的访问。毕竟小程序都是通过微信使用的，目前我还没听说过不需要登陆微信号，但是却可以使用小程序的情况出现。

介绍按照现在的规定，在小程序中使用任何有关于用户的个人信息，都是需要授权的。但是，如果是通过open-data来使用用户的信息的话，则无需用户授权。为什么open-data不需要授权呢，因为open-data使用的信息是存放于本地的，也就是说，实际上只有用户自己可以看到，别人是无法看到的，也不会上传到服务器上。因此，在很多无需存储和获取用户信息的功能上，使用open-data就可以满足了。重要参数type 类型1，userNickName 用户昵称2，userAvatarUrl 用

介绍label标签可以用于绑定button，checkbox，radio和switch，因此，也就是说，label标签必须要依附于其他标签，不能够独立存在，使用label标签以前，一定要会使用其他标签才行。学习使用button标签学习使用checkbox标签学习使用radio标签学习使用switch标签简单使用只要通过label标签将所需要的内容绑定在一起就行了<radio-group> <label> <radio value="

表单的作用提交form中的switch，radio，checkbox，input，slider，picker标签的value，提交一般使用button按钮标签。如果你还不会使用这些标签的话，那么表单完全发挥不了任何作用。因此学习使用switch标签看这里学习使用radio标签看这里学习使用checkbox标签看这里学习使用input标签看这里学习使用slider标签看这里学习使用picker标签看这里学习使用button标签看这里重要参数name 这个值不是设置

通用参数mode 选择模式1，selector 普通选择器，注意，这是默认选项，不用填写2，mutiSelector 多列选择器3，date 日期选择器4，time 时间选择器5，region 省市区选择器bindcancel 绑定取消事件普通选择器就是一个单列的选择器range 这里面要填写一个数组，注意，是数组，不是长得像数组的字符串value 选择了range中的第几个，注意，从0开始bindchange 绑定变化事件range-key 如果你

重要参数min 最小值，默认值为0max 最大值，默认值为100step 步长，必须大于1，且可以被max - min整除value 设置当前的值backgroundColor 整个进度条的颜色activeColor 已选择的颜色block-color 滑块的颜色block-size 滑块的大小，最小12，最大28，默认28show-value 显示当前值bindchange 绑定一次改变事件，拖动结束后触发bindchanging 绑定改变事件，一边拖动一边.

介绍之前我们提到了小程序中的单行输入框，input标签，这是一个非常重要的输入框标签我还不会，学习如何在小程序中使用单行输入框input虽然，input一次是可以输入很多了，但是，单行的缺点就是不能够换行使用，没办法开开心心的跳到下一行继续输入。这怎么行呢？比如说我要写一个简介或者描述，总不能一行写1000字吧！所以，我们要使用多行输入框，textarea重要参数value 输入框中的内容placeholder 输入框中的提示内容placeholder-class 为pla

重要参数value 输入框中的初始输入内容type 输入框的种类，如果是文本就不用填写1，number 数字2，idcard 身份证3，digit 带小数点的数字4，safe-password 安全键盘password 密码类型，不用就不填placeholder 占位文字，或者说提示文字placeholder-class 为提示文字绑定一个类maxlength 设置最大长度，不设置最多140，设置为-1可以无限输入confirm-type 键盘的确认文字，只能用

介绍单选框是多个里面选一个，多选框是多个里面选多个。而switch就比较厉害了，只有一个，你爱要不要。如果switch不能满足你的话，为什么不试试这个呢？单选框标签radio复选框标签checkbox重要参数type 如果设置为checkbox，会出现一个方框，进行勾选color 开关的颜色bindchange 绑定change事件简单使用在wxml中应该这样使用<switch color="yellow">你相信光吗？</switch

介绍这是一个进度条标签，主要用来播放进度条的动画。事实上，如果自己制作一个进度条的话，也并不算困难，不过有了现成的组件可以使用，总是更好的。一般可以用于一些耗时的操作，增加一个进度条可以让用户耐心等待。毕竟看到了进度条在动的话，还是有所安慰的。重要参数percent 进度条的最终百分比，通过数字设置即可，一般可以直接设为100。show-info 进度条增加显示百分比的文字提示font-size 文字提示的大小，单位是px，在这里填写数字activeColor 进度条的颜色

为什么要滚动因为，有限的页面，无法显示我们无限的需求，因此我们需要滚动。简单来说，就是把多余的部分放在了一个我们肉眼无法直接看到的空间之中，当我们需要的时候，可以通过滚动，把它们滚动出来。所以说，scroll-view就是为了满足我们无限的需求和有限的页面之间的矛盾与冲突。所以，我们必须要知道，就是因为页面不够大，显示不了那么多内容，所以我们才需要滚动。如果页面够大，已经把所有内容都显示了，那肯定就不需要滚动了。因此，在进行竖向滚动的时候，你应该给scroll-view设置一个height属性，

组合checkbox 复选框的选项checkbox-group 一组复选框这两个标签需要配套使用注意：小程序中的复选框的使用和单选框几乎是一样的，如果你还不会使用单选框，请看这里学习如何使用单选框重要参数checkbox-group可以绑定bindchangecheckbox有value参数，还有color参数使用上和单选框是一样，不多重复，如果还不懂，去看单选框！！！简单使用直接上wxml代码<checkbox-group bindchan.

组合radio 一个单选框的选项radio-group 一组单选框这两个标签需要配套使用重要参数radio-group可以绑定bindchange，来触发change事件radio需要设置value属性，来让单选框和其值进行绑定，还可以设置color，让单选框好看一些简单使用在wxml中应该这样写<radio-group bindchange="boy_or_girl"> <radio value="boy">我是男孩子<...

介绍rich-text 富文本标签what？什么是富文本？有穷文本吗？我感到了非常的困扰。后来，通过观察知乎大佬的回复，我终于懂了。哦！原来，这就是富文本吗？原来是这个意思啊！原来，富文本就是可以有丰富的内容啊！哎，看看我自己写的文章，妥妥的都是穷文本啊。功能总而言之，rich-text的作用就是，可以把一部分的html的标签，引入到小程序中。只要放在rich-text之中，就可以直接用了。<rich-text> <div>这是一个d..

重要参数type 这是图标的种类1，success2，success_no_circle3，info4，warn5，waiting6，cancel7，download8，search9，clearsize 图标的大小，填写数字就行color 图标的颜色，就正常写颜色分析全都没用，毫无意义！为什么这样讲呢？因为全都不好看。就算好看，因为人人都用，也变的不好看了，对吧？人是有审美疲劳的，人人都用这几个图标，它能好看了吗？不过，如果你对美没有那么高.

重要参数size 按钮的大小，如果添加mini，就会变小。type 按钮的样式，注意：都不怎么好看1，primary 绿的2，warn 红的plain 按钮的背景色变透明loading 按钮的前边带一个默认等待字样hover-class 按下去的class属性form-type 提交表单的时候用1，submit 表单的提交2，reset 表单的重置open-type 特殊功能(用处都不大)1，contact 客服对话2，share 分享3，feedb

重要参数indicator-dots 显示圆点indicator-color 改变原点颜色indicator-active-color 改变选中原点颜色autoplay 自动切换interval 切换时长，单位毫秒，默认5000，可以改为2500circular 自动衔接，播放完一轮继续从头开始1，swiper里面必须要放置swiper-item标签。2，一般会配合for循环一起使用。3，轮播图也可以绑定一些特殊事件，比如图片切换，动画完成等等，但是很少会用简单使

重要参数src 填写图片地址，非常重要，没有图片地址就没有图片mode 图片模式1，widthFix，宽度不变，高度自适应，总体保持宽高比不变2，heightFix，高度不变，宽度自适应，总体保持宽高比不变3，aspectFit，按照图片的长边进行缩放，保证整个图片最终可以显示4，aspectFill，按照图片的短边进行缩放，只保证短边可以显示5，scaleToFill，不进行缩放，随便拉伸，填满为止lazy-load 懒加载，就是距离这个图片还很远就先不加载，提高性能

重要参数url 填写小程序中的跳转地址open-type1，如果跳转到普通页面，不需要填写2，如果跳转到tabBar页面，填写switchTab3，如果要关闭当前页面，跳转到普通页面，填写redirect4，如果要关闭所有页面，跳转到某个页面，填写reLaunchhover-class 和view标签的hover-class一样，点击的时候触发简单使用<navigator url="/pages/index/index" open-type="switchTa

重要参数decode 进行转义，非必须，如果想转义，要填写space 可以连续使用空格，非必须，如果要连续使用空格，要填写space="nbsp"简单使用text标签可以对文本进行转义，比如在view标签中不能使用的&nbsp;，在这里也是可以正常使用的。还有一个好处，无需使用<br>，只要使用\n就可以进行换行了。<view>view之中不可以使用&nbsp;</view><text>text之中可以使用&

简单使用<view>这是一个view标签</view>如果你熟悉传统的前端开发的话，那么无需多言，你肯定知道，这个view标签，就相当于是以前的div。俗话说得好，view是一个筐，什么都可以往里装。默认的样式就是这样的这有什么特别的吗？没有，但是，它就是好用。以前，如果在前端开发中，一直使用div会被人看不起，有人会来质问你，你怎么老用div啊？这关你x事！不过现在我们不必有这种担忧了。任何犹豫不决的时候，放心大胆的用view就是了。进阶使用vie..