发表于: 2020-05-31 23:43:51
1 2346
今天
页面样式补完,使用框架调试好样式,查了下router-outlet的作用,只知道是跳转用的路由相关属性。
可以直接理解为router-outlet就是拿来跳转的,当写好了跳转路径,在该页面点击时就会使router-outlet所在的位置跳转为想要的页面。
自己写了个
结果是可以的,没啥问题。任务6算完成。对于组件现在算是有一个很好的理解了,组件,组装的物件,组装成一个页面的配件,对于url的跳转和路由也算是清晰了。
开始任务7.
再看文档时,看到一个rest风格,
REST架构风格描述了六个约束。应用于体系结构的这些约束最初由Roy Fielding在他的博士论文中传达
粗略看了下,大概就是一种风格,规定了各种条件下的返回值,写法什么的,
下面搬知乎的首个回答
REST本身不是架构,只是一种架构风格,理解它的时候要参考这个架构风格出现的环境所施加的约束条件。
搬自知乎:https://www.zhihu.com/question/33959971/answer/6028013
REST的目的是“建立十年内不会过时的软件系统架构",所以它具备三个特点:
1. 状态无关 —— 确保系统的横向拓展能力
2. 超文本驱动,Fielding的原话是”hypertext-driven" —— 确保系统的演化能力
3. 对 resource 相关的模型建立统一的原语,例如:uri、http的method定义等 —— 确保系统能够接纳多样而又标准的客户端
关于使用httpclient,首先导入模块,一般在根模块内导入,imports里面加入
同样可以注入到构造函数中充当参数constructor(private http: HttpClient) { },但是作用没搞懂。
关于使用get()方法,有些没看懂,文档里是直接 getConfig() { return this.http.get(this.configUrl);}
没理解这个getconfig是特定写法还是自定义的。想来应该是自定义的,该例子是获取一个config.json文件,配置服务啥的,没看懂。。angular文档老是搞这些不够实在的例子。怪我太小白咯...
在angular文档看不懂get方法。百度搜索到的博客是这么说的:
使用this.myhttp.get('http://192.168.2.139:9002/api/patients')方法
因为get方法是通过AJAX方法读取数据的,所以服务器要可以跨域访问
this.myhttp.get('http://192.168.2.139:9002/api/patients')
.subscribe(data => {23 this.myPatientList = (<any>data).map(u => new Patient({
其娘之,看不懂就是看不懂。又陷入一个套娃连环中,继续搜索了。
其中订阅(Subscribe)
根据字面理解:这个 激活的 参数 订阅 (参数=>){某参数}
搜索了一下,又出现了一个钩子的概念。。啥是钩子:
生命周期钩子就是Angular中一个组件从 被创建到销毁期间 的一些有意义的关键时刻.
这些关键时刻在Angular中被Angular核心模块 @angular/core 暴露出来,赋予了我们在它们发生时采取行动的能力。
ngOnInit是 Angular 组件生命周期中的一个钩子,Angular 中的所有钩子和调用顺序如下:
- ngOnChanges —— 当数据绑定输入属性的值发生变化时调用
- ngOnInit —— 在第一次 ngOnChanges 后调用
- ngDoCheck —— 自定义的方法,用于检测和处理值的改变
- ngAfterContentInit —— 在组件内容初始化之后调用
- ngAfterContentChecked —— 组件每次检查内容时调用
- ngAfterViewInit —— 组件相应的视图初始化之后调用
- ngAfterViewChecked —— 组件每次检查视图时调用
- ngOnDestroy —— 指令销毁前调用
其中: ngOnInit() 、 ngAfterContentInit() 、 ngAfterViewInit() 和 ngOnDestroy() 在一个组件的生命周期中只会被调用一次,其它的都有可能会被多次调用.
然后啥是组件生命周期?
Angular的每一个组件都存在一个生命周期,从创建,变更到销毁,就是一个组件的完整的生命周期。Angular提供组件生命周期钩子,把组件在生命周期种的这些关键时刻暴露出来,赋予在这些关键结点和组件进行交互的能力。
明天
继续解决这些俄罗斯套娃。。当我以为只要解决如何获取json问题就完事的时候我只看到了第一层,而angular在第五层,老千层饼了。
问题和收获
一个一个概念解析,了解为啥这么写,作用在哪,虽然搜索起来很繁琐,但是有所收获,也意识到了基础的深度不足,很多都是js活着jq方面的知识,但是看不懂。
今天的收获主要是关于路由方面,理解加深了一些,对于组件间的切换(比跳转贴切)熟悉了些,但是深度应用还莫得,看了下扒的开源项目,还有几种跳转方式需要学习。
评论