05_尚硅谷_h5_复习.wmv原创

OK，来我们来看一下啊好，今天我们来讲canvas啊，那还是跟之前一样先干嘛。复习一下是吧，其实第八天的复习的话，其实我们没有讲什么太多的知识点吧，第八天的内容就比较简单啊OK。OK，我们说这边的话，我们上来干这件事情啊，说了一下什么。万。O two和什么外百分百的区别吧，是吧，我们说这两个是有什么本质区别的吧？我们说外的默认值它也是凹凸吧，是不是？OK，那我们稍稍微再来回忆回忆啊，那除了外的默认值为凹凹凸之外的话，还有什么默认是凹的？马的多。零记不记得我们说在做，在做垂直水平居动的时候，我们特意要把马的值调整凹度法啊，它的默认值是零，记住和模型上外的默认值是凹凸宽度，下面懂不懂OK啊，边框的。

零可是边框我们说一般我们说它什么不style，懂吗？一般没有不style的话，你哪怕给他设外，它也不会出来懂不懂，所以说一般我们不去记它的默认字，可是west hat，还有什么marin Penny啊，记住外的默认为凹to是不是？然后呢，Penny跟marin的默认字为。0LEFT top的默认值为。LA top的默认之外。凹凹啊，这个这个这几个你必须给我记住，因为这些东西的话，我们在画页面的时候一定会用的懂不懂，就刚刚讲的那几个点，在画页面的候一定一定是得用的，懂吗？所以说这些东西你要刻在脑子里面啊，OK，那这是我们说什么凹跟Y百分百的区别，而且你要知道百分比参到底是谁吧？啊，我们说这两个都很重要，一个默认值，一个百分比三，到底谁是吧？好，第二点后来我们讲讲。

其实后来我们就开始换了一个响应式页面嘛，响应式页面嘛是吧，OK，其实难度不大。难度不大，是不是全部，是不是去我们官网的组件上面去的吗？扣大是不是只要稍微的去，能仔细的看一下这个，呃，官网上面的介绍基本上每个同学都应该能写出来。里面没有什么技术点吧，完全是体力活吧。是不是有没有这种感觉啊。有没有这种感觉，就是你写这个响应式页面的话，需要你费多大劲吗？不应该要费多大劲，懂不懂，因为这些东西都是我们从什么U玩上面直接拿下来的，就是人家把你这干嘛设计好的，懂不懂也不需要你去做任何设计，是不是？那这边我们其实讲了一个定制化。是不是什么叫定制化，其实就是干嘛修改波的什么啊，我们说原文件是不是，其实我们说最好的方式不是修改原文件，而是加什么加什么。

将的什么入口文件干嘛作为混合使用，是是我们是覆盖它吧，这是最好的，第一个我们没有破坏原文件码，第二个H我们是不是自定化的自己的样式，可是你知道怎么去编译吧，我们现在用的是不是还是考拉去编译的，有讲啊，之后会叫更牛逼的方法啊，OK，可是你们先把考拉干嘛用一阵子。啊，OK，好，那这个响应式页面上面的话，其实我们啊没有花太多的功夫去去去整它，其实两三节课就能就能搞完啊，而且这个页面的话，你记住我们都是贴组件的，以后用UI库也是给我贴组件啊，除了UI库里面比较重要的东西啊，会给你们去分析，那其他的一些uf库，比如说一些表格表单这些东西的话，你就不要去看源码了，没有任何意义的，知不知道直接去用就可以了，OK，那第三点我们讲什么？

其实我们就开始讲H5的内容了嘛，在讲H5内容之前，我们普及的一个概念是吧，跟这应该是呃，我们第八天比较重要的一个点是吧，OK，我们说什么，第一个我们说这个点你面需要大家知道什么，什么是。B，什么是比是吧？OK，什么是比？啊，HTL什么HTL的预定义和自定属性，一般我们称之为attribute，是不是什么是是不是什么是不漏点JS对象，JS对象身上的什么原生属性嘛，是不是啊，原生属性不过是说直接属性也什么也可以啊，明白那意思就行了，对不对，OK，这些东西就是叫点是不是我们说BU是不是被一个叫做BU的property所维护的。

能理解我刚那句话，我们说所有的都被一个就说说维护着。是不是，而且这些attribu在JS里面对应起来的话，就是一个一个的属性节点。懂不懂，OK，好，那我们说然后，然后我们说什么，什么是波尔值属性，什么是非波尔兹属性是吧，我们说判断一个判一个属性是波尔兹属性还是非布尔属性，主要看它属性值。

是不是，而且应该什么。不是不行。是不是也就是说看什么。所对应的什么？所对应的属性值是否是布尔类型？是否是布尔类型？OK，我们说JS里面的数据类型分几种？S里面的数据类型分两种嘛，基本基本数据类型跟引用数据类型吗？基本数据类型有。有什么number now这些都是基本数据类型吗？是不是引引用数据类型了？Array object function这些都叫引用数据类型，懂不懂那这些概念啊，我们之后还会去提啊，OK。

