03. 尚硅谷_微信小程序_特点介绍.avi原创

好，来呃，我们把上面这些概念性的东西，就相关资料给大家说完以后，我们正式的去看一下这里面的一些东西啊，第四章来，第四章我们可以把这些收起来，这都是我们要挨个去学习的一些知识点啊，知识点OK，我们先来看第一个，嗯，第一个那在这呢，是我列的小程序里面的一些特征，也是需呃需要你们去把它背下来的东西。首先第一个大家看一下小程序没有到对象，先不考虑其他的一说到没有到，或者说是我不操作到，能想到什么。对，虚拟do对象，那大家从RA开始，我们一直就多了一个概念叫虚拟盗对象，对吧？哎，组件化开发就是我不是操作实际的盗，而操作的是虚拟盗，嗯，小程序呢，他压根没有盗对象啊，一切的基于组件化开发。

嗯，那接下来就要问大家一个问题，什么是组件？那假如说大家出去和别人聊的时候说view，他们都是组件化开发，对吧？那么什么是组件？学了这么长时间了没，没有去总结一下吗？哎，我听到有同学提到一个概念叫分装是吧。分装的是什么呢？把一些小的GS文件还有什么？我听到有同学说把一些小的功能，也就小的GS文件分装到一块，注意那个不是组件。嗯，那既然说了，咱们一块说一下吧，首先你们先接触的应该是模块化，模块化再往后是组件化，对吧，那再上升一个高度，其实就是工程化，工程化的话其实指的就是我们在企业里面开发的企业级的项目。

那什么是模块啊。什么是模块？第一个问题，咱们学这个模块化的时候是什么模块化？是HTM模块化，是GS模块啊，啊很好，这第一个问题，我们学的是GS模块化，那也就是说我这个模块是不是对应的就是一个GS文件。那你说这个模块它有什么特点？其实有什么特点，也就是我想问大家，我们为什么要用我啊？什么，他有同学说了代码复用，那其实这个我们应该是能想到。

对吧，又叫模块复用的，嗯，那我给大家总结一下什么叫模块啊，什么叫模块，哎，其实往大概来说，模块是不是就是一个GS文件啊，那呃，再再细分的话，其实就是这样的，我们之前说了加一个大的GS文件，依据一定的规范拆分成多个小的GS文件。对吧，那这个多个小的GS文件，它是有一定的特点的，不是我们随便去拆分的。每个GS文件里面的数据是私有的，说过这个吧，哎，数据是私有的。一说到数据私有的，它其实可以反馈出两个特点，地面。首先第一个它是安全的，对吧，相对安全的，第二个是什么呢。

数据其实指的就是我们定义的一些变量啊，函数呀，那因为它是私有的，所以它模块也是GS文件，和GS文件之间会不会互相干扰。国会，那这就是GS模块。如果一个项目是用多模块的形式去开发的话，那么我们又叫它模块化，就是成一定的规模。这个大家理解了吧，啊，这是模块，那什么叫组件呢？你们要会总结它啊，要会总结它。组件仅仅针对的是GS文件吗？哎，不是，那还有什么呀，HTM。CSS再加一个GS，那现在我说这样一句话，大家能不能懂啊，什么是组件啊，它是具有特定功能。

效果的代码集合。我再说一遍，组件是具有特定功能效果的代码结构。一说到功能，是不是具备一定的行为，一说到行为能想到什么GS，那我们再来看功能效果，这是不是还有效果啊？一说到效果，就是用户已经看到了它显示出来一定的样式。当我们用户看到了有一个样式，你说他需要具备哪些东西？比如说我看到有个div。对吧，啊，我看到这有个正方形的盒子，它是被它是红颜色的。首先我们是不是需要钥匙，钥匙给谁啊？是不是给结构啊？对吧，你没有结构，呃，荷兰的样式呢。

一说到效果，我们立马能想到HTMLCSS。嗯，所以说组组件的话，它是既有HTM，有CSS，又有GS，嗯，而一个项目如果说以多组件的形式去开发的话，那么当前的项目叫组建化的项目。OK，那我们往下来走，小程序呢？就是基于组件化开发的。下面这呢，我给大家列了一个小程序里面四个重要的文件。我相信大家应该能看懂，首先GS文件这是写GS的，这不用说。啊，跟我们平时写的很像啊，就是语法是一模一样的啊，语法是一模一样的，那再往下看，这有个点。微信ma文件，注意它是V结构，你说的view结构能想到什么？我有什么视图啊啊，其实我重点要强调什么结构。

一说到结构对应的什么，就是咱们之前网页里面的HTML。网页的三要素是什么，不结构样式行为嘛，对吧，那再往下看，哎，这有个微信SS。应该能想到它，它对应的是样式啊，这个呢是对应的我们之前学的什么CSS文件啊，再往下点接S，这就不用我说了，写阶层文件的。嗯。呃，大家在正式的学小程序之前呢，你们需要储备一些知识啊，其实对于咱们来说，咱们是都学过的啊，如果说没有学过的同学呢，可能先去得去了解这么些东西，第一个事件机制，就是平时我们去绑定事件啊啊，写一些事件的一些处理逻辑啊，然后呢，要理解组件化，理解组件化理解数据绑定，那么这个数据绑定呢，大家在view里面肯定是接触过了，而且呢，你们接触的应该是双向数据绑定。

嗯，再往下flax布局，咱也接触过，再往下移动端适配方案。也接触过。啊，下面这呢，我是标了一个红字，就是这有个小建议啊，咱们是学fu了，如果说没有，呃，学过没用的同学可以先去学一下，没有再来看小程序的话，你都感觉特别轻松。啊，因为小程序里面的很多东西和view特别像，甚至说可以，甚至说是通用的。OK，来，我们再往下看，还是一些概念性的东西啊，一些概念性东西。这布局啊，我呢，首首先先问大家一问题，什么是X布局。在我问你问题的时候，最好最好不要看我下面的东西啊，你们可以自己想一下。

最简单一个，你们可以叫它叫伸缩核模型。对吧？啊，又叫弹性布局，弹性布局是吧？任何一个容器呢，都可以指定为flex布局，那现在我们给他想要让它指定成flax布局，怎么写display flas对吧？哎，没问题来啊这些呢这呢给大家一个图，这不d display X吗？啊，这是我找了一个图来描述这个伸缩和模型的，嗯，那么我们再往下看吧，呃，这有几个需要你们去掌握啊，第一个呢，就是Lex属性Lex direction是干嘛的呢？设置它主轴的方向，默认是个肉肉是什么意思？水平方向，那也就是说如果我想让我的flex纵向排列的话，怎么办？你是不是得人为的去设定这个值对应的它叫。

为垂直方向，OK啊这些呢，是需要大家去回忆起来的东西，因为咱们小程序里面特别推荐使用flex，嗯。嗯，特别好用，OK，那下面这呢是一个flex相关的学习地址，那感兴趣的同学呢，你们下来可以去访问一下这些地址，包括呢，也可以自己去查一些资料啊，把flash东西可以看一下。那么再往下看，这有一个比较重要的东西，刚才讲这个之前呢，我们给它隔开的。