00:00
好了,那经过前面三天的我们学习啊,相信同学们对我们一些常见的标签啊,以及我们的CSR的样式有了初步的认识,那现在是我们提高我们开发效率的时候了,咱们呢没必要在某个单词挨个去敲,这样影响我们编写的速度,那现在呢,我就要给大家介绍一个非常好用的一个东西,叫做element,那么am语法呢,它的前身呢是一个z coding,是我们dream word里面自带的一个插件啊,它呢是使用来进行缩写,可以提高我们atl的编写速度,这个呢非常好用,那么am特语法呢,需要安装一下插件,但是呢,现在呢,我们没有教你怎么去装插件,在我们的subm里面呢,已经给你集成好了,哎,我们给你发的软件里面集成好,我们先来使用,到后面之后呢,我们再教给大家去安装这个插件,那在这里面的话叉到底怎么使用的呢?哎,其实这个安语法呀,咱们前面已经用过了,比如说我新建了一个at码页面之后呢,我输入一个叹号按table,诶注意啊,英文一下的,我输入一个叹号按table键,哇塞,它竟然可以出来这么多这。
01:00
就是安特语法其中的一种,除了这些汉的有哪些更加让人惊心动魄的东西呢?哎,来看一看啊,这然第一个呢,我们以后呢,只要生成标签就可以直接输入标签名,按table就可以了,比如说以前我们说哎老师输入div div是不是啊,然后呢,杠div费劲呢,你现在以后呢,不用这么费劲了啊哎,我们只需要怎么办呢?看好了,我只需要在里面输入div。就输入第二位,按一下table键自动就出来了,怎么样再输入table a就出来了,对吧?好,那再输入什么呢?比如说我输入ul,按table键是不是立马就能够生成我们想要的各种各样的标签呀,所以以后我们写起来反而更简单了,哎,这是我们说的这个,如果想要生成标签,直接写标签名,按table键就可以了,好,还有更好的地方吗?有,有好多,比如说我想要生成多个相同的标签,比如说我想要生成四个DV。那我们可以这么来做啊,不需要CTRL加CCTRL加V了,哎,给我来看啊,Div这是什么?号乘以个四,Div乘以四按它键。
02:06
哇,好厉害是吧,四个div位老师,40个div位怎么办呢?啊,我就不尝试了啊,反正你知道我乘以个40肯定能生成40个div对吧?哎,说出很多了啊,我一生成你看是不这么多呀,好的,它都能给你生成完之后,这是非常厉害的,好了,P标签也是PE乘以个三走,是不是三个P标签就出来了,这是我们说的,它这个标签用星号来代替,好除了这个之外呢,还有没有呢?有的,有很多很多ARM,哎有你们喜欢的,比如说有父子级关系的,就可以用这个大于号来代替父子集,第典型的比如说ul里面是包含的是力呀,那ul怎么写呢?就是ul下面大于力,哎,这是叫做父子级关系,前面的肯定是父亲,后面呢肯定是儿子好,UR大于力之后呢,我按开键走,是不是UR里面就包含了一个力标签呀,哎,非常好用啊,好了,我给你演示,这么演示的一会儿呢,我讲完之后,同学们一定要自己亲自调试一遍,从第一条就开始来练习。好吧,因为咱们后。
03:07
后面会反复使用的啊,这是父子级关系的,哎,那你跟我来看,我这么写你能看懂吗?Ul下面包含的是立立呢,成立个三这句话能不能看懂。哎,就是一个UR里面包含了力,结果有几个力啊,有三个力,所以按table键果然可以生成这种效果,那以后我们再写起来是不是特别特别的方便了,哎,这是M的语法之中呢,又是一个,那再有一个呢,就是如果有兄弟关系的可以用加号来代替,那比如说你看啊,刚才是父子基是大于号,那么就是div加P加兄弟关系,P说完之后呢,啊,开宝姐你看生成了一个div标签,一个P标签啊,这是兄弟关系啊,那最典型的就是大家还记不记得我们有这个东西啊。DT和DD,哎,DD啊这种呢是关系呢,是不是我们说叫de列表啊,它写的话,你可以一次写DR下面包含的是什么呀,DTDT呢,还有一个兄弟叫什么呀,DD这么写啊,输入完毕之后呢,我们按table键能是不是也能够生成呀,所以说呢,他这种写法呢,都可以来一起来写啊好,这是兄弟关系的,那么再来一个呢,还有啊,就是带有类名的或ID名字的,你可以直接写就行了,比如说我想有一个div,看好了,同志们,我想用这个效果,哎,Div呢,它的名字叫做class,等于DEMO,那咱以前这么写太费劲了。
04:29
我们有没有更好的方法呢?有,你直接点de Mo就行了。点是不是类的意思啊,那点DEMO你按table键走,哎,是不是直接就生成这个东西了?好,那来再一个点,我们说了NAV按table是不是就生成了一个叫navy的一个div呀,特别常用啊,好了,那么出了井号也可以,井号什么呀?哎,井号我们这个叫做photo,好说完没种table是不是叫做ID等于photo了,是类选择器和ID选示器各不相同啊,但是呢,这一条要看明白,要想要带有类名的,直接写点DEMO就行了,好吧,哎,这是我们要的这种效果,那么还有没有更厉害的,还有啊好,你比如说我这要生成这么一个效果啊好,那么叫de啊一,这叫DEMO1,然后按table键是不是叫DEMO1的了呀,还有呢,DEMO2 demo3,那我们经常命名的时候呢,可能有一个排号的过程,这么写起来虽然很快捷,还是不够快捷,那此时呢,我们还有一个比较牛的叫做什么呢?如果我们是div生成类名是有顺序的,可以用这个自增符号,看好自增了吗?自己增加的它的符号呢,叫做Dollar。
05:34
Dollar叫做自增符号,好了,那你想要这种效果,第DEMO1 demo2 demo3,你可以这么写啊,点de Mo,我这是不是可能是一,也可能是二,还可能是三,那你干脆谁也别写,写一个Dollar符号来代替它,默认的从一开始往下排列顺序就行了,要几个呢?要三个,可能要五个,你乘以个五,我乘以十吧,是比较多,那是不是有十个这样的对象了,生成完之后我按开键走。哇,是不是啊,一二三四五六七八九十就出来了,哎,所以说那个还是比较好用的啊,所以说你看这儿呢,又叫做DEMO,哎,Double乘以三,那最后的结果就是单一单二三,关键问题是有一个do是不是自增符号呀。
06:14
好了,这是我给你写的,那么同学们一会儿说呢,把我这个的话,哎,讲完之后,从第一个开始练习好不好,因为咱们后面会经常使用的,需要你呢,每一条都需要练习练习,当然艾特语法只有这么多吗?哎,这只是冰山一角啊,它的内容多了去了,我在这个拓展阅读里面给大家讲,这儿写了保存了一篇文章啊,这篇文章呢,是就就是我们说的这个am语法的一个前世今生啊,还有一些常用内容,写法有很多很多,很长很长,感兴趣的同学呢,可以去读一读啊,好了,那么在这里面呢,是给大家讲一下我们这个element语法,但是呢,语法虽然有很多,我希望大家重点是把我这六个一定要务必掌握好。
我来说两句