00:00
好的我们继续啊,那讲完小程序啊,需要大家准备的一些工作呢,那这节课呢,我们来看一下小程序语法上的一些特点啊。来先看5.1,首先小程序呢,它没有到一切基于组件化开发,我们先聊一下这个组件啊,那在我们学过的view和rank里面呢,都有一个概念叫组件化开发,对吧?呃,那在学组件化之前呢,我们还接触过一个叫GS的模块化。哎,那什么是模块,什么是组件,大家一定要很清楚。我们说GS模块啊,模块呢,就是一个具备特定功能的GS文件,对不对,我们是有目的性的去拆分它啊,需要用到哪个功能,我们就引入哪个模块。啊,那什么是组件呢?啊,这里呢,我给大家总结了一句话啊,就是说具备特定功能效果的代码集合。
01:01
那我们一说功能对应的是不是GS呀?哎,那我们一说效果,它对应的需要有什么,有结构。还有我们的钥匙。也就是说一个组件呢,它可以是包含HTMLCSS以及JS的一个代码片段。那这里呢,还需要大家理解一个点啊,就是说组件跟页面的关系,哎,组件和页面有什么关系。那我们都知道,我们一个页面是不是可以由一个啊,或者说是多个组件啊组合而成。对吧,嗯。但是如果说一个页面里面只有一个组件,那我们能不能反过来说说,这个组件就是一个页面?大家想想这个问题啊,一个组件,我们说组件能不能代表页面。啊注意啊,这样说是不行的啊,组件跟页面呢,它俩是包含的关系,我的页面里面即使有一个组件,那你这个组件呢,也代表不了这个页面。
02:11
啊,之前呢,有同学面试的时候被问到这样一个面试题啊,就是说。你用HTML去描述一下到底什么是组件。嗯,那当然也可以想象用HT去解释一下什么组。你可以想嘛,在我们的一个页面里面。我们是由多个HT标签组合而成。Span p标签等等吧。那这样的话呢,我们是不是可以认为这一个一个的HTM标签它呢,其实就是一个一个的组件。而我们一个完整的页面呢,就是由多个组件拼接而成。
03:00
好,那这是这个,那再说一个点,假如说啊,我这个页面啊,画这边吧,特别简单,里面就一个H1,那我能不能说这个H1标签就是一个页面。哎,显然是不行的嘛,对吧,所以哎。大家在描述的同时呢,也要琢磨啊,这个组件跟页面它呢,属于是一个被包含的关系。好,那知道了这个以后我们再看这啊,这说的是没有道。啊,那在view和raft里面,我们接触过一个概念叫什么叫虚拟do对吧?啊我们说了我们不直接操作到操作是虚拟盗对象,那这样的话呢,是吧,哎,效率要高。嗯,而现在在小程序里面啊,它压根没有到,而我们使用的组件呢,也是由小程序提前定义好的组件啊,我们拿过来就能用。那那这是这个,那我们接着往下看,那小成线的体积小这个啊,压缩包体积不能大于两兆,那之前我们说过了。
04:02
我们再往下看。小程序里边四个重要的文件啊,是这四个。其实也好好理解啊,你看第一个啊,所有的GS文件,那这个就不用说了,我们已经很熟了,GS,那所有的点微信ma文件,那这个呢,对应的其实是结构啊,我们可以认为是我们之前接触过的什么呀,HM。还有什么新点,微信SS对应的是样式,那就跟我们之前的CSS一样。还有一个是所有的接文件啊,在我们小程序里面,绝大多数的接线文件呢,它都是我们的配置文件。哎,可以有全局的配置文件,也有什么叫页面或者叫局部的啊配置文件啊,局部的配置文件,那这个呢。呃,等我们见到了以后,大家一看啊就能懂啊就能懂,好那再往下看啊,我们说小程序的是北方,那这一点呢很重要,哎,小程序里边多了一个单位呢,叫RPX。
05:05
那这个PX就是我们之前认知的CSS像素,哎,多了一个R,那么这个R指的是什么?叫respons。那这个单词的意思呢?响应式。啊,响应式。啊,所以连起来呢,叫响应式相似单位就是2PX。那什么叫响应式?像似单位呢,我给大家举一个例子啊,小程序呢,规定任何机型屏幕上的宽度都是750。RPS。都是750RP,你想想看啊,在F6375宽的屏幕下呢,它是七百五宽七百五的RPX。那这个时候呢,我们能换算出来一个。值对吧,那也就是说EPX身上呢,应该是有两个RPX。
06:02
对了吧。啊,或者说是erps是不是等于0.5,呃PX呀,这是一个换算比吗。啊,那这是FONE6,假如说6PLUS时上啊,6P时上,那么它的宽度呢是414。PX在414的屏幕上呢?你的宽度呢?还是为750RPX,那这个时候你想想看,EPX等于多少RPX呢?啊,也很简单嘛,那就是七百五要除以414,那这一把的计算结果呢,很肯定呢,跟之前这个不一样,对不对,也就是说我们RPX的值它不是固定的,它呢会自动的根据你屏幕大小的不一致而动态的去计算。所以我们称之为叫相应式小数单位。
07:02
嗯,那下面呢,是给大家举了一个F6的例子啊,Erpx等于0.5P叉,就是刚才我说到的啊,又因为F6的物理像素点个数呢,正好是750乘以1334对不对?所以呢,这个跟这个是吧,它们的比例是1:1啊。OK,那再往下呢,下面这个呢,是啊,我截了一张官网上的图啊,官网上的图啊,就是给大家说了几个机型,说如何去换算啊,也比较简单。啊,那么呃,这节课的重点呢,就是说小程序的适配单位。哎,响应式相似单位需要大家去理解的,包括小程序这个没有到,以及组件化开发我们也要熟悉啊好,那这节课呢,先讲到这里。
我来说两句