微信小程序笔记
微信小程序笔记
ww0peo
这个作者很懒,什么都没留下…
展开
-
微信小程序开发笔记⑭——获取AccessToken、获得当前用户信息、收货地址、获取位置、手动转发、定时器、用户登陆、获取手机号和附近小程序
获取AccessToken官方描述https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Get_access_token.htmlAccessToken功能上类似于web开发中的session<view> <button bindtap="getAccessToken">获取Ac...原创 2020-02-05 11:29:48 · 571 阅读 · 0 评论 -
微信小程序开发笔记⑬——窗口监控、动态设置导航栏、动态设置tabBar、动态设定背景颜色、页面滚动和动画制作
窗口监听官方描述https://developers.weixin.qq.com/miniprogram/dev/api/ui/window/wx.onWindowResize.html监控窗口的大小时候发生了变化<view> <button bindtap="window">窗口监听操作</button></view>/**...原创 2020-02-05 11:29:37 · 2545 阅读 · 1 评论 -
微信小程序开发笔记⑫——屏幕亮度、陀螺仪、设备方向、拨打电话和振动
屏幕官方描述https://developers.weixin.qq.com/miniprogram/dev/api/device/screen/wx.setScreenBrightness.html<view> <button bindtap="screen">屏幕亮度</button> <button bindtap="setScre...原创 2020-02-05 11:29:18 · 2644 阅读 · 0 评论 -
微信小程序开发笔记⑪——数据缓存、数据传输方式、罗盘、wifi、性能监控、加速计和剪切板
数据缓存官方描述https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html每个微信小程序都可以有自己的本地缓存,可以通过wx.setStorage/wx.setStorageSync、wx.getStorage/wx.getStorageSync、wx.clearStorage/w...原创 2020-02-05 11:29:18 · 392 阅读 · 0 评论 -
微信小程序开发笔记⑩——音频与录音api、背景音频组件api、图片api、加载外部字体和文件api
音频和录音官方描述https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/api-limit.html#录音https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/api-limit.html#音频播放控制下面实现了一个简单的ktv的功...原创 2020-02-05 11:29:02 · 680 阅读 · 0 评论 -
微信小程序开发笔记⑨——downloadFile(下载)接口、request(请求)接口、uploadFile(上传)接口和websocket组件
网络apidownloadFile接口官方描述https://developers.weixin.qq.com/miniprogram/dev/api/network/download/wx.downloadFile.html下面实现了文件的下载和下载过程中部分参数的获取,使用的是downloadFile接口<view> <button bindtap="dow...原创 2020-02-05 11:28:48 · 4124 阅读 · 0 评论 -
微信小程序开发笔记⑧——map(地图)组件、canvas(画布)组件、open-data组件和web-view组件
地图组件map组件原生组件官方描述https://developers.weixin.qq.com/miniprogram/dev/component/map.html下面是一个简单的地图实现<map longitude="121.48" latitude="31.22" scale="18" ></map>下面则是一个关于地图控件的案例<ma...原创 2020-02-05 11:28:47 · 1451 阅读 · 0 评论 -
微信小程序开发笔记⑦——form组件、表单控件、navigator(跳转)组件和camera(相机)组件
form组件官方描述https://developers.weixin.qq.com/miniprogram/dev/component/form.html表单提交下面是一个简单的表单<form bindsubmit="formsubmit" bindreset="formreset"> <input name="inputValue" placeholder=...原创 2020-02-05 11:28:37 · 662 阅读 · 0 评论 -
微信小程序开发笔记⑥——rich-text(富文本框)组件、progress(进度条)组件和video(视频)组件
rich-text富文本框,可以直接写html官方描述https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html主要通过nodes属性传进去我们需要写的东西,一般可以直接传递一串html文本,如下<rich-text nodes="{{html}}"></rich-text>...原创 2020-02-05 11:28:27 · 1789 阅读 · 0 评论 -
微信小程序开发笔记⑤——事件、音频(音乐)组件、movable-area组件和cover-view组件
事件官网描述https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.htmlbind事件属于冒泡事件<view bindtap='bind1'> view1 <view bindtap='bind2'> view2 </view>&l...原创 2020-02-05 11:28:18 · 723 阅读 · 0 评论 -
微信小程序开发笔记④——条件渲染、列表渲染(循环)和模板的使用
条件渲染<view wx:if="{{flag}}"> 这是一个条件渲染</view><view wx:if="{{score > 90}}"> 成绩优秀</view><view wx:elif="{{score > 70}}"> 成绩良好</view><view wx:elif=...原创 2020-02-05 11:28:10 · 1100 阅读 · 0 评论 -
微信小程序开发笔记③——页面弹性布局、数据绑定和数组的使用
弹性布局flex-drection弹性容器的方向<view class='flex-container'> <view class='view-size bg-red'></view> <view class='view-size bg-green'></view> <view class='view-size ...原创 2020-02-05 11:28:01 · 323 阅读 · 0 评论 -
微信小程序开发笔记②——页面生命周期函数和基础组件
微信小程序的生命周期在js文件中我们可以在某个生命周期函数中执行相应的代码Page({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { // 第一次完整打开小程序页面时 }, /** * 生命周期函数--监...原创 2020-02-05 11:27:51 · 625 阅读 · 0 评论 -
微信小程序开发笔记①——app.json文件(全局配置)的简单分析、新页面的创建和页面的构成文件
app.json文件window属性,常用的属性如下"window": { // 下拉的样式,只有两个样式 "backgroundTextStyle": "dark", // 导航栏背景颜色 "navigationBarBackgroundColor": "#000", // 导航栏文本 "navigationBarTitleText": "WeChat", //...原创 2020-02-05 11:27:16 · 2126 阅读 · 0 评论