2018-04-11

(第三天)总结:

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

步骤:

  1. 所有涉及到需要统一的颜色,单独用class类名,并绑定到计算属性中
  2. 定义一个计算属性,用于获取当前路由的名字,并返回给元素
  3. 使用less的方式,定义一个变量用于存储该页面整体颜色。@变量名: 颜色
  4. 找到一定个需要使用该颜色的元素类名。
  5. 先在less中定义一个函数,该函数接受一个颜色参数,并在函数内按照需求使用颜色,如:
.hotelCardTag (@color) {  // less的函数以点来头
    background-color: @color  // 按需使用该函数
}
  1. 使用元素未绑定的类型+计算属性返回的——当前route name。如:(.tag.JoinHotel)作为名声,类似于css的格式,调用之前定义的函数、并传递定义好的颜色,如:
.tag.JoinHotel {        // 类名+route name(也是类名,由计算属性返回)
    hotelCardTag(@htjh)   //由于@htjh类似于全局变量所以——该函数调用表达式能够访问到
}

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

  • 总结:其实在less主要部分是3个步骤:
  1. 定义颜色变量。
  2. 定义函数,接受颜色,和按需使用颜色。
  3. 定义一个类似于CSS的东西,内部调用函数,传递颜色

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

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

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


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

对象(第三天)

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

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

  1. 值可以是任意js值,或者可以是一个getter或setter函数(或者两者都有)。

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

  1. 除了名字和值之外,每个属性还有一些与之相关的的值,称为“属性特征”:
  • 可写,表明是否可以设置改属性的值。
  • 可枚举, 表明是否可以通过for/in循环返回改属性。
  • 可配置,表明是否可以删除或修改该属性。

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

  1. 除了包含属性之外,每个对象还拥有三个相关对象特性:
  • 对象的原型:指向另一个对象,本对象的属性继承自它的原型对象。
  • 对象的类:是一个标识对象类型的字符串。
  • 对象的扩展标记指明了是否可以向该对象添加新属性。

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

  1. 下面的话来对三类js对象和两类属性作区分:
  • 内置对象:是由ECMAScript规范定义的对象或属性。例如,数组、函数、日期和正则表达式都是内置对象。
  • 宿主对象:室友js解析器所嵌入的宿主环境。(比如Web浏览器)定义的。客户端js中标识网页节后的HTMLElement对象均是宿主对象。既然宿主环境定义的方法可以直接当成普通js函数对象,那么宿主对象也可当做内置对象。
  • 自定义对象:是由运行中的js代码创建的对象。
  • 自有属性: 是直接在对象中定义的属性。
  • 继承属性:是在对象的原型对象中定义的属性。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 9,721评论 0 0
  • 常用操作以及概念 求助 –help 指令的基本用法与选项介绍。 man man 是 manual 的缩写,将指令的...
    Fellers阅读 3,237评论 0 3
  • LaunchMode & Intent Flag&TaskAffinity LaunchMode launchMo...
    我这小样儿阅读 2,615评论 0 1
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 10,640评论 0 21
  • 我们都生活在宇宙中一个小小的星球上,像是宇宙中的一粒尘埃,唯有通过猛烈的碰撞之后,才可能令人发现我们的存在。别人听...
    恬夏阅读 3,365评论 1 0