00:00
好,来,我们继续啊。嗯,我们先来看一下,还是看在我们开发之前先看第一章叫准备,就前面我们里面是不是也做过这样的事啊,是一样的啊,一模一样的一个啊想法,那我们看一下我们有哪些准备工作可以去做,第一个方面呢,是关于项目描述。刚才呢,我给大家演示了一下那个项目的一些功能,下面还有这个是项目描述的,这个事呢,其实是挺重要的,大家去面试的时候啊,很有可能第一个问的问题啊。就可能拿着你的简历指着你的某一个项目问,你来说一下这个项目。这是非常有可能的。那怎么去描述呢?这里面一共给大家列了这么四个方面,第一个呢,这个项目是一个什么样的项目?对吧,是一个外卖的外包P,也就是一个什么SPA应用,是个SPA应用。
01:06
而且是一个什么呢?前后台分离的一个项目,对吧,分为前台应用和什么后台应用。那。我们前,尤其是前台应用,我们这一次呢,就不再去写后台应用了,现在后台应用呢就已经写好了,说白了就接口已经写好了,对吧,有相应的接口文档,到时候我们就可以根据接口文档呢去发请求啊。那前面我们在写RA上面的时候,是不是写过后台啊,跟他的写法是基本上一样的,所以呢,我们不再去念那个后台了啊。这个前台应用包含商家、商品、购物车、用户等多个模块,这个模块是指的什么?这么快。接什么婚?对呀,那你就说啊功能模块啊。好,那用到哪些技术呢?嗯,最重要的肯定还是VIVO的什么全家桶也技术站是VI,以及VI相关的一些插件。
02:05
再用的是什么呢?ES6的新语法啊,甚至E7里面我们也用到一些啊,再一个就是打包工具用什么pad,那我们整个开发的模式是个什么模式呢?嗯,有三个特点,模块化,组件化和什么工程化的开发模式。这些都应该要能说啊,如果你说的这些概念,他问你什么叫模块化啊,什么叫组件化,什么叫工程化,这个前面都强调过。我就不再去跟大家去再去详述了,大家如果不太清楚,回头去看以前的东西啊。这说的关于项目描述,下面一个就是项目的界面功能,刚才是不是已经看过了,嗯,就我就不再一个一个去说了。好,下面一个叫什么技术选型,还记得技术选型什么时候做呀?
03:05
是你准备写项目之前对不对,开启启动项目之前,你要先想好,想好什么,就整个应用里面用到哪些技术,用到哪些库啊对不对。好,这里面啊,我们前面强调过一个东西,先要想清楚我有哪些方面需要考虑对不对,哪些方面可以去考虑。再一说某一个方面涉及到哪些库,大家看一下我们这里面前台数据处理、交互以及组件化,我们用的是view全家桶,或者叫技术站以及滑动库,以及什么呢?日期处理库。嗯,View的就是上包含view这个应该没问题,对吧,V root干嘛呢?路由单元应用是吧VX。管理状态有时候也喜欢叫MU叉。Meet you。
04:05
叫什么?UI组件库对不对啊,View。懒加载叫做图片栏加载的,下面有三个用于滑动相关的啊,一个叫view GA波啊,滚动的啊,View的一个插件,你看情况你就知道是view的一个插件是吧,这是一个非常好用的一个滑动裤。啊,所以。滑动它主要我们做它做什么呢?轮波对吧。好,在日期处理库前面我们用过一个叫什么moment,其实还有一个户可以用啊,叫date-FNS,那为什么下一个呢?因为这一个更小。认懂不就这一个库比这个moment功能基本上差不多,但是比它更小一些啊啊大概就这一些啊啊下面另外一个叫前后台交互。
05:02
因为这一次我们不写后台,现在后台是不是已经有了,嗯,那前后台交互啊,我们这里面涉及到一个新东西叫什么Mo数据Mo什么意思,模拟啊,用到一个库叫什么呢?Mo GS。啊,接口的测试用什么postman Jack请求,我们可以有两个库,一个是view,干什么resource,一个是access,其实我们主要是用这一个,上面这一个是不是我们前面也测过,也用过。啊,功能都基本上一样,对吧?啊,只是说这个比如硕士现在基本上很少用了啊,需要知道。再一个模块化,我们用的什么?ES6的模块化,那ES6的语法就涉及到什么Bible,那项目构建工程化,项目构建用谁,我派创建工程化的项目用什么。的脚手架呀,是吧,现在里面会用到谁?ES用来干嘛的?检查你的语法是否什么规范,下面啊CSS预变器,我们用的什么s style。
06:18
大学stash好用吗?不好用啊,咋的?变异比较麻烦是吗?还是还是缩进不太习惯,习惯就好了,只是写多了,你你知道习惯了,你就会感觉能能少动一点就少动一点,能少写个字符就少写一个字符,他能少写好多字符,对吧?开始是不习惯,就是你不习惯的原因还是那个是你不太习惯于规规整整地写代码。就是特别严格要求自己,我该说句,性格就说句,我不该说句,你就偏偏就不能说尽。有的同学就是。是什么样?今天我空了两个,明天我空四个,没问题,我也不知道我空几个,反正能出来就行,但是啊,对于spla先编写,你只要随意点写,你必然会出问题。
07:09
所以啊,对自己还是要狠一点啊,你才能用上时代的好,这是关于他的技术选型,下面啊简单说一下我们当前我们这一个项目的啊,前台路由啊来这面呢,我们路由也分为一级路由什么呢和二级路由。还记得一级二级路由吧啊,我们这一级路由还挺多的啊,首先是这四个,为什么是把他们搞成四个单独的。这是我们手一上来那个整个界面有四个导航。怎么飞机呢,对吧,这个肯定是一级路由了,首页啊,我这里用赛啊搜索设计订单我个人啊。
08:05
好,下面还有两个,一个是登录,一个是什么呢?商家大家看一下。这就是我们登录注册的界面,看到吧。啊这啊,有人说老师这一个刚才登录注册不应该是这个个人中心的子路由吗。是吗?子路由会是一个什么状况,我等会让大家看一下子路由的情况,大家看着啊,我还有一个一级路由是商家,大家看到下面我有三个选项,三个选择的,这才是指路由的表现形式。能看出来吗?啊,也就是我的子路由是在我当前路由路由组件里面局部是不是显示的。
09:00
而你看这一个。是吗?不是。除非说你的这个登录注册界面,在我这个签到这里面显示对不对,那我可以做子路由那个没问题,这个啊大家去做项目的时候。就非常重要的一个问题就是拆分路由,你别觉得这个事情很简单,这个事情不太简单。而且你一旦拆分的不太好,你写起来会非常的费劲。反过来说,你要拆分的好,这个东西很合理,那写起来就要轻松一些。因为如果说你整体路由没有搭好。那后面就越来越费劲了。知道吧,而且这个事情必必须做,你要不做干不下去。这个大家后面真正自己在做实战,我们后面的课程是大家自己需要去写实战项目啊,那个时候是没人告诉你这个界面,这个应用整体应用是怎么拆分路由的啊,那个时候就要大家自己猜,所以说大家要去感受啊,如何来拆解路由啊,其实真正掌握了没什么,就那么回事,但是就那么回事,之前如果你没不不清楚,那就不是那么回事了啊好。
10:25
这里面呢,有登录有商家啊,商家的下面有三个指路由,为什么三个路由啊,为啥三个呀。这不有三个三个table选项吗?简单来说三个table选项对吧,点餐评价和什么商家就这么个意思。这个能懂吧,啊,要能懂啊行啊。
11:02
那有了他们以后呢,那继续往下看啊,下面一个呢是API接口,这个也是前面强调过的啊,这里说的A接口是前后台交互的什么API接口。那还记得API接口几个组成部分?又,又回去啦,几个。一共几个组成部分?四个怎么费劲呢?请求有三个,响应有一个啊,请求哪三个。我我都怀疑我有没有跟你们讲过。哪三个你就想吧,我要发请求,我需要知道哪些东西嘛,这个东西就那么你能想请求地址URL,请求方式,请求参数格式,对吧,这样不就能发请求了吗?我觉得这个是很简单,一个是因为我现在要想着发请求,我要知道哪一通我就可以发。
12:07
那下面啊,响应响应主要是要知道响应数据的格式,我才好去取数据,是不是去分解显示啊啊,不然的话我怎么知道取什么数据显示啊。因为一般现在返回的是不是都是阶层数据,那阶层数据我是不是要知道阶层数据的格式对吧?好下面啊,跟接口相关的有下面几个概念,接口文档是什么东西。接口文呐,你说老师就是接口了,接口文那是个什么东西,首先都说。别,别说内容是什么,先说它是个什么文档,文档是什么。啊,一般情况下可以是个是一个文件啊,其实文档这里面啊,接口文档实际上会给你,一般会给你一个文件,这个文件呢,可能是一个PDF,也可能是word也可以,也可能是个TT,都有可能,甚至是个都没问题。
13:06
也有,不过啊也有在线的接口文档。懂不懂,那这个文中写的什么东西呢?那文档里面写的什么呢?写啥?就是接口,我们刚刚不说过了吗?接口四个组成部分对不对,那四个组成部分,我整个应用有哪些接口呢?我那些接口都是什么情况呢。是不是所有接口的描述信息啊,我当前这个啊,应用就有自己的接口文档。现在呢,是用上我们可以把它打开成啊网页格式的一个文档,那也就是说我们整个应用有几个接口,十个接口。对吧,那下面就是对每一个接口的具体描述,而且你去看这些每一个这个描述就是关于我接口的四个部分的一个描述信息。
14:13
啊,那下面呢,有几个概念叫对接口侧接口联调啊这些概念,这些概念实际上是类似的一些概念,实际上就是去测试我的接口通不通。第一步对吧,接着跟接口文档是不是一致的,首先它得通,通了以后才去看跟接口文档是否一致,那他如果不通,那就没机会看对不对。啊,下面一个前后台分离什么意思。将一个项目拆分成两个项目去写,一个前台项目,一个什么后台项目,后台项目主要是处理请求,返回什么数据,而前台应用是不是提交请求获取数据动态展现了。
15:01
真的吧,好,再一个数据,数据就什么模拟数据。这是一种什么需求,为什么要搞这个前没后台的啊,有可能后台没写好对吧,或者后台现在访问不了是不是,那我作为前台工程师啊,我要是一个不错的工程师对吧,我自己都有办法能继续往下写。是不是啊,这个时候我就可以自己去模拟一些数据。是可以做的,这也有相应的一些技巧啊,到时候后面再说。好,那下面一个是我们整个应用里面的一个没组件的一个组成啊,这个呢,大家可以看一看就行啊,我就不再去详细的去说了。到后面我们慢慢的写啊,后面大家自己可以看好,那你从这个项目里面能学到一些什么东西呢?对不对,这里面啊,还是那两个方面,一个是嗯,流程及方法相关的,一个是插件或者第三方库。
16:04
啊,首先大家还是要去熟悉一个项目的什么开发流程,就是一步一步怎么开发啊,再一个呢,要确定我们这么三种模式的三种特点的一种开发模式是吧,组件化啊,诶这个地方应该先是什么。啊,先是模块化,后面才是什么组件化,最后才什么工程化,这个这个文件比较大啊。可以改一下。Eat。好放到我们这个里面啊。嗯,我就不去改它吧,改它因为等会又又卡死了,嗯,再一个大家需要能够去通过脚手架创业项目,这个收easy的是一是吧,学会去Mo节省后台数据,实现前后台分离,这个并不难。
17:13
大家肯定能学会啊,再一个学会ES6加ES need的开发模式啊,这个咱们平常就这么做的,只是说啊,你可以先暂时啊把它关了,后面再去慢慢的去改也行啊,大家如果想严格要求自己一直开着啊,就不断的要求自己,这样是完全没问题的,掌握一些项目优化的技巧,后面再说啊,后面我们就会说啊好,下面。我们会用到一些库,看一下哪些库呢,比如说比root就是开发单应用的是吧啊。啊,发请求的VX。管理状态的by view啊,什么swe滑动相关的是吧,啊啊构建界面的啊,没有累漏的内ZY不是累。
18:07
啊,没有类似的图片栏加载,接着Mo GS模拟数据啊,也涉及到一些样式布局效果相关的啊,Stylela是去写样式,这个是大家已经在用的啊,再一个就是过渡效果,过渡,我们这里面也有一些过渡的效果啊,图标字体大家是不是也用上了?嗯啊一像素变框问题,移动端。这个应该讲过吧,讲过啊stick什么连连布局对吧,在Lex布局是不是也讲过啊,都讲过啊行。那前面所有的就是我们的这些在真正去开启项目开发之前的一些准备工作啊,就跟大家先过了一遍啊行。
我来说两句