微信小程序,相关代码
table th:nth-of-type(1) {
width: 200px;
}
| 代码 | 作用 |
|---|---|
| bindtap | |
| bindload | 当图片载入完毕时触发,event.detail = {height, width} |
| wx:if 与 hidden="{{flag ? ture : false}}" 的区别 | https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/conditional.html ; hidden 是基础组件的公共属性,所有组件默认显示:https://developers.weixin.qq.com/miniprogram/dev/framework/view/component.html#公共属性 |
| wx:for | <view wx:key="{{item.content_id}}" wx:for="{{dataList}}">;默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item; 使用 wx:for-item 可以指定数组当前元素的变量名,使用 wx:for-index 可以指定数组当前下标的变量名; 官方文档:https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/list.html |
获取小程序用户信息:let { OPENID, APPID, UNIONID } = cloud.getWXContext() |
https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/functions/userinfo.html |
| wx.getSystemInfo:获取系统信息 | https://developers.weixin.qq.com/miniprogram/dev/api/base/system/system-info/wx.getSystemInfo.html |
| 获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限:wx.getSetting | https://developers.weixin.qq.com/miniprogram/dev/api/open-api/setting/wx.getSetting.html |
| wx.getUserInfo:获取用户信息,跟wx.getSetting配合使用;详见下面“代码1” | https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserInfo.html |
<button open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onGotUserInfo">获取用户信息</button> |
bindgetuserinfo:用户点击该按钮时,会返回获取到的用户信息,回调的detail数据与wx.getUserInfo返回的一致,open-type="getUserInfo"时有效;https://developers.weixin.qq.com/miniprogram/dev/component/button.html |
| wx.getShareInfo:获取转发详细信息 | https://developers.weixin.qq.com/miniprogram/dev/api/share/wx.getShareInfo.html |
| 获取更多转发信息 | 通常开发者希望转发出去的小程序被二次打开的时候能够获取到一些信息,例如群的标识。现在通过调用 wx.showShareMenu 并且设置 withShareTicket 为 true ,当用户将小程序转发到任一群聊之后,此转发卡片在群聊中被其他用户打开时,可以在 App.onLaunch 或 App.onShow 获取到一个 shareTicket。通过调用 wx.getShareInfo 接口传入此 shareTicket 可以获取到转发信息。https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html ,https://developers.weixin.qq.com/miniprogram/dev/api/base/app/app-event/wx.onAppShow.html |
| wx.navigateTo:路由之间传递参数,详见下面代码2 | https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html |
| wx.canIUse:判断小程序的API,回调,参数,组件等是否在当前版本可用 | <button wx:if="{{ wx.canIUse('button.open-type.getUserInfo') }}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo"></button>;https://developers.weixin.qq.com/miniprogram/dev/dev_wxwork/dev-doc/qywx-api/foundation/wxqycaniuse.html |
| 显示消息提示框:wx.showToast | https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showToast.html |
| onShareAppMessage:监听用户点击页面内转发按钮(button 组件 open-type="share")或右上角菜单“转发”按钮的行为,并自定义转发内容 | 注意:只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮;https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareAppMessage-Object-object |
| wx.navigateBack:关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈,决定需要返回几层 | https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateBack.html |
| 客服消息 | <button open-type="contact" bindcontact="handleContact"></button>;需要将 button 组件 open-type 的值设置为 contact,当用户点击后就会进入客服会话,如果用户在会话中点击了小程序消息,则会返回到小程序,开发者可以通过 bindcontact 事件回调获取到用户所点消息的页面路径 path 和对应的参数 query。 |
| navigator:页面链接 | <navigator open-type="switchTab" url="/pages/xxx">去看看别的页面</navigator>;https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html |
| wx.pageScrollTo:将页面滚动到目标位置,支持选择器和滚动距离两种方式定位 | https://developers.weixin.qq.com/miniprogram/dev/api/ui/scroll/wx.pageScrollTo.html |
| wx.setNavigationBarTitle:动态设置当前页面的标题 | https://developers.weixin.qq.com/miniprogram/dev/api/ui/navigation-bar/wx.setNavigationBarTitle.html |
| wx.stopPullDownRefresh:停止当前页面下拉刷新 | https://developers.weixin.qq.com/miniprogram/dev/api/ui/pull-down-refresh/wx.stopPullDownRefresh.html |
| wx.chooseImage:从本地相册选择图片或使用相机拍照 | https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html |
| wx.uploadFile:将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求,其中 content-type 为 multipart/form-data | https://developers.weixin.qq.com/miniprogram/dev/api/network/upload/wx.uploadFile.html |
代码1:
// 获取用户信息
wx.getSetting({
success: res => {
if (res.authSetting['scope.userInfo']) {
// 已经授权,可以直接调用 getUserInfo 获取头像昵称,不会弹框
wx.getUserInfo({
success: res => {
// 可以将 res 发送给后台解码出 unionId
that.globalData.userInfo = res.userInfo
console.log(res)
// 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回
// 所以此处加入 callback 以防止这种情况
if (that.userInfoReadyCallback) {
that.userInfoReadyCallback(res)
}
}
})
}
}
})
代码2:
页面1中,写:
wx.navigateTo({
url: `/pages/xxx/index?contentId=xxx`
})
```
页面2中,获取url中的参数:
```
onLoad: function (options) {
console.log(options.contentId)
}
```
微信小程序,相关代码的更多相关文章
- 微信小程序相关资料整理
微信小程序官方介绍https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html?t=201818 微信小程序开发资源https://jue ...
- 微信小程序实例代码
http://blog.csdn.net/zuoliangzhu/article/details/53862576#t1 项目结构 └─ empty-folder/ ················· ...
- 微信小程序--相关资料
微信小程序Demo https://github.com/zce/weapp-demojustjavac/awesomewechatweapp: 微信小程序开发资源汇总 https://gith ...
- 微信小程序相关操作
显示用户基本信息 在微信小程序中,经常会碰到需要展示微信用户的基本信息,如果只是为了显示用户信息,最简单有效的办法是使用open-data,这是微信小程序内置的用于展示微信开放数据的组件,通过改变ty ...
- 微信小程序相关三、css写小黄人
小程序上课第三天,因为今天院里有活动,所以没去上课,第四天上午又因为要召开入党转正大会,又耽误了一上午,下午去上课,要了资料.这两天讲了一些零零碎碎的东西,做的实例有上面这个小黄人 都是用的css,基 ...
- 微信小程序相关一、模仿京东静态登录页面
一.培训的第一天,基本上没有什么最新的东西,但是看到老师的代码收获的确实是不少. 1.1.首页代码很简洁,将共有的样式都提取的很好. 1.2.其次是每一个小块写样式的时候用到了好多子代选择器和后代选择 ...
- 微信小程序 原生代码 转wepy 字符串处理
import globimport os cwd = os.getcwd()sep = os.septarget = cwd + sep + 'pages' + sep + '*' + sep + ' ...
- 微信小程序--WXS---JS 代码插入
主页要使用的JS代码放在index.js里面 例 Page({ data: { array: [1, 2, 3, 4, 5, 1, 2, 3, 4] } }) 只复制以下这段 data: { arra ...
- 微信小程序居中代码
html页面: { text-align:center; } wxss页面: { width: 100%; height: 100%; display: flex; justify-content: ...
- 微信小程序相关二、css介绍,菜单制作,表单相关,京东注册页面
一.第二天上午 1.1上午因为有其他的课所以没有去这个课,不过下午看复习的时候的概括,讲了DTD,语法特性,css选择器以及权重,还有一些简单的样式 1.2 DTD Docuement Type 声明 ...
随机推荐
- LeetCode题库整理(自学整理)
1. Two Sum 两数之和 来源:力扣(LeetCode) 题目:给定一个整数数组和一个目标值,找出数组中和为目标值的两个数.你可以假设每个输入只对应一种答案,且同样的元素不能被重复利 ...
- ASP.NET Core2使用Autofac实现IOC依赖注入竟然能如此的优雅简便(转载)
原文地址:https://www.cnblogs.com/Andre/p/9604759.html 初识ASP.NET Core的小伙伴一定会发现,其几乎所有的项目依赖都是通过依赖注入方式进行链式串通 ...
- python 多线程剖析
先来看个栗子: 下面来看一下I/O秘籍型的线程,举个栗子——爬虫,下面是爬下来的图片用4个线程去写文件 #!/usr/bin/env python # -*- coding:utf-8 -*- imp ...
- git 删除错误提交commit(删除敏感文件)
git filter-branch --force --index-filter 'git rm --cached --ignore-unmatch test/docs/456776898979.ap ...
- nginx 的一些优化(突破十万并发)
一般来说 nginx 配置文件中对优化比较有作用的为以下几项: worker_processes 8; nginx 进程数,建议按照 cpu 数目来指定,一般为它的倍数. worker_cpu_aff ...
- 『Pushbox 点双联通分量』
Pushbox Description 周婧涵和她的小伙伴们发明了一个新游戏.游戏名字很准确,但不是特别有 创意.她们称之为"推动箱子在谷仓周围找到正确的位置,不要移动干草"游戏 ...
- Linux学习笔记之AIX系统上压缩与解压文件
0x00 概述 AIX机器真难用,一时半会还真适应不了. 0x01 压缩tar 命令格式: # tar -cvf (或xvf)+文件名+设备 C:是本地到其他设备 x:是其他设备到本地 r:是追加 ...
- pod install速度慢,pod repo update 速度慢解决方法
相信大家已经感受到pod install速度越来越慢了,网上提供了几种解决方案,但是都没有完全解决速度慢的问题. 使用国内镜像的Specs 在pod install时使用命令pod install - ...
- Asp.net MVC企业级开发(02)---Log4net
Log4Net 是用来记录日志的,可以将程序运行过程中的信息输出到一些地方(文件.数据库.EventLog等).日志就是程序的“黑匣子”,可以通过日志查看系统的运行过程,从而发现系统的问题. 日志的作 ...
- Asp.net MVC企业级开发(01)---Autofac
1.1 控制反转 在面向对象设计的软件系统中,它的底层都是由N个对象构成的,各个对象之间通过相互合作,最终实现系统的业务逻辑.同时,对象之间的耦合关系是无法避免的,也是必要的,这是协同工作的基础.但是 ...