微信小程序最近更新的九大新技能都有哪些技能

微信小程序上线了很久，很多小伙伴最关心的就是最新上线的九大新的技能，因此不知道的小伙伴们，就让给大家详细的讲讲，一起来了解下微信枯陵小程序最近更新的九大新技能都有哪些技能。

微信小程序九大新技能介绍

-

经用户授权允许后，小程序可以获取用户最近30天的微信运动步数，为用户定制健康计划，打造更趣味的运动玩法。

-

授权体验进一步优化。开发饥唯者可以在使用定位等功能前，提前向用户获取授权，也可以针对用户未授权的能力，友好地引导用户授权。

-

音乐播放能力大幅升级，离开小程序后用户也可以继续收听。

-

喜欢的照片和视频，现在可以便捷地保存到系统相册中。

-

小程序中的地图，支持更加丰富的覆盖物样式、动画及展示效果，支持绘制更美观的路线。

-

小程序可以通过iBeacon方式，找到周边的设备，实现“所到即所得”。

-

姓名、工作、电话号码等联系人信息，可以快速地保存到手机通讯录中。通过小程序，即可交换名片。

-

小程序可以调节手机屏幕亮度，为用户提供最佳的阅读及使用体验。

微信小程序匿名聊聊怎么进入

1.打开手机微信，升级至最新版本

2.点击发现，没肢戚小程序

3.点击匿名聊聊即可进入创建房间。

一般setData方法多用于点击后改变页面信息或者刷新后与后台交互获取最新的洞察信息

注意：

直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致

单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。

方法如下：

js:

Page({  data: {

   text: 'init data',

   num: 0,

   array: [{text: 'init data'}],    object: {

     text: 'init data'

   }

 },

 changeText: function() {    // this.data.text = 'changed data'  // bad, it can not work

   this.setData({

     text: 'changed data'

   })

 },

 changeNum: function() {  森颤滑  this.data.num = 1

   this.setData({

     此腊num: this.data.num

   })

 },

 changeItemInArray: function() {    // you can use this way to modify a danamic data path

   this.setData({      'array[0].text':'changed data'

   })

 },

 changeItemInObject: function(){    this.setData({      'object.text': 'changed data'

   })

 },

 addNewField: function() {    this.setData({      'newField.text': 'new data'

   })

 }

})

wxml:

<view>{{text}}</view><button bindtap="changeText">Change normal data </button><view>{{num}}</view><button bindtap="changeNum">Change normal num </button><view>{{array[0].text}}</view><button bindtap="changeItemInArray">Change Array data </button><view>{{object.text}}</view><button bindtap="changeItemInObject">Change Object data </button><view>{{newField.text}}</view><button bindtap="addNewField">Add new data </button>

学小知滚程序时写过一个B站demo，也遇到此问题，最后自定义Swiper的Dot来实现了。

思路是：用view组件重写dot，给swiper组件绑定bindchange事件用来获取当前第几个dot，动态改变class。

<!-- 滚动广告 begin -->

<view class="slider-wrapper">

<swiper bindchange="swiperChange" indicator-dots="{{indicatorDots}}"

autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">

<block wx:for="{{imgUrls}}" wx:key="*this">

<swiper-item>

<image src="{{item}}" class="slide-image"/>

</swiper-item>

</block>

</swiper>

<view class="swipe-btn-wrapper">

<view class="swipe-btn-list">

<view class="{{dotsClass[0]}}"></view>

<view class="{{dotsClass[1]}}"></view>搭卜余

<view class="{{dotsClass[2]}}"弊信></vi

---