今天完成的事情： 

看文档尝试做页面1
明天计划的事情：

任务6的3个页面
遇到的问题：

无 

收获：

Ng g service (创建服务项目)

服务项目文档解释是：

组件不应该直接获取或保存数据，它们不应该了解是否在展示假数据。 它们应该聚焦于展示数据，而把数据访问的职责委托给某个服务。

服务是可以在其他组件使用。

注意如果你要引用服务项目的话需要在你的组件模块文件位置进行引入

如图：

在app.module.ts里面配置服务。首先引入后要配置服务上面那个是引入服务下面的是专门配置服务模块的。

后台数据

在创建服务项目模块创建个函数在search文件项目进行引用。

步骤如下

首先如果你想在那个项目中引用就必须在它的ts文件里面进行配置

Import{ StorageService} fom '../../services/storage.service';

这里要注意在配置的时候要注意文件目录在哪../是返回上级一目录。

在其他组件调用函数

如图

就是在constructor()里面 创建一个public storage: StorageService 这个我是这么理解用来调用那个模块的里面的函数。

然后在下面创建一个表里类给予赋值。

This.storage.get().这行代码意思应该是this 找到 storage项目里面的函数调用 并且把值符给S 然后打印看成功没如图

然后就打印出来了。

深度思考任务一id和class有什么区别

我们知道前端CSS用的最多的就是class，同时class可以在多个div里面引用也就是说无限使用，而id只能在一个div里面引用只能用一次，如果你下个div和上面的div是同一个属性的话，那么如果你用的是id那么就只能再创建一个id类来引用到这个div里面去了。

根据文档解释

class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本：一个Class可以定义剧本中每个人物的故事线，你可以通过CSS， javascript等来使用这个类。因此你可以在一个页面上使用class="Frodo" ，class="Gandalf"， class="Aragorn"来区分不同的故事线。还有一点非常重要的是你可以在一个文档中使用任意次数的Class

而ID，通常用于定义页面上一个仅出现一次的标记。在对页面排版进行结构化布 局时（比如说通常一个页面都是由一个页眉，一个报头< masthead>，一个内容区域和一个页脚等组成），一般使用ID比较理想，因为一个ID在一个文档中只能被使用 一次。而这些元素在同一页面中很少会出现大于一次的情况。通过js让一个css带有指定id那么JS可以通过：

var a = document.getElementById('ID名称');来获取用来改变HTML文档或者css属性

而class

var a = document.getElementsByClassName('类名称');

他们的引用的的用法也是不一样的

在JQ里面引用的用法也是不一样的，如果ID引用的是$('#id')而class$('.class')

这要注意下 classs是属于数组的在引用的时候必须要有数组的样式如a[0]代表第几个。