小程序开发最新 第1篇
微信⼩程序，简称⼩程序，英⽂名 Mini Program Mini Program ，是⼀种不需要下载安装即可使⽤的应⽤，它实现 了应⽤“触⼿可及”的梦想，⽤⼾扫⼀扫或搜⼀下即可打开应⽤
通过小程序和app的使用步骤，更容易看出来 可以看出小程序和app使用相比：免安装，免注册，免卸载。正如张小龙所说“随用随走”
通过腾讯2020年财报可以看出，2019年上线小程序已经超过100万个，小程序日活也已经突破4亿 2019年小程序带动就业536万个，所以我们不管是学习小程序开发，还是学习小程序运营，都有很广的就业前景。
我们上面了解完小程序的优势和历史以后，就知道我们为什么要学习小程序了
小程序开发最新 第2篇
对象只是一种特殊的数据。对象是一组无序的相关属性和方法组成。这里重点要记住属性和方法这两个新概念
例如： 石头哥具备姓名，年龄，身高，体重等属性 石头哥具备写代码，唱歌，骑车，跑步，吃饭等行为。
我们在保存一个数据时，可以用变量，保存多个数据时可以用数组。但是我如果想保存一个完整的立体的信息时呢。
但是我们如果用对象来保存这些信息呢
这样我们是不是就可以立体的知道每个数据代表什么意思了呢。这也是我们使用对象的原因。上面的{}里包裹的就是我们对象的一些属性。只不过我们的属性名不提倡用汉字，应该用英文或者拼音，我这里方便大家理解才这样写的。
语法如下 var 对象名={ 属性名：属性值， 属性名：属性值， 方法名：function(){} }
示例如下：
语法： var obj = new Object(); ‘编程小石头’ 我们这里就是先用 new Object()创建一个空对象，然后通过.属性名给这个空对象添加属性和方法
构造函数是一种特殊的函数，主要用来初始化对象，它总是和new运算符一起使用，我们可以把对象里的一些公共属性和方法抽取出来，然后封装到这个函数里，方便批量创建对象。
使用构造函数创建对象时要注意下面几点
完整实例如下：
构造函数和对象 我们这里的构造函数就好比汽车的设计图纸，汽车具备哪些属性，拥有哪些方法，已经提前在图纸上设计好了，我们只需要根据图纸new出来一个对象，比如可以new出来一个宝马车，也可以new出来一辆兰博基尼。
如上面我们通过构造函数new一个对象
这里在new一个对象出来时会执行下面四件事
属性和变量:
函数和方法：
对象属性的调用语法有两种
如我们对象如下
调用name属性就是 这里obj就是我们的对象，name就是我们的对象的属性，里的.就相当于 的 翻译过来就是obj的name 另外一种调用属性的方式就是 obj[‘name’]
对象中方法的调用就一种方式：对象名.方法名() 这里的这对小括号是必不可少的。 如我们对象如下
() 就是直接调用obj里的code方法
小程序开发最新 第3篇
在学习这个综合案例之前，我们需要先学习下小程序的动态数据绑定。数据绑定的语法如下
上一节和大家讲解了小程序的一些常用组件，这节就带大家写出自己的第一个简单计算器。做一个综合性的练习。由于是入门，这里先教大家简单的加法运算。效果图如下 实现起来特别简单，代码也特别少，就下面三个
代码虽然少，但是作为刚入门的你，看起来可能很茫然，下面详细给大家讲下。
就是我们输入数字a的输入框，这里input就是我们认识的第一个小程序组件。 input的官方简介如下： placeholder：设置默认显示文字（当我们输入文字时，默认的就没有了） bindinput=“inputa”：定义一个inputa方法来获取input的输入内容。在中会用到
这里是个按钮就是我们的计算按钮 bindtap=‘sum’：定义个叫sum的方法，用来计算结果在中会用到
可以看到我们在里定义的bindinput=“inputa”，bindtap='sum’在下面有用到
的代码不多，大家可以先照着敲一下。学小程序前期不需要你理解，但是一定要多敲多练。 这里的逻辑用文字写出来，估计大家新入门时还是不太好理解，我会录视频来给大家讲解。
小程序开发最新 第4篇
我们在学习后面课程之前，先来学习下注释。注释是在代码里给予提示使用的，主要是让别人更快的熟悉你的代码，也方便后期自己看自己的代码，快速回忆起来使用的。 — 注释有快捷键的 —
函数的两种使用方式如下图：
我们获取用户输入会用到bindinput事件，其实我们在学习input组件时，官方有给出这个属性的。 看官方的文档，可以知道bindinput主要是为了获取用户的输入内容。 bindinput的定义如下图。 在wxml里定义好bindinput事件以后，在js页面再定义一个和事件名一样的函数即可。视频里会作详细讲解。如果你有买老师的课程，或者购买老师的年卡，可以获取对应的学习视频。
小程序开发最新 第5篇
在学习条件语句河循环语句之前，我们要先知道什么是流程控制， **流程控制：**流程控制就是来控制我们的代码按照什么顺序来执行的语句。 流程控制主要有三种结构
我们上面讲的分支结构，就是代码在从上到下的执行过程中，根据不同的条件，执行不同的代码，从而得到不同的结果。分支结构常用的语句就是条件语句. 我们常用的分支结构的语句:
条件语句: 用于基于不同条件执行不同的动作,通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。 举个最简单的例子：你满18岁就可以去网吧，不满18岁就不允许进网吧。这里的判断条件就是你的年纪。 我们这里常用的就是if条件语句，所以接下来我们会重点讲解下if条件语句。
在 JavaScript 中，我们可使用以下条件语句：
使用 if 语句来规定假如条件为 true 时被执行的 JavaScript 代码块。
如果年龄小于18岁，就输出未成年
使用 else 语句来规定假如条件为 false 时的代码块。
如果年龄小于18岁，就输出未成年，否则就输出成年
使用 else if 来规定当首个条件为 false 时的新条件。
如果年龄小于18岁，就输出未成年，年龄大于18岁小于60岁就输出成年，年龄大于60岁就输出老年。
在wxml中，使用 wx:if=“” 来判断是否需要渲染该代码块：
也可以用 wx:elif 和 wx:else 来添加一个 else 块：
可以看出wxml里的条件渲染和我们上面讲的if条件语句类似，只是写法上稍微有些区别。 wxml里的条件渲染主要用来做页面展示和隐藏使用的。
如果您希望一遍又一遍地运行相同的代码，并且每次的值都不同，那么使用循环是很方便的。 比如我们想输出5编编程小石头
上面实例中 语句1：var i=0 是在开始执行前初始化变量i 语句2:i<5 是用来判断i是否小于5，如果小于5就继续执行循环 语句3：i++ 是在每次循环执行一遍后对i进行加1的操作
在wxml里我们使用wx:for来显示列表数据。 在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。 默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item
在js里定义的列表数据如下
continue和break都是用来终止循环的，区别在于
小程序开发最新 第6篇
将电商行业和智能名片相结合，在展示公司形象的同时提高销售额。
注册账号
注册“微信小程序”账号并完成基本信息设置。
选择模板
注册「上线了」账号，选择需要的小程序模板。
添加内容、设置基本信息与高级风格布局。
发布小程序
立即提交微信团队审核，审核通过后即可正式上线！
-多套行业模板 -
多行业解决方案
小程序开发最新 第7篇
我们在小程序里实现顶部轮播图来动态的显示一些热门商品，这个时候就要用到swiper组件了。
官方文档：
如下图，就是我们传说中的顶部轮播图。 给大家看下官方swiper简介 可以看出我们的swiper必须结合swiper-item来使用。
我们的swiper-item就是用来装每个轮播图使用的。下面我写一个简单的例子来看下 我这里先在swiper里放三个swiper-item，给每个swiper-item设置不同的背景颜色。这个时候我们就可以实现这三个swiper-item的来回滑动切换。但是我们通常开发的时候，肯定不是仅仅显示一个颜色，我们应该在里面放置图片。要不然怎么叫轮播图呢。
我们如果想在swiper-item里显示图片，就要借助我们前面学习的image组件了。如下图所示 这样我们就可以完整的实现一个轮播图组件了。我把完整的代码贴出来给到大家。
可以看出我们的swiper有很多属性，下面我会重点的把我们一些常用的属性，通过视频里的一个综合案例来给大家讲解下。
还是来看官方文档：
小程序开发最新 第8篇
上一节变量的学习，我们知道变量是用来装数据的盒子，可是数据有很多，有各种各样的类型。不同类型的数据占用的计算器内存也不一样。就好比胖子睡大床，瘦子睡小床就行。 在计算机中不同的数据占用的存储空间是不同的，为了便于区分，充分利用存储空间，于是就定义了不同的数据类型。 简单来说，数据类型就是数据的类别型号，比如“张三”是个人名，18是个数字
我们的数据类型可以分成下面两大类
js数字类型的数据，既可以是整数，也可以是小数(浮点数)
用引号或者双引号包起来的都是字符串类型，如 “编程小石头”，‘石头哥’都是字符串。字符串和羊肉串有点像，羊肉串是用竹签把羊肉一串串的串起来。字符串就是把字符串起来。
上面代码的age1和age2是有区别的，age1的18被双引号包裹着，所以是字符串，age2就是一个数字18，所以是数字型。这也进一步说明了，只要是被单引号或者双引号包裹着的都是字符串类型。
字符串是由若干字符组成的，这些字符的数量就是字符串的长度，通过字符串的length属性可以获取整个字符串的长度。 还是拿羊肉串来类比，比如你一个羊肉串上串了5块羊肉，那么这个羊肉串的长度就是5。 使用的语法如下
多个字符串之间可以使用 + 进行拼接，其拼接方式为 字符串+字符串=拼接之后的新字符串。 语法如下：
上面的12+12=24，“12”+12=“1212” 这就告诉我们字符串加任何类型的数据，拼接后的结果都是字符串。
布尔类型有两个值：true和false，其中true表示真，false表示假。
一个声明后没有赋值的变量会有一个默认值 undefined 一个声明变量，并且赋值null，就代表这个变量是空值(学习object对象时，我们会继续研究null) null 和 undefined 的值相等，但类型不同，下面的8-7会有代码演示
typeof 操作符用来检测变量的数据类型
打印null和undefined的数据类型如下
注意：这里的 == 用来判断值是否相等，后面会讲。 上面的代码可以看出：null 和 undefined 的值相等，但类型不同
就是把一种数据类型的变量转换成另外一种数据类型，比如把字符串的 “18”转换为数字类型的18 常用的数据类型转换
转为数字的几个特殊情况
小程序开发最新 第9篇
内置对象就是指Javascript自带的一些对象，供开发者使用，这些对象提供了一些常用的的功能。开发者可以很方便的使用这些内置对象，而不用关心这些内置对象的实现原理。 就好比我们使用手机内置的发短信，打电话功能，我们用的时候可以很方便的快速使用，而不用关心打电话的实现原理。这就是我们使用内置对象的原因，主要就是为了快速方便的使用内置对象的
常见的内置对象有Math、Array、Date等
因为内置对象的方法太多了，我们不可能把所有的方法都记下来，所以我门就需要时不时的查阅文档，就好比我们查字典一样。 常用的学习文档有下面几个
这里建议大家使用MDN文档。因为这个文档比较全，可以快速检索
与其他内置对象不同的是，Math 不是一个构造器对象。Math 的所有属性与方法都是静态的。引用圆周率的写法是 ，调用正余弦函数的写法是 (x)，x 是要传入的参数。也就是说我们的Math可以直接通过Math. 来调用他的属性和方法
由于Math对象的方法比较多，我这里只把开发过程中常用的一些方法做下讲解
() 得到一个大于等于0，小于1之间的随机数 使用。
使用场景：一般我们做抽奖时会用到随机数
我们的Date对象是一个构造函数对象，必须使用new 对象，来创建我们要使用的对象以后才可以使用。
创建一个新Date对象的唯一方法是通过new 操作符， 例如：let now = new Date()
使用场景 比如我们的秒杀倒计时，显示的日期都需要借助Date日期对象
有 4 种方法创建新的日期对象：
这样直接创建的返回的是当前的时间如上面的注释所示，我当前是2020年12月21日20时02分54，你打印的应该是你当前自己的时间。
这里有一点需要注意：JavaScript 从 0 到 11 计算月份。一月是 0。十二月是11。 4个数字指定年、月、日和小时：
3 个数字指定年、月和日：
r如果我们想获取当前时间距离1970 年 1 月 1 日之间的毫秒值可以
可以看出当前时间距离1970 年 1 月 1 日之间的毫秒值是1608553621233 那么我们直接new Date(1608553621233)获取的日期如下
所以当前的日期和通过new Date(当前日期距离1970年1月1日的毫秒值)都可以获取当前时间。两者可以相互转换。
获取方法用于获取日期的某个部分（来自日期对象的信息）。下面是最常用的方法
设置方法用于设置日期的某个部分
我们这里带大家实现一个倒计时的案例，比如我们知道一个活动结束的时间，然后去计算活动还有多久结束。我会在视频里带着大家写一个综合的案例。大家跟着视频课来学习这个综合案例即可。
数组对象的作用是：使用单独的变量名来存储一系列的值。 如我之前学习数组时，数组的一种创建方式
判断一个对象是不是数组有两种方式
其实我们在讲解数组的那一节有教大家如何添加和删除数组，今天再来带大家系统的来学习下数组的添加和删除
给你一组数据 [20,59,40,80,99,98] 筛选出所有小于60的数组，可以理解为找到所有不及格的学生的成绩，你会怎么做呢？ 可以结合我们上面学过的知识，自己思考下。我会在视频里带着你写一遍。看视频之前，建议你自己先思考下。
reverse() 方法将数组中元素的位置颠倒，并返回该数组。数组的第一个元素会变成最后一个，数组的最后一个元素变成第一个。该方法会改变原数组。
用sort方法进行排序，默认是升序排列的，如下
但是直接用sort方法会有问题
为什么会出现3在11和22后面的问题呢，因为我们sort默认排序顺序是在将元素转换为字符串，然后对字符串进行比较，再排序的，所以我们要想用sort来排序，就要用到另外一个写法了
上面的 写法是固定的，大家只需要记住就行了。 a-b时是升序，b-a时是降序
给出一个数组 [1,3,5,2,4,5,6,4],现要求把数组里重复的元素给删除掉，我会在视频里带着大家写一遍，在看视频之前，建议大家先自己仔细思考下，最好自己先实现一下。
我们把数组转换为字符串有下面两种方法
这里希望大家重点掌握，因为我们实际开发中，会把数组转换为字符串传给后台开发人员。
小程序开发最新 第10篇
我们正常创建的默认项目是一个单页面，我们要想实现下面效果所示的多页面就要借助tabBar来实现多页面。
官方文档：
一个小程序可以配置2-5个多页面， 我们这里以创建3个页面来给大家做下讲解。
我们要使用tabBar就需要用到图标，所以我们要创建一个放图标的目录。 然后把我提前给大家准备好的图标放到image里即可。 这些图标我会在配套学习资料里给到大家。
关于小程序里页面的快速创建我小程序基础里讲过很多遍了，这里就不再啰嗦，直接在里创建下面三个页面即可
上面三个页面创建好以后，我们就可以通过tabBar来设置多页面布局了。 在里添加如下配置。 这样我们就可以实现可以自由切换的多页面小程序了。 到这里我们的多页面项目就创建好了。
由于这里的tabbar配置基本上是固定的，我这里把代码贴在笔记里，大家以后用到的时候，只需要把笔记里的这段代码拿过去就可以，里面的配置稍微改下既可以。
小程序开发最新 第11篇
我们上面基本上都是在学习JavaScript基础，js在小程序里主要是用来处理逻辑的，从今天开始我们就来学习一些样式相关的知识，用来美化我们的小程序。其实我们小程序三剑客里的wxss和我们的css是一样的。所以我接下来会把一些常用的css知识点给大家讲解一下。还有小程序里特有的一些样式知识也做下重点讲解。
一些特别基础的css知识可能不会讲太多。 这里把一些css的文档给大家一个，大家抽个几小时可以快速的学习下css基础，css不要求大家学习时全部记住，只需要大致知道相应的知识点，后面学习时会回来快速的查阅就行。
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明: 在我们小程序的代码里就体现如下
我们小程序的css中用的最多的就是id和class选择器。
CSS 属性定义背景效果常用的方式:
我们上面的 background-color也可以简写为 background，如： .title {background-color:red;} 也是设置背景为红色
CSS中，颜色值通常以以下方式定义:
部分截图如下。
文本排列属性是用来设置文本的水平对齐方式。 文本可居中或对齐到左或右,两端对齐
text-decoration 属性用来设置或删除文本的装饰
如下所示，设置字体颜色为红色的三种方式
这些颜色值，可以在我前面给到大家的颜色对照表里找到。
font-size可以用来设置字体的大小
元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。 我这里画一个图，方便大家理解margin，padding，border。其实我们装手机的快递盒子有点类似。
元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。padding 属性定义元素边框与元素内容之间的空白区域。padding 属性接受像素值或百分比值，但不允许使用负值
元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。 CSS border 属性允许你规定元素边框的样式、宽度和颜色。 如下面几种边框 每个边框有 3 个方面：样式，宽度、以及颜色
我们只需要一个border属性，就可以设置上下左右四个边框的宽度为5px，样式为solid，颜色为red。
围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。margin 没有背景颜色，是完全透明的 设置外边距的最简单的方法就是使用 margin 属性，这个属性接受任何长度单位、百分数值甚至负值
margin属性可以有一到四个值。
border-radius 主要是用来设置圆角用的，下面我通过几个常用的例子来给大家讲解下这个知识点
当有宽高的时候，设置 border-radius为50%同样可以实现上面的圆形功能。
比如我们想实现一个红色的半月，如下图 那我们该怎么实现这个月牙呢。
我们在小程序里经常见到下面所示的搜索框，其实这个搜索框实现起来很简单，把我们上面学的知识点都用到了，所以我们接下来用这么一个综合案例带大家熟悉下之前的知识点。 首先我们要在wxml里定义如下布局 布局其实很简单，就是一个父view里套一个子view。 然后就是在wxss里定义样式就可以了 其实到这里就已经可以轻松实现我们上面想要的效果了。 建议大家先跟着写写看。我下面把wxss代码贴出来给大家。
我们在设置宽度，高度，边框粗细时都会用到尺寸单位，我们这里重点给大家讲解下px和rpx。rpx是微信为小程序专门设计的一个尺寸单位。 px和rpx的换算如下： 我们一般设计规范都是依据iPhone6来设计的，也就是说平常ui设计师给出的1px我们在写代码时要写。
下面给出一个简单的例子 上面红色小石头的字体设置了100px，黑色小石头设置了200rpx，这个时候我们可以看出，红色和黑色小石头的大小是一样的。所以我们后面开发小程序里建议大家用rpx作为小程序的尺寸单位，这样能很好的做自适应。如果我们的设计小姐姐给的是px单位的设计图，我们就要自己用px除以2得到我们对应的rpx大小。
小程序开发最新 第12篇
工欲善其事必先利其器，所以我们在开发小程序之前必须准备好一款适合自己的开发者工具，这里我给大家推荐官方开发者工具。原因有以下几点
建议大家下载最新的稳定版本
我们安装好开发者工具以后，只需要双击打开即可。 通常我们第一次打开，会出现上图所示的，只需要用微信扫描即可登录开发者工具。扫码登录以后会出现下面这样的界面。
小程序开发最新 第13篇
这是官方给出的页面生命周期解释，如下图 作为初学者，一开始不一定能看懂，所以我给大家总结成下面所示的。方便大家学习。其实生命周期就是一个小程序页面从创建到销毁的一个时间周期。
这是官方给出的解释，感兴趣的同学可以自己看看，我会在视频里把常用的生命周期方法给大家做具体的讲解。
小程序开发最新 第14篇
我们的项目开发多多少少的都会用到用户的一些信息，比如头像，昵称，性别等。而这些信息的获取，小程序也为我们提供好了方法。
对应的文档：
使用这个方法可以获取如下的用户信息
有的同学用这个方法时，不会弹起上面的弹窗，有可能是因为基础库版本太低，这里建议升级到最新版的基础库。
等下视频课程里会带着大家一起敲代码，这里先把一些核心代码贴出来。其实核心代码官方文档里有提供的。 这里为了方便日后大家使用，我贴出来给到大家。这里要注意 desc必须保留，里面的描述尽量写的规范些。因为
其实这里倒是挺简单，重点知识只有一个圆形图片的实现这里只需要一个image组件和一个text组件即可。通过css的border-radius就可以来设置圆形图像了，我小程序基础里也有讲过的，核心代码如下。
这里缓存我们主要用到了 对应的官方文档：
如下图所示，就是我们的本地缓存数据
对应的官方文档：
我这里把wxml和js的完整代码贴出来给到大家
我会在视频里带大家做具体代码的编写。 《小程序入门》
小程序开发最新 第15篇
上面第二步已经安装好开发者工具了，接下来就来教大家如何创建一个最简单的小程序
名字可以随便取，我这里习惯取小石头
这里需要注意下，小程序官方最新的开发者工具有了变化，所以你创建项目时如果不长下面这样。可以跳过这个图片，看下面新版的
下面这个是微信小程序23年的创建方式，也不是最新的。最新的可以跳过这个去看下一个图片
小程序最新版创建项目示例图。第五步很重要，一定要记得选择不使用模板。
配置好以后，点新建，即可创建属于自己的第一个小程序，然后创建会有一个过程，耐心等待即可。
主要给大家讲一些个性化的配置 我们可以配置主题颜色，模拟器位置，这些完全可以根据个人喜好进行设置。
下图是程序目录，每一个我都给大家标注出来了，大家前期不用死记硬背，后面开发学习过程中，用的多了， 自然就记住目录下每个文件的作用了。
小程序开发最新 第16篇
image组件：主要用来显示图片，可以是本地图片，也可以是网络图片。
官方学习文档：
当我们不给image设置宽高时，image组件的默认宽度是320px，高度240px。
我们通过src属性来设置要显示的图片资源，图片资源有两种
由于我们本地的图片会占用小程序软件包的大小，所以这里推荐大家尽量使用网络图片。 我们设置显示图片的语法如下
如下图，我们显示一个网络图片。
这里给大家两个网络图片地址：
_Q1YnxGkpoWK1HF6hhy/it/u=2273029747,2912173232&fm=15&gp=
用image显示本地图片，我们需要提前把图片放在小程序项目里，如下图我们把本地图片放在images目录里，这个images目录需要我们自己新建。 然后在image组件里设置src属性，指向这个本地图片，就可以在小程序里展示了。 我把网络图片和本地图片都在小程序里展示，给大家对比着学习下。
image组件另外一个比较重要的属性就是mode了。我们在使用图片时，不能百分之百保证图片的比例正好是我们想要的，这个时候就要用到图片的裁剪和缩放了。 mode 的常用设置如下
比如我们有一个原图如下。 设置不同的mode值，可以很明显的看出来区别 后面我们需要对图片做裁剪或者伸缩处理时，就可以设置不同的mode值来实现不同的效果。
小程序里image组件是支持图片懒加载的，当我们一个列表页有很多图片时，我们可以使用懒加载，来加快页面加载速度。使用懒加载时，我们只需要给image设置lazy-load就可以了。
video组件：主要用来实现视频播放。
官方学习文档：
video组件里也是通过src属性来设置视频资源的。这里的视频资源都是网络连接。 我把这几个mp4格式的视频链接贴给大家
如果上面链接失效，我们可以去官方文档拿官方的视频链接
我们上面设置src只能保证视频的正常播放，如果我们想使用弹幕功能，就要为video设置别的属性了。 我们如果想在视频上显示弹幕，就要设置danmu-list属性。可以看出danmu-list属性是一个数组，而这个数组就要放置我们弹幕的一些数据了。 下面我在代码里给大家简单的演示下弹幕的显示。 首先在wxml里设置danmu-list属性，并且给danmu-list绑定数据danmuList 而这个danmuList就要在js里设置了。 我们可以在danmuList的每个弹幕对象里设置弹幕显示的内容，弹幕的颜色，弹幕显示的时间。 通过上图可以看到，我们设置的弹幕成功的显示在了视频上。这样我们就可以轻松的实现弹幕展示功能了。
我们上面只是简单的展示了弹幕，如果我们想让用户发送弹幕该怎么做呢。下面就来教大家实现弹幕的发送功能。 简单起见，我这里设置一个input来获取用户输入的内容，用一个button按钮来触发弹幕的发送。
wxml文件如下： 这里我们特意设置了一个id属性，我们下面发送弹幕时，需要先初始化一个视频对象，而初始化视频对象时就用到了这个id。
小程序开发最新 第17篇
view组件：相当于一个盒子，可以用来装一些别的组件 如果大家有html的web基础，就可以把我们小程序里的view理解为html里的div标签。如果你没学过也无所谓，直接跟着我学习view即可。
text组件：主要用来显示文字的
input组件主要用来获取用户输入的信息的，一般在用户填写信息，提交数据，登录注册时会用到。
button 组件：是按钮组件，自带默认的按钮效果，我们后面会经常用到
小程序开发最新 第18篇
我们在小程序里做页面跳转有两种方式
navigator其实和我们html里的a标签有点像，也是为了实现页面跳转的。 官方文档： 我们想用navigator来跳转到别的页面，其实很简单，只需要如上图所示，做简单配置即可。 当然了我们使用navigator来跳转页面时，分下面几种情况。当然这些跳转方式都是通过配置open-type属性来定义的。
下面我把一些常用的open-type属性列出来给大家，方便大家以后使用。
如我们使用navigate做页面跳转，只写个url属性，open-type的值默认就是navigate 这样我们跳转到新页面后，会有一个返回按钮。我们可以通过这个返回按钮返回上一个页面。
我会在视频里为大家一个个演示其余的方法和功能。
常用的wx方法：
我这里给大家举个简单的例子
我们跳转到tabbar页面是无法直接通过url携带数据，所以我们就要通过别的方式来实现页面跳转时的数据传递，所以这时候可以有两个方式。具体代码我在视频里带大家写一遍。
其实就是通过里的全局变量来传递。
其实就是在A页面存数据到缓存，然后A页面跳转到B页面时通过取本地缓存来拿到数据，进而实现页面跳转传递参数的功能。
其实我们可以在自己的小程序里通过navigateTo打开别的小程序的，只不过有自己特定的方法： 对应的官方文档： 其实我们只需要拿到别的小程序的appid就可以实现这个功能了，我会在视频里演示怎么拿到别的小程序的appid
小程序开发最新 第19篇
数组就是一组数据的集合，可以把更多的数据存储在单个变量下。 数组里面可以存储各种类型的数据。 如： var names=[‘编程小石头’,16,true]
明显看到第二种创建数组的方式比第一种更简洁，所以以后我们创建数组就用第二种方式
我们获取数组元素是通过数组下标来获取的，下标也叫做索引，数组的下标是从0开始的。如下图 数组可以通过下标来访问，设置，修改对应的元素值。我们可以通过 数组名[下标] 的方式来获取数据中的元素。 如 names[0]就可以获取names数组里的第一个元素‘编程小石头’
前面我们已经学完如何遍历数组了，如果我这里让大家去求下数组里所有元素的和以及平均值，大家知道如何去求吗。
var nums=[1,2,3,4] 这个数组我们很明显就可以看出来4是数组里的最大值，但是如果我们数组里的元素有很多，这个时候你就未必能很快的找出来最大值了，所以我们要想求数组里的最大值，要让代码去实现，而不是你肉眼去看。
push() 方法可向数组的末尾添加一个或多个元素，所以我们一般给数组追加元素的时候，直接使用push方法就可以了。
如我们想把数组中的指定元素删除掉，可以用一个新的数组来接受符合要求的元素，不符合要求的元素不接收，这样就可以实现删除数组元素的效果
小程序开发最新 第20篇
用大白话讲：变量就是一个装东西的盒子 再通俗些讲：变量就是用于存放数据的容器，我们通过变量名获取对应的数据。 如上图所示，我们的盒子(变量)可以装名字，布尔类型的true，还可以用来装数字。 变量的本质：就是在程序的内存中申请一块用来存放数据的空间。
变量由变量名和存储的值组成，语法如下
变量有点类似我们的酒店房间。一个房间就可以看作是一个变量。例如我们的808号房间是情侣间。那么808这个房号就相当于我们的变量名，情侣间就是这个变量存储的值。
变量在使用时分两个步骤：
来看下具体代码
这段代码的意思是声明一个叫age的变量 var是一个JavaScript关键字，用来声明变量，使用该关键字声明变量以后，计算机会自动为变量分配一个内存空间，用来存储数据。 age就是我们的变量名，我们要通过变量名来访问到计算机内存里分配的空间。
还是拿我们的酒店房间来举例，声明变量就相当于在前台办理入住，确定要住那个房间，也就是确定房间号(变量名)，然后确定房间号对应的房型，比如单人间，双人间，情侣间。而确定房型就相当于是给变量赋值。
这段代码的意思，就是给age变量赋值为10 上面的 = 用来把右边的值赋给左边的变量名，也就是把我们的变量名age指向数值10，就可以用age来操作我们的数值了。赋值的目的就是为了后面使用数值。
我们上面变量的使用可以直接写到一行
声明变量同时给变量赋值，我们称之为变量的初始化。
一个变量可以被重新赋值，新的赋值会覆盖掉前面的赋值，变量值将以最后一次赋的值为准。
如上面的代码，我们的变量age先被赋值10，后又被赋值18，那么最后我们的age就是18 这就好比，酒店的房间，808屋一开始住的是石头哥，后面石头哥走了，刘德华住进去了，那这个时候你再去808找人，找到的就是刘德华了。
还记得我们的6-5这节学习了如何获取用户输入的信息吗？我们是不是可以用变量来存储我们获取到的用户输入信息呢。 讲解视频里会做详细讲解：《零基础入门小程序开发》
局部变量：变量在函数内声明，只能在函数内部访问。 全局变量：变量在函数外定义，整个代码都可以调用的变量。 如上图所示的局部变量和全局变量的定义。