汉堡请不要欺负面条

uniapp项目功能小点整理

一.微信授权必须先在平台后台系统那边 配置好域名授权回调域名配置 （比如：访问的网页地址是 https://wl.2020yx.cn/ccc/index.html 需要网页授权的域名为：wl.2020yx.cn 这样的话，只要wl.2020yx.cn下的域名文件都可以进行OAuth2.0鉴权）到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页授权 - 网页授权获取用户基本信息”的配置。要将这里的txt文件放在项目根路径下，否则上面的回调域名是无法保存的。把下载的txt放在域名底

分包加载的介绍 大部分小程序都会由某几个功能组成，通常这几个功能之间是独立的，但会依赖一些公共的逻辑，并且这些功能通常会对应某几个独立的页面。那么小程序代码的打包，大可不必一定要打成一个，可以按照功能的划分，拆分成几个分包，当需要用到某个功能时，才加载这个功能对应的分包。在小程序启动时，默认会下载主包并启动主包内页面，如果用户需要打开分包内某个页面，客户端会把对应分包下载下来，下载完成后再进行展示。总结如下：1.打开小程序，默认先加载主包2.进入分包页面时，再加载对应分包采用...

官网文档1.Component 构造器2.组件间通信与事件this.triggerEvent('myevent', myEventDetail)1.父组件 <i-card card-title="标题" bindmyevent="myEventListener"></i-card>Page({ data: { }, onLoad: fun...

接口只要在Posrman接口测试工具（接口工具随意） 请求下就可以。开发者文档：自定义菜单接口自定义菜单最多包括3个一级菜单，每个一级菜单最多包含5个二级菜单 一级菜单最多4个汉字，二级菜单最多7个汉字，多出来的部分将会以“...”代替。(1).微信公众平台接口调试工具(2).Posrman接口测试工具 请求接口接口：post请求https://api.weixi...

接口签名校验工具 Js-SDK说明文档一.流程步骤一：绑定域名微信公众号的后台设置，必须是线上的，同时没有端口号步骤二：引入JS文件引入jshttps://res2.wx.qq.com/open/js/jweixin-1.4.0.js或是npm install weixin-js-sdk--save然后在相应的页面引入步骤三：通过config接口注入权限验证配...

一.小程序(1).模板消息小程序模板消息接口将于2020年1月10日下线。开发者可使用订阅消息功能.查看官网模板消息下发的理由：用户最近在小程序活跃过，有过交互的行为（比如表单提交）。那么开发者可以从这些交互行为中收集formid。一条formid会保留7天的时间，当我们调用发送接口的时候需要消耗一条formid。如果该用户没用formid的话，那么则发送失败。发送模板消息一...

一.知识点（1）.audio为音频组件，我们可以轻松的在小程序中播放音频。整理下就是：（2）.API1.wx.createAudioContext(audioId):创建并返回 audio 上下文 audioContext 对象 audioContext:audioContext 通过 audioId 跟一个  组件绑定，通过它可以操作对应的  组件

一.知识点二.操作1.wxml 播放 暂停 获取视频 发送弹幕 监听button点击事件:点击显示视频组件 2.jsvar util = require('../../utils/util.js')function getRandomColor () {//随机获取颜色 let rgb = [] for (le

wx.createAnimation(object)看官方介绍1.创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的animation属性。2.调用动画操作方法后要调用 step() 来表示一组动画完成，可以在一组动画中调用任意多个动画方法，一组动画中的所有动画会同时开始，一组动画完成后才会进行下

上面微信小程序开发—(十七)animation API，我们了解到animation使用。现在我们来了解下关于动画的机制。不管是位移，缩放，旋转，可能都会涉及到三个轴，那就是x,y,z,轴，这三个轴大致这样的如下图 x轴是水平的，y轴在垂直方向上，而z轴，是"指向我们的方向"的一个轴,这点必须清楚，不然动画的很多东西，你就没办法理解了。好了，我们再来回过头来看看官网的几个动画方

一.理解navigator二.使用1.navigator跳转页面样式分为两种一种是左上角带返回按钮跳转到新的页面，另一种不带即在本页跳转，通过控制redirect属性 跳转到navigator新页面 redirect在当前页打开2.参数传递在index.wxml 跳转到navigator新页面 redirect在

小程序为开发者提供了什么 小程序提供了一个框架，微信称之为MINA ，这个框架主要分两个层面，视图层和逻辑层。框架的核心是一个响应的数据绑定系统。WXML 中的动态数据均来自对应 Page 的 data，这个数据绑定是单向的，只有数据发生变化，视图才会做出相应的调整。这种模式，让开发者专注于事件处理上，改变对象状态，实现视图更新。 为了方便以及限制开发者开发，微信自己定义了一系列的基础组件，就是视图层的组成单元（表单组件，媒体组件，导航等），组件自带一些功能与微信风格的样式，类似ht

一.细节1.小程序包含一个描述整体程序的 app 和多个描述各自页面的 page2.小程序框架分为视图层和逻辑层逻辑层是由JavaScript编写。视图层由 WXML 与 WXSS 编写，由组件来进行展示。组件(Component)是视图的基本组成单元。将逻辑层的数据反应成视图，同时将视图层的事件发送给逻辑层。二.小知识点1.App()函数用来注册一个小程序。接受一个...

一.前期准备微信后台申请微信支付：微信支付-商务号关联（个人信息 填写，操作密码）-》api密钥设置得到appidAppSecret商户号api密钥等微信支付接口签名校验工具二大概流程1）登录，获取code（一个code只能用一次）2）通过code获取openid（通过请求服务器，由服务器请求微信获取并返回小程序）。微信登录+获取openid接口wx.logi...

同一公众号下关联的另一个小程序。如果没有关联同一个公众号，则无法成功打开另一小程序。（A主体小程序跳转B主体小程序，必须，A主体公众号 关联B主体小程序或是B主体公众号关联A主体小程序）一、公众号关联小程序公众号关联小程序后，将可在图文消息、自定义菜单、模板消息等功能中使用小程序。关联规则：所有公众号都可以关联小程序。一个公众号可关联10个同主体的小程序，3个不同主体的小程序。一个小...

一.前期准备及开发流程1、小程序申请（非个人的）2、到小程序后台中 开发-设置 （这2个打开）3、开通腾讯云直播服务3.1 申请开通视频直播服务 进入 云直播管理控制台 开通云直播服务。3.2 添加自有域名（查看腾讯云文档）3.3 域名 CNAME 在您添加域名成功后，您的域名需要指向腾讯云直播的云服务集群。4、开通腾讯云通信服务5、开通房间管理服务5.1 创建应...

关于授权登录 ，微信接口调整：查看内容为优化用户体验，使用 wx.getUserInfo 接口直接弹出授权框的开发方式将逐步不再支持。从2018年4月30日开始，小程序与小游戏的体验版、开发版调用 wx.getUserInfo 接口，将无法弹出授权询问框，默认调用失败。正式版暂不受影响。一.开发者可使用以下方式获取或展示用户信息1.使用 open-data 展示用户基本信息注意：这...

1.为了进来看得清楚.刚开始没有加载音频列表.代码往前挪一挪即可.2.按住 录音按钮的时候会出现麦克风.中间的麦克风是个帧动画.其实就是用js控制图片显示隐藏.没啥好说的.这里值得说一说的是录音.微信的录音API后,如果录音时间太短,会录音失败.所以fail的时候还是需要处理一下.录音时间的限制和微信语音是一样的.60秒.3.我在录音完成后才加载列表.下图就是从微信

一.知识点1.是否为空if(e.detail.value.userName.length==0||e.detail.value.psw.length==0||e.detail.value.tel.length==0){ this.setData({ tip:'提示：不能为空！', }) }2.正则表达式：手机

一.小知识1.表单，将组件内的用户输入的 提交。当点击 表单中 formType 为 submit 的 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。2.picker从底部弹起的滚动选择器，现支持三种选择器，通过mode来区分，分别是普通选择器，时间选择器，日期选择器，默认是普通选择器。

一.了解canvas      canvas 标签默认宽度300px、高度225px。      同一页面中的 canvas-id 不可重复，如果使用一个已经出现过的 canvas-id，该 canvas 标签对应的画布将被隐藏并不再正常工作 /**canvas.wxss*/.myCanvas{ border: 1px solid #ccc; w

一.drawImage参数二.使用案例1.上传图片时： chooseImage是调用相机和手机相册的接口2.绘制指定的图片(图片直接在小程序的images文件夹中） const ctx = wx.createCanvasContext('myCanvas'); ctx.drawImage('../uploads/foods.jpg', 0, 0, 150, 1

消息提示框 模态弹窗 操作菜单 1.消息提示——wx.showToast(OBJECT)//show.js//获取应用实例 var app = getApp() Page({ showok:function() { wx.showToast({ title: '成功', icon: 'success', duration:

一.小知识(1).API接口(2).context 对象的方法列表二.步骤wxml中：          在js文件onLoad: function() {}的方法中开始编写代码1.创建一个 Canvas 绘图上下文 CanvasContext const ctx = wx.

一.了解image组件由于image有默认的固定的宽度和高度，这样我们在做图片自适应的时候，就不好做了。下面就来一起解决下二.方法(一).使用mode：widthFixwidthFix：宽度不变，高度自动变化，保持原图宽高比不变。首先我们先设置image的mode为widthFix，然后给图片加一个固定rpx的宽度，比如：730rpx。这样图片也可以自适应了。。因为

一.知识点二.列子(1).加载时 图片的大小：{{imgwidth}}px*{{imgheight}}pxvar app = getApp() Page({ data: { tempFilePaths: '../uploads/foods.jpg', imgwidth:0, imgheig

二.例子（1）网络的图片1.wxml 2.wxss.container { box-sizing:border-box; padding:20px;} .previewimg{ float:left; width:45%; height:200px; margin:2%;}.previewimg image{ width:100

小程序的后台获取数据方式get/post具体函数格式如下：wx.request({})data: { logs:[] },onLoad:function(){this.getdata(); }getdata:function(){//定义函数名称var that=this; // 这个地方非常重要，重置data{}里数据时候setData方法的this应为以

一.知识点1.实现动态显示和隐藏某个控件列表1 data:{ open:false }, showitem:function(){ this.setData({ open:!this.data.open }) },.display_show{ display: block;}.display_none

一.了解wx.chooseImage(OBJECT)二.代码编程在pages文件里面创建uploadimg文件夹1.编写页面结构:uploadimg.wxml 获取图片 2.设置数据:uploadimg.js//获取应用实例 var app = getApp() Page({ data: { tempFilePaths:

在pages文件里面创建swipertab文件夹1.编写页面结构:swipertab.wxml tab一 tab二 tab三 tab一 tab二 tab三

一.小知识1.wx.saveFile(OBJECT):保存文件到本地。wx.chooseImage({ success: function(res) { var tempFilePaths = res.tempFilePaths wx.saveFile({ tempFilePath: tempFilePaths[0], success

一.知识点(一).列表渲染 wx:fortip:wx:for=“array”可以等于参数名，在js中调用Page({ data:{array: [{name: '小李'},{ name: '小高'}]} })，获取值；也可以直接把wx:for="{{[1, 2, 3]}}"，把值放在上面1.在组件上使用wx:for控制属性绑定一个数组，即可使

一.知识点可滚动视图区域 scroll-view使用竖向滚动时，需要给一个固定高度，通过 WXSS 设置 height。1.index.wxml vertical scroll竖直方向 click me to scroll 2.index.wxss.scroll-view_H

轮播图：swiper滑块视图容器。1.编写页面结构pages/index/index.wxml <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">

一.rpx单位rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。微信小程序也支持rem尺寸单位，rem和rpx的换算关系：rem: 规定屏幕宽度为20rem；1rem = (...

请注意，请注意，请注意：重要的事情要说三遍。      初学小程序的菜鸟们，录音功能在开发工具是没有反应，会一直提示录音失败，所以菜鸟们不要浪费更多的时间：研究为什么总是失败，使用开发工具的时候。wx.startRecord(OBJECT)

1.安装开发工具下载地址2.创建项目①打开开发者工具并使用微信扫码登录。②选择创建“本地创建项目”，填入上文获取到的 AppID ；没有AppID,则选择无appID③填写项目--点击“添加项目”④创建成功

一.小知识1.wx.getBackgroundAudioPlayerState(OBJECT)：获取后台音乐播放状态。2.wx.playBackgroundAudio(OBJECT)二.案例