好，然后我们说什么，然后我们说了什么跟property的同步关系是不是啊，我们说和的同步关系，我们说这个关系要分两个维度，一个是非布尔值的，一个是不知的，是吧，我们说非不尔值属性这两个概念的话，他们干嘛实时同步是不不这性要不还分，要不要分，要分什么，有没有动过，没有动过，没有动过，我们说什么会会同步，不停也会啊，不停干嘛不会同播就。是不是OK，我们说干嘛动过什么之后干嘛ATT不会同步，Pro也不会同步，是不的，这个关理这个关系干嘛给他树立住啊是吧，后来我们还说了一个点什么。

浏览器认识是吧，以及什么用户操作的是谁？好，我们说都是谁。好，那这样一整整个体系是不是就下来了，OK，那最后我们说在query当中的体系。在j query j q有你要没啊，一般这个Q需要大写啊，你如果不像你如果这个斜起宽的时候，这个Q没有大写，可能会被炒掉。啊，OK，在结宽RY中的体现，OK，我们说两个方法，At t方法可以么？P啊，方法是不，而且A方法这个版本是要比PP版本来的低的，懂不懂就是很早的这块的版本里面就已经有了这个A方了，PB是后来才加进去的啊OK，那最终我们说给大家一个总结，我们说什么？给给大家一个什么样的总结？

我们说波尔兹属性最好使，波尔兹属性最好使用PP方法是吧，不管什么库懂不懂，就不管是这个库还是lowsh这个库就是各式各样的什么类似于这种工具库啊，你要看他操作一下这个属性的方法，看下API，看一下他操作到底是谁，懂不懂不尔兹属性啊，PP方法知吗？非不尔属性。

什么at t方法啊，因为这个A加方法的成本肯定要比P来大低一点，懂不懂啊，所以说这是我们一整套跟一个体系，懂不懂好记住它OK。好，后来我们说什么是不是，就开始说H5了，是不是啊，那说了H5等于什么？相当于是个导学吧，是不是啊，其实我们就说了几样东西，一个什么HT5的意义是不是，H意义是什么是不是？到底什么是HT是啊，一个狭义上的意思，一个广义意思。是不是OK，然后我们要说什么HT5的优势，是不是我们说它有什么优势。啊，跨平台快速迭代是不是。成本低，是不是导流入口多，分发效率高，这些都是我爱的优势，怎么讲，然后我们说什么。

H4与H5的对比是不是这个对比的话，主要是在文档结构上面，我们做了个对比，是是，我们说这个里边你要知道一个是编码，一个是什么渲染模式，还有一个叫慢类型，是不是OK，就这三样东西啊，你大体知道一下就行了，懂不懂也不需要大家去深究，可是你得懂啊，有有这些点啊，虽然说现在我们画页面，还说还画画爱四的页面吗？啊，我们不会了，可是你要知道你出去做项目的话，有可能做的事啊，啊改人家项目吗？就是那就是你一般你们去公司写项目，是让你代码从从头到尾的开始写吗。不可能的，一般都是让你去，他会去拿到一套代码，然后让你根据这套代码去改啊，不可能就干嘛，就给你一套，什么都没有，一台电脑就就夸给了你一个兵器，对吧，你现在开始帮我做项目编码，不可能的都会给你东西的，你说你们项目肯定是有之前的老版本的，这个老版本要么是之前公司开发的，现在做迭代，要么就是他们去买的，懂不懂把这项目买过来，哎，让你们干。

能理解吗？OK啊，这是H41H5的对比，OK，然后我们说那个语义化标签是不是，我们说现在我们讲H5是讲它狭义上的意思HT嘛，这个版本上面新增的什么标签跟属性是不是，那我们说在这边讲这个属性的时候，其实我们干嘛也也提了几个。是吧，OK，我们说我们写在这边吧，其实什么H5中懂嘛，有关的概念吧，应该是有关的属性是吧，一个什么class list，一个是data set是吧，我们说class list相当于是谁。

相当于什么？是不是其实我们说他的肯定吗。他的真正的朋友们应该是谁？克拉斯name，我们说个这个克拉斯内蒙不好操作吧，是不是我们又多了一克拉斯塔，他身上是不是有一些增删改查的方法，是不是有爱的方法，有什么remove方法，还有什么他方法是不是to是不是有，是不是这三方法啊，其实还有几个啊，干嘛不常用，你们就不要去记他，对不道就就记住这三方法就可以了啊对史呢对呢么，相当于是自定义属性，什么我们说自定义属性的，我们说平常一般普通的自定义属性它有吗？没有，懂不懂相当于自定义性，而且这个自定义属性它是有的吗？它是有限制，是不是我们说它，我们说它有一个什么样限制啊，必须以得塔杠开头，德塔杠X杠。

Y，是不是如果有两个杠的话，后面就应该要通风，是不是娜娜，OK，那这是我们什么说的两个点是不是这是我们前面一天的内容了，懂吗？啊，最重要的是搞清楚这个property以及H5当中对它扩展了两个属性，懂吗？OK，好，那说完这个之后啊，我们讲了HH5的一个意义啊，H4H5的对比一啊，余化标签是不是？那余化标签这一块的话，其实需要大家注注意几个啊，一个是had是吧，一个是photo，这两个记住还有么？SE section是吧？还有什么never，这四个能不能记住啊，记住这四个就差不多了，懂不懂啊，什么article我们用的很少啊，你还要记住他们就是点啊，他们就是点懂吧。