《最新最全的微信小程序入门学习教程微信小程序零基础入门到精通.docx》由会员分享，可在线阅读，更多相关《最新最全的微信小程序入门学习教程微信小程序零基础入门到精通.docx（54页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、最新最全的微信小程序入门学习教程，微信小程序零基础入门到精通结果为resultresult这种写法是小程序用来绑定数据用的这里用来显示我们的计算结果用的上面代码以及对应的显示如下9-4再来看index.js我们加法的逻辑实现可以看到我们在index.wxml里定义的bindinput“inputabindtapsum在下面有用到Page(*页面的初始数据*初始化两个输入值data:input1:0,input2:0/获取用户输入的值ainputa:function(e)this.setData(input1:e.detail.value/获取用户输入的值binputb:function(e)t
2、his.setData(input2:e.detail.value/拿到两个输入值以后求以及sum:function(e)varaparseInt(this.data.input1);varbparseInt(this.data.input2);/求以及varsumResultabthis.setData(/把结果赋值到sum标签上result:sumResultindex.js的代码不多大众可以先照着敲一下。学小程序前期不需要你理解但是一定要多敲多练。这里的逻辑用文字写出来估计大众新入门时还是不太好理解我会录视频来给大众讲解。9-5作业自己写一个减法计算器十运算符运算符也被称为操作符是用于实
3、现赋值比拟以及运算等功能的符号。10-1算数运算符运算符描绘例子x运算结果加法x527-减法x5-23*乘法x5*210/除法x5/22.5%取模余数x5%2110-2表达式以及返回值表达式是由数字运算符变量等以能求得结果的有意义的操作组成的式子。表达式最终都会有一个结果返回给我们这个返回结果我们称之为返回值如letx11这里的11就是由数字以及加号组成的表达式然会返回结果2赋值给x那么x的值就是2。通俗的讲就是先把右边的表达式计算完毕然后把值返回给左边的x。10-3比拟运算符比拟运算符是两个数据进展比拟时所使用的运算符比拟运算以后会返回一个布尔值的结果就是返回对或错(true或者false)
4、运算符描绘案例结果小于号12true大于号12false大于等于号(大于或者等于)12false小于等于号(小于或者等于)12true判等号(判断是否相等)11true绝对等于值以及类型均相等11false!不等于1!1false10-4赋值运算符赋值运算符向JavaScript变量赋值。运算符例子等同于xyxyxyxxy-x-yxx-y*x*yxx*y/x/yxx/y%x%yxx%y的小结赋值把右边赋值给左边如ab:判断判断两边的值是否相等如ab:全等判断两边的值以及数据类型是否完全相等如ab10-5逻辑运算符用于多个条件的判断,其返回值是布尔值。逻辑与两个条件都要知足,两侧都是true结果
5、才为true|逻辑或者,两个条件只需要知足一个即可有一侧是真结果就真!逻辑非not逻辑取反如true的相反值是false比方你要充话费你想用微信充必须你有微信并且使用微信支付才可以充|你去营业厅充微信或支付宝支付都可以!假如只有支付宝以及微信两种方式你不想用微信那就只能用支付宝了10-6递增以及递减运算符递增以及递减运算符概述假如需要反复的给数字变量加或者减去1可以使用递增()以及递减()运算符来完成。在js里递增()以及递减()既可以放在变量前面可以以放在变量后面放在前面时称为前置递增或者递减运算符放在后面时称为后置递增或者递减运算符。注意递增或递减只能操作变量不能直接操作数字。10-6-1
6、前置递增递减运算符注意前置递增或者递减时是先自加或者自减然后返回值我们之前想要一个变量加1写法如下varnum1numnum1/这里就是给num加1我们有没有方便的写法呢上面的numnum1可以直接写成num这样是不是更简洁。10-6-2后置递增递减运算符注意后置递增或者递减时先返回值然后自加或者自减10-6-3前置以及后置的区别前置以及后置假如单独使用效果是一样的前置是先自加或者自减然后返回值后置先返回值然后自加或者自减varnum10console.log(num10)/结果是21console.log(num10)/结果是20我们通过下面几个小例子来强化理解下vara10console.
7、log(b)/这里b的结果是几varc10vardc2console.log(d)/这里d的结果是几vare10varfeeconsole.log(f)/这里f的结果是几10-6-4,前置以及后置递增递减的小结前置以及后置的主要目的是为了简化代码编写单独使用递增或者递减时前置以及后置效果一样与其他运算连用时执行结果会不同后置先返回原值后自加祖先后己前置先自加后返回值(先己后人)可以总结为前置自私后置无私开发时大多使用后置递增/减。例如num或者num-十一条件语句以及循环语句11-1流程控制在学习条件语句河循环语句之前我们要先知道什么是流程控制*流程控制*流程控制就是来控制我们的代码按照什么顺
8、序来执行的语句。流程控制主要有三种构造顺序构造分支构造循环构造顺序构造是程序中最简单最根底的流程控制就是代码按照先后顺序依次执行。我们重点是讲解分支构造以及循环构造。11-2分支构造我们上面讲的分支构造就是代码在从上到下的执行经过中根据不同的条件执行不同的代码进而得到不同的结果。分支构造常用的语句就是条件语句.我们常用的分支构造的语句:if语句switch语句条件语句:用于基于不同条件执行不同的动作,通常在写代码时您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。举个最简单的例子你满18岁就可以去网吧不满18岁就不允许进网吧。这里的判断条件就是你的年度纪。我们这里
9、常用的就是if条件语句所以接下来我们会重点讲解下if条件语句。11-3if条件语句在JavaScript中我们可使用以下条件语句if语句-只有当指定条件为true时使用该语句来执行代码ifelse语句-当条件为true时执行代码当条件为false时执行其他代码ifelseifelse语句-使用该语句来选择多个代码块之一来执行11-3-1if语句使用if语句来规定假设条件为true时被执行的JavaScript代码块。if(条件)假如条件为true时执行的代码if(age18)console.log(未成年度)假如年度龄小于18岁就输出未成年度11-3-2ifelse双分支语句使用else语句来
10、规定假设条件为false时的代码块。if(条件)条件为true时执行的代码块else条件为false时执行的代码块if(age18)console.log(未成年度)elseconsole.log(成年度)假如年度龄小于18岁就输出未成年度否那么就输出成年度11-3-3ifelseif多分支语句使用elseif来规定当首个条件为false时的新条件。语法if(条件1)条件1为true时执行的代码块elseif(条件2)条件1为false而条件2为true时执行的代码块else条件1以及条件2同时为false时执行的代码块if(age18)console.log(未成年度)elseif(age6
11、0)console.log(成年度)elseconsole.log(老年度)假如年度龄小于18岁就输出未成年度年度龄大于18岁小于60岁就输出成年度年度龄大于60岁就输出老年度。11-4wxml条件渲染在wxml中使用wx:if来判断是否需要渲染该代码块viewwx:ifcondition我是可以显示的/view可以以用wx:elif以及wx:else来添加一个else块viewwx:iflength51/viewviewwx:eliflength22/viewviewwx:else3/view可以看出wxml里的条件渲染以及我们上面讲的if条件语句类似只是写法上略微有些区别。wxml里的条件
12、渲染主要用来做页面展示以及隐藏使用的。11-5for循环语句假如您祈望一遍又一遍地运行一样的代码并且每次的值都不同那么使用循环是很方便的。比方我们想输出5编编程小石头一般写法console.log(“编程小石头)console.log(“编程小石头)console.log(“编程小石头)console.log(“编程小石头)console.log(“编程小石头)使用for循环for(variii)console.log(编程小石头)for循环的语法for(初始化变量;条件表达式;操作表达式)被执行的代码块初始化变量开场前第一个执行通常用于初始化计数器变量只执行一次。条件表达式就是用来决定每一次
13、循环是否可以继续执行定义运行循环的终止条件操作表达式在大括号里的代码块已被执行之后执行通常用于对我们的计数器变量进展递增或递减操作。实例for(variii)console.log(编程小石头)上面实例中语句1vari0是在开场执行前初始化变量i语句2:i5是用来判断i是否小于5假如小于5就继续执行循环语句3i是在每次循环执行一遍后对i进展加1的操作11-6wxml列表渲染在wxml里我们使用wx:for来显示列表数据。在组件上使用wx:for控制属性绑定一个数组即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index数组当前项的变量名默认为itemviewwx:f
14、orarrayindex:item.name/view在js里定义的列表数据如下Page(data:array:name:编程小石头,name:邱石11-7,continue以及break的学习continue以及break都是用来终止循环的区别在于continue是终止循环中的某一次继续执行后面的循环beak:直接终止整个循环执行整个循环不在执行十二数组的学习12-1数组的概念数组就是一组数据的集合可以把更多的数据存储在单个变量下。数组里面可以存储各种类型的数据。如varnames编程小石头,16,true12-2创立数组的两种方式1使用new创立数组(不常用)varnamesnewArra
15、y();names0编程小石头names1刘德华names2周杰伦2利用数组字面量创立数组(常用)varnames编程小石头,刘德华,周杰伦明显看到第二种创立数组的方式比第一种更简洁所以以后我们创立数组就用第二种方式12-3获取数组元素我们获取数组元素是通过数组下标来获取的下标也叫做索引数组的下标是从0开场的。如下列图数组可以通过下标来访问设置修改对应的元素值。我们可以通过数组名下标的方式来获取数据中的元素。如names0就可以获取names数组里的第一个元素编程小石头12-4计算数组的以及和平均值前面我们已经学完怎样遍历数组了假如我这里让大众去求下数组里所有元素的以及和平均值大众知道怎样去求
16、吗。作业已知数组1,2,3,4,5,6假如通过代码计算这个数组的以及和平均值。12-5求数组中的最大值varnums1,2,3,4这个数组我们很明显就可以看出来4是数组里的最大值但是假如我们数组里的元素有很多这个时候你就未必能很快的找出来最大值了所以我们要想求数组里的最大值要让代码去实现而不是你肉眼去看。思路其实我们找数组中的最大值有点类似于武术比赛打擂台我们首先拿第一个以及第二个比胜出者在待定席位然后第三个来挑战胜出者这样又会产生新的胜出者然后后面的元素都来逐个挑战胜出者直到最后一个胜出者就是我们要找的最大值。而这样一v一的对决正好可以借助我们的循环来实现。varnums1,2,3,4,5v
17、armaxnums0for(variinums.length;i)if(maxnumsi)maxnumsiconsole.log(最大值,max)/可以得出最大值是512-5给数组添加新元素push()方法可向数组的末尾添加一个或者多个元素所以我们一般给数组追加元素的时候直接使用push方法就可以了。varnums1,2,3,4,5nums.push(6)nums.push(7,8)console.log(nums)/追加新元素后的数组1,2,3,4,5,6,7,812-6,删除数组中的指定元素如我们想把数组中的指定元素删除掉可以用一个新的数组来承受符合要求的元素不符合要求的元素不接收这样就可
18、以实现删除数组元素的效果/把元素5删除varnums1,2,3,4,5/1,定义一个新数组varnewNums/2遍历旧数组for(variinums.length;i)/3,把符合要求的元素添加到新的数组里if(numsi!5)newNums.push(numsi)console.log(newNums)/删除成功1,2,3,4十三对象的学习13-1什么是对象对象只是一种特殊的数据。对象是一组无序的相关属性以及方法组成。这里重点要记住属性以及方法这两个新概念属性事物的特征对象里的属性就是用来表现该对象具备哪些特征方法事物的行为对象里方法就是用来表示该对象具备哪些行为。例如石头哥具备姓名年度龄
19、身高体重等属性石头哥具备写代码唱歌骑车跑步吃饭等行为。手机具备下面的属性以及方法13-2为什么需要对象我们在保存一个数据时可以用变量保存多个数据时可以用数组。但是我假如想保存一个完好的立体的信息时呢。比方保存石头哥的完好信息。假如我们用数组来表示就是varshitouge编程小石头,男,128,180这样我固然把石头哥的完好信息保存到了数组里可以以大致猜出来哪些数据代表什么意思但是后面的128以及180是什么意思呢但是我们假如用对象来保存这些信息呢姓名:编程小石头,性别:男体重:128身高:180这样我们是不是就可以立体的知道每个数据代表什么意思了呢。这也是我们使用对象的原因。上面的里包裹的就
20、是我们对象的一些属性。只不过我们的属性名不提倡用汉字应该用英文或拼音我这里方便大众理解才这样写的。13-3创立对象的三种方式利用字面量创立对象利用newObject创立对象利用构造函数创立对象13-3-1利用字面量创立对象语法如下var对象名属性名属性值属性名属性值方法名function()例如如下varPersonname:编程小石头,age:18,code:function()console.log(石头哥会写代码)13-3-2利用newObject创立对象语法varobjnewObject();obj.name编程小石头obj.age18我们这里就是先用newObject()创立一个空对
21、象然后通过.属性名给这个空对象添加属性以及方法13-3-3利用构造函数创立对象构造函数是一种特殊的函数主要用来初始化对象它总是以及new运算符一起使用我们可以把对象里的一些公共属性以及方法抽取出来然后封装到这个函数里方便批量创立对象。使用构造函数创立对象时要注意下面几点1构造函数名字的首字母习惯大写2构造函数里不需要return就可以返回结果3调用构造函数创立对象时必须用new4我们的属性以及方法前面必须添加this完好实例如下functionPerson(name,age)/创立构造函数Personthis.namename;this.ageage;this.actionfunction(j
22、ineng)console.log(name具备jineng的技能)/创立对象1varobj1newPerson(编程小石头,18)console.log(obj1.name)/编程小石头obj1.action(写代码)/编程小石头具备写代码的技能/创立对象2varobj2newPerson(周杰伦,41)console.log(obj2.name)/周杰伦obj2.action(唱歌)/周杰伦具备唱歌的技能构造函数以及对象我们这里的构造函数就好比汽车的设计图纸汽车具备哪些属性拥有哪些方法已经提早在图纸上设计好了我们只需要根据图纸new出来一个对象比方可以new出来一个宝马车可以以new出来一
23、辆兰博基尼。13-3-4new关键字执行经过如上面我们通过构造函数new一个对象functionPerson(name,age)/创立构造函数Personthis.namename;this.ageage;this.actionfunction(jineng)console.log(name具备jineng的技能)/创立对象1varobj1newPerson(编程小石头,18)这里在new一个对象出来时会执行下面四件事1在电脑内存中创立一个空对象2让this指向这个新的对象3执行构造函数里的代码给这个新对象添加属性以及方法4返回这个新对象如上面的obj1就是我们创立的新对象13-3-5变量属性
24、函数方法总结属性以及变量:一样点都是用来存储数据的。不同点变量单独声明并赋值使用的时候直接使用变量名就可以属性在对象里面的不需要声明使用的时候要用对象.属性名。vardog/属性name:可可age12varnum12;/调用变量(直接使用变量名进展调用)console.log(num);/调用属性(对象名.属性名)console.log(dog.name);函数以及方法一样点都是实现某种功能。不同点函数是单独声明并且调用的调用方法函数名()方法存在于对象里面。调用方法对象名.方法()vardogname:可可age12/方法skillfunction()console.log(汪汪汪func
25、tionskillDemo()console.log(睡觉/调用函数(直接使用:函数名(),进展调用)skillDemo();/调用方法(-对象名.方法名()-)console.log(dog.skill();13-4对象的使用13-4-1访问对象的属性对象属性的调用语法有两种对象名.属性名对象名属性名如我们对象如下varobjname:编程小石头,age:18,code:function()console.log(石头哥会写代码)调用name属性就是obj.name这里obj就是我们的对象name就是我们的对象的属性obj.name里的.就相当于的翻译过来就是obj的name另外一种调用属性
26、的方式就是objname13-4-2访问对象的方法对象中方法的调用就一种方式对象名.方法名()这里的这对小括号是必不可少的。如我们对象如下varobjname:编程小石头,age:18,code:function()console.log(石头哥会写代码)obj.code()就是直接调用obj里的code方法十四内置对象的学习14-1什么是内置对象内置对象就是指Javascript自带的一些对象供开发者使用这些对象提供了一些常用的的功能。开发者可以很方便的使用这些内置对象而不用关心这些内置对象的实现原理。就好比我们使用手机内置的发短信打功能我们用的时候可以很方便的快速使用而不用关心打的实现原理
27、。这就是我们使用内置对象的原因主要就是为了快速方便的使用内置对象的常见的内置对象有Math、Array、Date等14-2查阅文档的学习因为内置对象的方法过多了我们不可能把所有的方法都记下来所以我门就需要时不时的查阅文档就好比我们查字典一样。常用的学习文档有下面几个MDN官方地址s:/developer.mozilla.org/zh-CN/docs/Web/JavaScriptW3cschools:/这里建议大众使用MDN文档。因为这个文档比拟全可以快速检索14-3Math对象的学习与其他内置对象不同的是Math不是一个构造器对象。Math的所有属性与方法都是静态的。引用圆周率的写法是Math
28、.PI调用正余弦函数的写法是Math.sin(x)x是要传入的参数。也就是讲我们的Math可以直接通过Math.来调用他的属性以及方法由于Math对象的方法比拟多我这里只把开发经过中常用的一些方法做下讲解14-3-1Math常用的属性Math.PI圆周率一个圆的周长以及直径之比约等于3.1415914-3-2Math常用的方法Math.abs(x)返回一个数的绝对值Math.abs(-1/1Math.abs(-2);/2Math.abs(null);/0Math.abs(string/NaNMath.abs();/NaNMath.max()返回多个数值的最大值console.log(Math.
29、max(1,2,3)/3Math.min()返回多个数值的最小值console.log(Math.min(1,2,3)/114-3-3Math中取整数的三个方法Math.ceil(x)向上取整往大了取console.log(Math.ceil(1.2)/2console.log(Math.ceil(1.5)/2console.log(Math.ceil(1.7)/2console.log(Math.ceil(1.9)/2Math.floor(x)向下取整往小了取console.log(Math.floor(1.2)/1console.log(Math.floor(1.5)/1console.l
30、og(Math.floor(1.7)/1console.log(Math.floor(1.9)/1Math.round(x)四舍五入取整console.log(Math.round(1.2)/1console.log(Math.round(1.5)/2console.log(Math.round(1.7)/2console.log(Math.round(1.9)/214-3-4随机数的学习Math.random()得到一个大于等于0小于1之间的随机数使用。使用场景一般我们做抽奖时会用到随机数获取两数之间的随机数大于等于min小于max/这个随机数可能是整数可以能是小数Math.random()
31、*(max-min)min得到两数之间的随机整数大于等于min小于max/这个随机数是min以及max之间的随机整数functiongetRandomInt(min,max)minMath.ceil(min);maxMath.floor(max);/不含最大值含最小值returnMath.floor(Math.random()*(max-min)min;得到两数之间的随机整数包括两个数在内大于等于min小于等于max/这个随机数是min以及max之间的随机整数functiongetRandomIntInclusive(min,max)minMath.ceil(min);maxMath.floo
32、r(max);/含最大值含最小值returnMath.floor(Math.random()*(max-min1)min;14-4Date日期对象的学习我们的Date对象是一个构造函数对象必须使用new对象来创立我们要使用的对象以后才可以使用。创立一个新Date对象的唯一方法是通过new操作符例如letnownewDate()使用场景比方我们的秒杀倒计时显示的日期都需要借助Date日期对象14-4-1创立Date对象有4种方法创立新的日期对象newDate()newDate(year,month,day,hours,minutes,seconds,milliseconds)newDate(da
33、teString)newDate(milliseconds)newDate()创立Date对象vardnewDate()console.log(d)/MonDec21202020:02:54GMT0800(中国标准时间)这样直接创立的返回的是当前的时间如上面的注释所示我当前是2020年度12月21日20时02分54你打印的应该是你当前自己的时间。newDate(year,month,)newDate(year,month,)用指定日期以及时间创立新的日期对象。7个数字分别指定年度、月、日、小时、分钟、秒以及毫秒按此顺序vardnewDate(2018,11,24,10,33,30,0);con
34、sole.log(d)/MonDec24201810:33:30GMT0800(中国标准时间)这里有一点需要注意JavaScript从0到11计算月份。一月是0。十二月是11。4个数字指定年度、月、日以及小时vardnewDate(2018,11,24,10);3个数字指定年度、月以及日vardnewDate(2018,11,24);newDate(dateString)newDate(dateString)从日期字符串创立一个新的日期对象我们可以通过年度-月-日或年度/月/日获取Date对象/如我们用两种方式来创立2020年度12月21日vard1newDate(2020,11,21);/月
35、份是从0开场的11代表12月console.log(d1)/MonDec21202000:00:00GMT0800(中国标准时间)vard2newDate(2020-12-21console.log(d2)/MonDec21202008:00:00GMT0800(中国标准时间)vard3newDate(2020/12/21console.log(d3)/MonDec21202008:00:00GMT0800(中国标准时间)newDate(milliseconds)newDate(milliseconds)创立一个零时加毫秒的新日期对象JavaScript将日期存储为自1970年度1月1日00:
36、00:00UTC协调世界时以来的毫秒数。零时间是1970年度1月1日00:00:00UTC。如今的时间是1970年度1月1日之后的1608553621233毫秒如下vard1newDate(0);console.log(d1)/ThuJan01197008:00:00GMT0800(中国标准时间)r假如我们想获取当前时间间隔1970年度1月1日之间的毫秒值可以vard1newDate();console.log(d1.getTime()/1608553621233vard2newDate();console.log(d2)/MonDec21202020:27:01GMT0800(中国标准时间)
37、可以看出当前时间间隔1970年度1月1日之间的毫秒值是1608553621233那么我们直接newDate(1608553621233)获取的日期如下vard1newDate(1608553621233);console.log(d1)/MonDec21202020:27:01GMT0800(中国标准时间)所以当前的日期以及通过newDate(当前日期间隔1970年度1月1日的毫秒值)都可以获取当前时间。两者可以互相转换。14-4-2,日期获取方法获取方法用于获取日期的某个局部来自日期对象的信息。下面是最常用的方法方法描绘getDate()以数值返回天1-31getDay()以数值获取周名0-
38、6getFullYear()获取四位的年度yyyygetHours()获取小时0-23getMilliseconds()获取毫秒0-999getMinutes()获取分0-59getMonth()获取月0-11getSeconds()获取秒0-59getTime()获取时间从1970年度1月1日至今14-4-3日期设置方法设置方法用于设置日期的某个局部方法描绘setDate()以数值1-31设置日setFullYear()设置年度可选月以及日setHours()设置小时0-23setMilliseconds()设置毫秒0-999setMinutes()设置分0-59setMonth()设置月0
39、-11setSeconds()设置秒0-59setTime()设置时间从1970年度1月1日至今的毫秒数14-4-4倒计时综合案例我们这里带大众实现一个倒计时的案例比方我们知道一个活动完毕的时间然后去计算活动还有多久完毕。我会在视频里带着大众写一个综合的案例。大众跟着视频课来学习这个综合案例即可。14-5,Array数组对象的学习数组对象的作用是使用单独的变量名来存储一系列的值。如我之前学习数组时数组的一种创立方式varmycarsnewArray();mycars0Saabmycars1Volvomycars2BMW14-5-1,判断是不是数组判断一个对象是不是数组有两种方式1通过insta
40、nceofArray2通过Array.isArray(方法vararrnewArray()console.log(arrinstanceofArray)/trueconsole.log(Array.isArray(arr)/true14-5-2添加以及删除数组元素其实我们在讲解数组的那一节有教大众怎样添加以及删除数组今天再来带大众系统的来学习下数组的添加以及删除push方法添加在数组的末尾添加一个或多个元素unshift方法添加在数组的开始添加一个或多个元素pop方法删除删除数组尾部的元素一次只能删除一个shift方法删除删除数组最前面头部的元素14-5-3配套练习挑选数组给你一组数据20,5
41、9,40,80,99,98挑选出所有小于60的数组可以理解为找到所有不及格的学生的成绩你会怎么做呢可以结合我们上面学过的知识自己考虑下。我会在视频里带着你写一遍。看视频之前建议你自己先考虑下。14-5-4reverse方法翻转数组reverse()方法将数组中元素的位置颠倒并返回该数组。数组的第一个元素会变成最后一个数组的最后一个元素变成第一个。该方法会改变原数组。vararr1,2,3,4,5console.log(arr.reverse()/5,4,3,2,114-5-5sort方法对数组进展排序用sort方法进展排序默认是升序排列的如下vararr1,3,2,5,4console.log
42、(arr.sort()/1,2,3,4,5但是直接用sort方法会有问题vararr11,3,22,55,44console.log(arr.sort()/11,22,3,44,55为什么会出现3在11以及22后面的问题呢因为我们sort默认排序顺序是在将元素转换为字符串然后对字符串进展比拟再排序的所以我们要想用sort来排序就要用到另外一个写法了vararr11,3,22,55,44/按照升序排序arr.sort(function(a,b)returna-b/按照降序排序arr.sort(function(a,b)returnb-a上面的写法是固定的大众只需要记住就行了。a-b时是升序b-a
43、时是降序function(a,b)returna-b14-5-6数组的索引方法indexOf()方法返回在数组中可以找到一个给定元素的第一个索引假如不存在那么返回-1。lastIndexOf()方法返回指定元素在数组中的最后一个的索引假如不存在那么返回-114-5-7课程作业对数组进展去重给出一个数组1,3,5,2,4,5,6,4,现要求把数组里重复的元素给删除掉我会在视频里带着大众写一遍在看视频之前建议大众先自己仔细考虑下最好自己先实现一下。14-5-7把数组转换为字符串我们把数组转换为字符串有下面两种方法toString()将数组通过逗号连接成一个字符串。join(分隔符)将数组通过分隔符
44、连接成一个字符串。join里分隔符假如不写的话默认用逗号来连接数组元素组成一个字符串vararr1,3,2,5,4console.log(arr.toString()/1,3,2,5,4console.log(arr.join(-)/1-3-2-5-4这里祈望大众重点掌握因为我们实际开发中会把数组转换为字符串传给后台开发人员。14-5-8数组的其他常用方法concat()方法用于合并两个或者多个数组。此方法不会更改现有数组而是返回一个新数组slice()方法截取数组的一局部返回一个新的数组对象这一对象是一个由begin以及end决定的原数组的浅拷贝包括begin不包括end。原始数组不会被改变
45、splice()方法通过删除或者交换现有元素或原地添加新的元素来修改或删除数组splice(从第几个开场删除几个)vararr1,2,3,4,5arr.splice(0,2)/从索引为0的地方开场删除2个元素。console.log(arr)/3,4,5splice(从第几个开场交换几个要交换的值)vararra,b,c,d,earr.splice(0,2,A,B)/从索引为0的地方开场交换2个元素交换为A以及Bconsole.log(arr)/A,B,c,d,e十五wxss以及css款式美化我们上面根本上都是在学习JavaScript根底js在小程序里主要是用来处理逻辑的从今天开场我们就来学
46、习一些款式相关的知识用来美化我们的小程序。其实我们小程序三剑客里的wxss以及我们的css是一样的。所以我接下来会把一些常用的css知识点给大众讲解一下。还有小程序里特有的一些款式知识也做下重点讲解。一些十分根底的css知识可能不会讲过多。这里把一些css的文档给大众一个大众抽个几小时可以快速的学习下css根底css不要求大众学习时全部记住只需要大致知道相应的知识点后面学习时会回来快速的查阅就行。菜鸟教程s:/runoob/css/css-tutorial.htmlw3cshool教程s:/CSS规那么由两个主要的局部构成选择器和一条或者多条声明:在我们小程序的代码里就表达如下1在wxml里定
47、义一个class选择器2在wxss实现css款式我们这里主要给title选择器实现红色背景黄色字体。效果如下可以看出我们css主要是实现页面美化用的所以你假如想让你的小程序变得美丽漂亮就要好好学习css款式了。15-2CSS注释注释是用来解释你的代码并且可以随意编辑它阅读器会忽略它。CSS注释以/*开场,以*/完毕,实例如下:/*这是个注释*/.titletext-align:center;/*这是另一个注释*/color:black;font-family:arial;15-3,Id以及Class选择器id选择器以“#来定义。下面的两个id选择器第一个可以定义元素的颜色为红色第二个定义元素的颜色为绿色#redcolor:red;#greencolor:green;class选择器class选择器用于描绘一组元素的款式class选择器有别于id选择器class可以在多个元素中