2018-04-11

（第三天）总结：

• less来统一管理“joinHotel”页面的整体颜色：

步骤：

1. 所有涉及到需要统一的颜色，单独用class类名，并绑定到计算属性中
2. 定义一个计算属性，用于获取当前路由的名字，并返回给元素
3. 使用less的方式，定义一个变量用于存储该页面整体颜色。@变量名: 颜色
4. 找到一定个需要使用该颜色的元素类名。
5. 先在less中定义一个函数，该函数接受一个颜色参数，并在函数内按照需求使用颜色，如：

.hotelCardTag (@color) {  // less的函数以点来头
    background-color: @color  // 按需使用该函数
}

6. 使用元素未绑定的类型+计算属性返回的——当前route name。如：（.tag.JoinHotel）作为名声，类似于css的格式,调用之前定义的函数、并传递定义好的颜色，如：

.tag.JoinHotel {        // 类名+route name(也是类名，由计算属性返回)
    hotelCardTag（@htjh）   //由于@htjh类似于全局变量所以——该函数调用表达式能够访问到
}

最后：如果将less文件抽离，定义在static里面，那么在页面或组件的<style>中需要使用@import引用。大概是这样吧~~

• 总结：其实在less主要部分是3个步骤:

1. 定义颜色变量。
2. 定义函数，接受颜色，和按需使用颜色。
3. 定义一个类似于CSS的东西，内部调用函数，传递颜色

而在页面或组件中只要记得： 把需要统一管理的CSS，抽离出来单独用一个类名即可

第二件事：
今天整合页面的时候，一心想着学习别人（华住会）的样式技巧，却忘记观察我们自己页面的特点了，哎、、、过了。。。

其实你还指导了很多，哈哈，我就记我觉得影响深刻的吧。

---

对象第三天。
看这种书，有点纠结，应为还是有好多看不懂，哎，，做了就是赚了，别想太多!

对象（第三天）

1. 属性名可以是包含空字符串在内的任意字符串，但是对象中不能存在两个同名的属性。

属性明可以是字符串，是肯定的，对象中属性名不能同名，是因为对象是属性名到属性值的映射关系，属性访问也是通过属性名，所以不能同名。

2. 值可以是任意js值，或者可以是一个getter或setter函数（或者两者都有）。

第一句话能理解，可以理解为js中对象的值是没有限制的。getter我知道是获取访问的意思，setter是写，改变对象属性值的的意思，具体的不太了解，后面6.6章节会讲到，到时候了解。

3. 除了名字和值之外，每个属性还有一些与之相关的的值，称为“属性特征”：

• 可写，表明是否可以设置改属性的值。
• 可枚举， 表明是否可以通过for/in循环返回改属性。
• 可配置，表明是否可以删除或修改该属性。

不理解为什么这些“属性特征”被叫做值？ 难道是有一些值，如a，b，c,分别的意思是可写，可枚举，可配置？难道是这个意思？ 可写应该是setter，可枚举，我的理解就对象中的属性值可以被一一列举出来，而对象循环的方式就是for in。所以才这样写。 可配置：上文说是可删可改，那么基本上所有对象都可以吧。感觉有不可以的，记不到了。

4. 除了包含属性之外，每个对象还拥有三个相关对象特性：

• 对象的原型：指向另一个对象，本对象的属性继承自它的原型对象。
• 对象的类：是一个标识对象类型的字符串。
• 对象的扩展标记指明了是否可以向该对象添加新属性。

每一个对象都有自己的原型，对象的属性或方法继承自它的原型，这个能理解，原型接触的少，很少用不知道那时候要用。 对象的类，不太理解。。。等之后学吧
对象的扩展标记不懂。

5. 下面的话来对三类js对象和两类属性作区分:

• 内置对象：是由ECMAScript规范定义的对象或属性。例如，数组、函数、日期和正则表达式都是内置对象。
• 宿主对象：室友js解析器所嵌入的宿主环境。（比如Web浏览器）定义的。客户端js中标识网页节后的HTMLElement对象均是宿主对象。既然宿主环境定义的方法可以直接当成普通js函数对象，那么宿主对象也可当做内置对象。
• 自定义对象：是由运行中的js代码创建的对象。
• 自有属性： 是直接在对象中定义的属性。
• 继承属性：是在对象的原型对象中定义的属性。