热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

微信小程序填坑之路(四)--2016.12.21更新

今天又一次更新,继续填坑了。。更新概述新增分享、模板消息、客服消息、扫一扫、带参数二维码(当前仅限开发者和体验者使用)等功能新增4个新API,2个新组件拓展了10个组件属性,新增6个组

今天又一次更新,继续填坑了。。

更新概述

  • 新增分享、模板消息、客服消息、扫一扫、带参数二维码(当前仅限开发者和体验者使用)等功能
  • 新增 4 个新 API, 2个新组件
  • 拓展了 10 个组件属性,新增 6 个组件事件
  • 修复数十个 API 以及组件 bug,优化部分交互体验
  • 开发者工具增加新 API 及组件的调试支持
  • 开发者工具增加微信支付的调试支持
具体以下:

1。新增 API wx.switchTab。跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。

wx.switchTab({

      url: '/pages/index/index',
      success: function(res){},
      fail: function() {},
      complete: function() {}
    })

2.新增 API wx.scanCode.调起客户端扫描界面,扫描成功后返回对应的结果。

wx.scanCode({
    success: function(res){
     console.log("扫描了"+res)
    },
    fail: function() {}
    complete: function() {}
  })

3.新增 API wx.createMapContext。创建map的上下文。

Page({

  onReady: function (e){

// 使用 wx.createMapContext 获取 map 上下文 

    this.mapCtx = wx.createMapContext('myMap')

  },

//获取当前地图中心的经纬度,返回的事gcj02坐标系,可以用于 wx.openLocation()

  getCenterLocation: function (){

    this.mapCtx.getCenterLocation({

      success: function(res){

        console.log(res.longitude)

        console.log(res.latitude)

      }

    })

  },

//将地图中心移动到当前定位点,需要配合map组建的show-location使用

moveToLocation: function (){

    this.mapCtx.moveToLocation()

  }

})

4.新增 API wx.createCanvasContext .

创建 canvas 绘图上下文(指定 canvasId)

Tip: 需要指定 canvasId,该绘图上下文只作用于对应的

5.新增 APIwx.showToast 调用参数 mask(是否显示透明蒙层,防止触摸穿透,默认是false),实际效果就是当mask为true的时候页面无法滑动无法进行任何操作

wx.showToast({
  title: '成功',
  icon: 'success',
  duration: 2000,
  mask:false//ture
})

6.新增 页面方法 Page.onShareAppMessage 用于自定义分享内容。这就是能分享的方法。

Page({

  onShareAppMessage: function (){

    return {

      title: '这是我的第一个分享',
      desc: '真的能分享?',
      path: '/page/myinfo?id=123'

    }

  }

})

7. 新增 框架方法 App.onError。增加了APP()生命周期的方法。现在为 onLaunch ,onShow, onHide, onError。

8.新增 页面配置disabelScroll 。//具体怎么用 还没试出来什么样,后面发现的时候在说明

disableScroll

Boolean

false

设置为 true 则页面整体不能上下滚动;只在 page.json 中有效,无法在 app.json 中设置该项

9. 新增 组件。嵌入页面的滚动选择器。简单来说就是将原来的选择器给弄到页面加载了,省了许多页面上需要渲染的功能,像日历的选择

  {{year}}年{{month}}月{{day}}日

  "height: 50px;" s1">"width: 100%; height: 300px;" value="{{value}}" bindchange="bindChange">

   

      "{{years}}" s1">"line-height: 50px">{{item}}年

   

   

      "{{months}}" s1">"line-height: 50px">{{item}}月

   

   

      "{{days}}" s1">"line-height: 50px">{{item}}日

   

 

10. 新增 组件,用于显示客服会话按钮。这个可以直接跟客服连接,挺方便 也挺6666的

客服会话按钮,用于在页面上显示一个客服会话按钮,用户点击该按钮后会进入客服会话。

  type="default-light" 

  size="20"

  session-from="weapp"

>

11.新增 组件属性 openType。可选值 'navigate'、'redirect'、'switchTab',对应于wx.navigateTowx.redirectTowx.switchTab的功能。

12.新增 组件属性 color。终于可以自定义颜色了。实际效果是点击的颜色,就是打勾的颜色
13.新增 组件属性 objectFit 。具体还没有试23.新增 组件事件 bindtimeupdate。播放进度变化时触发,event.detail = {currentTime: '当前播放时间'} 。触发频率应该在 250ms 一次


objectFit

String

contain

当视频大小与 video 容器大小不一致时,视频的表现形式。contain:包含,fill:填充,cover:覆盖

14. 新增 组件属性    markers polyline circles include-points controls show-location。完善了map的功能,打车定位路线什么的就好办了。

21.新增  组件事件 bindtap bindmarkertap bindcontrolstap bindregionchange。(实际上也是对于map的功能,所以给放到前面来了)

15.新增 组件属性 circular 控制衔接滑动.实际效果还是很好的,原来是直接会回到第一张然后在轮播,现在这个可以接着最后一张继续播放第一张图片。
16.新增 组件属性 cursor-spacing 。具体还没有发现有什么东东。不过我估计是光标不会挡住输入键盘。

22.新增组件事件 bindconfirm 。为了更好的操作体验,点击键盘的完成按钮时触发,event.detail = {value: value}

指定光标与键盘的距离,单位 px 。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离。

17。新增

推荐阅读
  • 地图集成方法与应用 ... [详细]
  • 在 Angular Google Maps 中实现图片嵌入信息窗口的功能,可以通过使用 `@agm/core` 库来实现。该库提供了丰富的 API 和组件,使得开发者可以轻松地在地图上的信息窗口中嵌入图片。本文将详细介绍如何配置和使用这些组件,以实现动态加载和显示图片的功能。此外,还将探讨一些常见的问题和解决方案,帮助开发者更好地集成这一功能。 ... [详细]
  • 微信小程序详解:概念、功能与优势
    微信公众平台近期向200位开发者发送了小程序的内测邀请。许多人对微信小程序的概念还不是很清楚。本文将详细介绍微信小程序的定义、功能及其独特优势。 ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 开机自启动的几种方式
    0x01快速自启动目录快速启动目录自启动方式源于Windows中的一个目录,这个目录一般叫启动或者Startup。位于该目录下的PE文件会在开机后进行自启动 ... [详细]
  • 本文介绍了如何利用 `matplotlib` 库中的 `FuncAnimation` 类将 Python 中的动态图像保存为视频文件。通过详细解释 `FuncAnimation` 类的参数和方法,文章提供了多种实用技巧,帮助用户高效地生成高质量的动态图像视频。此外,还探讨了不同视频编码器的选择及其对输出文件质量的影响,为读者提供了全面的技术指导。 ... [详细]
  • 在JavaWeb开发中,文件上传是一个常见的需求。无论是通过表单还是其他方式上传文件,都必须使用POST请求。前端部分通常采用HTML表单来实现文件选择和提交功能。后端则利用Apache Commons FileUpload库来处理上传的文件,该库提供了强大的文件解析和存储能力,能够高效地处理各种文件类型。此外,为了提高系统的安全性和稳定性,还需要对上传文件的大小、格式等进行严格的校验和限制。 ... [详细]
  • 本文介绍了如何使用 Node.js 和 Express(4.x 及以上版本)构建高效的文件上传功能。通过引入 `multer` 中间件,可以轻松实现文件上传。首先,需要通过 `npm install multer` 安装该中间件。接着,在 Express 应用中配置 `multer`,以处理多部分表单数据。本文详细讲解了 `multer` 的基本用法和高级配置,帮助开发者快速搭建稳定可靠的文件上传服务。 ... [详细]
  • 全面解析JavaScript代码注释技巧与标准规范
    在Web前端开发中,JavaScript代码的可读性和维护性至关重要。本文将详细介绍如何有效地使用注释来提高代码的可读性,并探讨JavaScript代码注释的最佳实践和标准规范。通过合理的注释,开发者可以更好地理解和维护复杂的代码逻辑,提升团队协作效率。 ... [详细]
  • 在对WordPress Duplicator插件0.4.4版本的安全评估中,发现其存在跨站脚本(XSS)攻击漏洞。此漏洞可能被利用进行恶意操作,建议用户及时更新至最新版本以确保系统安全。测试方法仅限于安全研究和教学目的,使用时需自行承担风险。漏洞编号:HTB23162。 ... [详细]
  • 本指南介绍了如何在ASP.NET Web应用程序中利用C#和JavaScript实现基于指纹识别的登录系统。通过集成指纹识别技术,用户无需输入传统的登录ID即可完成身份验证,从而提升用户体验和安全性。我们将详细探讨如何配置和部署这一功能,确保系统的稳定性和可靠性。 ... [详细]
  • 使用 ListView 浏览安卓系统中的回收站文件 ... [详细]
  • 本文将继续探讨 JavaScript 函数式编程的高级技巧及其实际应用。通过一个具体的寻路算法示例,我们将深入分析如何利用函数式编程的思想解决复杂问题。示例中,节点之间的连线代表路径,连线上的数字表示两点间的距离。我们将详细讲解如何通过递归和高阶函数等技术实现高效的寻路算法。 ... [详细]
  • 技术分享:深入解析GestureDetector手势识别机制
    技术分享:深入解析GestureDetector手势识别机制 ... [详细]
  • 如何撰写PHP电商项目的实战经验? ... [详细]
author-avatar
初语2265_781
这个家伙很懒,什么也没留下!
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有