高山-景行 - 博客园

2020年8月31日

摘要：实现拼单里面的倒计时。小时、分钟、秒的格式。把组件放在shared下 component中继续导出 sharedModule中导入并导出再导出在parent中引用一下使用rxjs 使用rx的流。组件需要的属性拿一个到期时间减去起始时间，时间差，再去减去流逝的时间开始时间和到期时间。得阅读全文

posted @ 2020-08-31 13:05 高山-景行阅读(371) 评论(0) 推荐(0) 编辑

5-7 操作符和 Async 管道

摘要： rxjs的精彩之处是它可以有一些操作符。它有非常强大的操作符。它不仅仅限于这个表达形式 filter是用来过滤的。然后再用map获取到tabLinkk这个参数。它有一组参数，但是我们只关心 tabLink. 这个流当中本来是一组参数，我只得到tabLink这一个参数批量把param改名字。按住F 阅读全文

posted @ 2020-08-31 12:37 高山-景行阅读(225) 评论(0) 推荐(0) 编辑

2020年8月30日

5-6 rxjs 初步了解

摘要： rxJs并不是专门给angular用的，其实是专门给javascript用的。但是angular深度的集成了rxjs 由于课程有限，并不会对rxjs做深入的剖析，有兴趣的可以看高级课程会花相当大时间去讲解rxjs 支持很多的语言。把脏值检测这个模板child删掉先。 child组件直接删掉一个输阅读全文

posted @ 2020-08-30 23:15 高山-景行阅读(143) 评论(0) 推荐(0) 编辑

5-5 Http 拦截器 HttpInterceptor

摘要：现在所有的请求都需要加icode。不应该是我们请求关心的公共参数的处理使用快捷方式来创建这个类也是一个可注入的，实现了一个接口 request是请求。 HttpHandler是对请求的处理。拦截器可能会有多个，这个请求完就交给下一个去处理。我们这里要把请求的参数加上icode。把请求克隆下阅读全文

posted @ 2020-08-30 21:33 高山-景行阅读(757) 评论(0) 推荐(0) 编辑

5-4 HttpClient 修改

摘要：购买课程后会分配的code 每个月换一次。返回的数据类型是一个可观察的对象指定Rest Client一些变量 $shared表示这里面有的大家都会有。 host里面放的就是慕课网的api服务地址。然后可以选中一个环境，这里选择Imooc 所以刚才定义的host就可以用了返回的是一个json，阅读全文

posted @ 2020-08-30 20:35 高山-景行阅读(186) 评论(0) 推荐(0) 编辑

5-3 Rest API

摘要：请求方法作为动词，请求的url资源，叫做名词。 http规定的状态响应码返回的状态码是201 返回的是201 已创建。 PUT修改操作这个集合的元素，让api显性化。把要修改的id放在url上。失败了，这是因为这是我们用的别人的api服务，是不允许我们修改的。先得到id为1的帖子再修改id 阅读全文

posted @ 2020-08-30 18:27 高山-景行阅读(174) 评论(0) 推荐(0) 编辑

5-2 Postman 和 Rest Client 调试 HTTP

摘要：调试Http的工具这里用了一个变量选择变量发送请求获取id为11的 Authorization是header的一部分。用来鉴权，鉴权填写完会把填写的信息放在headers里面。用于描述的请求，请求携带的数据是个什么样的结构。带的数据是个json。这种是非常常见的。 x-www--fo 阅读全文

posted @ 2020-08-30 17:51 高山-景行阅读(273) 评论(0) 推荐(0) 编辑

5-1 HTTP 概览

摘要：结束阅读全文

posted @ 2020-08-30 17:16 高山-景行阅读(133) 评论(0) 推荐(0) 编辑

4-17 脏值检测（3）

摘要：那么有没有一种情况，就是真的需要在ngAfterViewChecked里面赋值？我们需要导入ngZone。这是Zone.js这个第三方的类库提供的 Zone是浏览器的js运行时，我们会在浏览器中划分N个区域，每个区域运行自己的程序，彼此相互不干扰。这样的话，angular本身运行在一个angula 阅读全文

posted @ 2020-08-30 00:27 高山-景行阅读(198) 评论(0) 推荐(0) 编辑

2020年8月29日

4-16 脏值检测（2）

摘要：小实战来看下增值检测的原理。我们需要新建两个组件和路由。在Home下的components组件上新建parent和child这两个组件。 child 在HomeModule中声明添加路由在parent中调用child组件。注意要修改浏览器的地址。给child加一个属性用get方法当成一阅读全文

posted @ 2020-08-29 23:57 高山-景行阅读(179) 评论(0) 推荐(0) 编辑

4-15 脏值检测（1）

摘要： angular如何得知你组件内部的变化，然后对他的绑定情况去更新视图的呢？ angular会把绑定的东西生成一个表达式组件的生命周期和脏监测的关系。增值检测就会去跑这个树，跑这个树的时候会跑两遍。增值检测之后会进行AfterViewChecked和AfterVIewInit。更新视图之后的方法阅读全文

posted @ 2020-08-29 23:00 高山-景行阅读(148) 评论(0) 推荐(0) 编辑

2020年8月28日

4-14 依赖注入（2）

摘要：创建service服务，用来把数据存取的逻辑从组件当中剥离出来。 home下创建services文件夹在创建index.ts 创建home.service 把home.service导出快捷键生成service类在模板这里输入Home。模板帮我们加了注解@Injectable() 我们把之前写阅读全文

posted @ 2020-08-28 13:15 高山-景行阅读(162) 评论(0) 推荐(0) 编辑

2020年8月27日

4-13 依赖注入（1）

摘要：依赖注入是angular中特别基础和重要的概念。是从java等后端语言借鉴过来的。之前我们已经遇到了。在构造函数内声明变量，注入要写可以被人注入的类，就要加注解那么怎么new出来来呢。是在provider这个数组里。 provider会把这个模块，想要提供的服务，做一些标识。一个是标识符，一个阅读全文

posted @ 2020-08-27 23:49 高山-景行阅读(151) 评论(0) 推荐(0) 编辑

4-12 管道讲解

摘要：在视图上可以方便你变化值的一个方法 Deprecated开头的都是废弃的管道用来处理异步的。在后面讲到Rxjs的时候，是非常有用的处理数字处理国际化把字母变成小写每个单词首字母大写货币单位把某个对象以json的形式输出出来，一般是调试的时候用。百分比字母变成大写日期处理处理国际阅读全文

posted @ 2020-08-27 21:12 高山-景行阅读(146) 评论(0) 推荐(0) 编辑

4-11 路由 URL 和参数下（3）

摘要：先创建组件在创建index.ts导出这个组件在它的上一层再导出出去声明路由children 页面上加router-outlet 点一下，底下的组件就出来了选择快捷点加上样式再加一个参数可以添加多个，但是要起名字路由配置上这个path路径指定outlet 创建home-aux组件阅读全文

posted @ 2020-08-27 15:05 高山-景行阅读(107) 评论(0) 推荐(0) 编辑

2020年8月26日

4-10 路由 URL 和参数（2）

摘要：现在我们是靠重定向，到第一个菜单上面菜单变化，然后就是下面页内容的变化。怎么去得到路由的参数。拼接到url上的，感觉像是url的参数，就是路径参数 routerLink后面接的是一个数组。数组由url的各部分组成的。达到某个调价，手动的跳转到某个页面。router是从routerModule中阅读全文

posted @ 2020-08-26 23:40 高山-景行阅读(212) 评论(0) 推荐(0) 编辑

4-9 路由 URL 和参数（1）

摘要：首页这里点击不同的导航栏，它是首页模块的子路由。这里有可能是从服务器，取回来的菜单。这样我们没有办法直接写在路由列表里了。可以通过定义变量的形式冒号id就是一个变量名例如这里切换的是hot。那么hot就是这个变量值这是路径参数，看起来是路径的一部分开始改造代码创建一个组件Home-de 阅读全文

posted @ 2020-08-26 23:18 高山-景行阅读(203) 评论(0) 推荐(0) 编辑

4-8 路由实战

摘要：先创建根路由快捷键会自动生成下面代码。生成的模板。这里是匹配一个空路径，默认什么都不填写，默认要显示的组件。不存在的路由要显示的页面按照顺序依次解析跟路由应forRoot。其他的模块是forChild 根路径，我们一般是跳转到某一个路径。这里我们先不去演示重定向。默认先定义一个组件。在阅读全文

posted @ 2020-08-26 22:19 高山-景行阅读(116) 评论(0) 推荐(0) 编辑

4-7 路由概念

摘要：切换地址栏是随着变化的感觉就像我们进入了另外一个页面。。它和传统的切换机制还是有区别的。因为它仅仅是体现在地址栏的变化。所有的页面都是组件。在服务器上其实只有一个页面。通过router-outlet实现标签的切换。根组件是这样整个一个区域除了下面不变，上面都是路由切换页面的时候会把对应组件阅读全文

posted @ 2020-08-26 21:49 高山-景行阅读(196) 评论(0) 推荐(0) 编辑

4-5 组件嵌套和投影组件（1）

摘要：在我们的根组件当中，已经把子组件嵌套进来了。根组件作为父组件。然后其他的组件做为子组件。父组件通过input来给子组件设置属性的绑定子组件通过output对外声明的以事件的形式，把我想要传达给父组件的内容告诉父组件，父组件在对应的模板中，就去监听，像下面这种小括号的形式。父组件通过监听子组件的阅读全文

posted @ 2020-08-26 21:05 高山-景行阅读(142) 评论(0) 推荐(0) 编辑

4-6 组件嵌套和投影组件（2）

摘要：把这个去掉接下来要把这个组件做完这个容器组件，理想状态下是它控制这里显示几行几列 div是一个容器支持滚动。设置为网格，现在不设置网格的属性。那些东西我们放在属性里面。比如我们可以做一个input属性，让它可以设置。 grid-gap是每一个区块的间隔。如果多出来了。那么按照行的方式去增阅读全文

posted @ 2020-08-26 00:16 高山-景行阅读(139) 评论(0) 推荐(0) 编辑

2020年8月18日

4-4 组件的事件绑定和样式绑定

摘要：由于没有模板就需要依赖数组，也就是说把style里面的display绑定到变量display上，变量是什么值，那么宿主的style.display就是什么值。这样就进行了样式的绑定。多写几个绑定。把这段代码都删掉，然后测试一下删掉后就光剩下HostBinding了。这俩引用了也不要了。阅读全文

posted @ 2020-08-18 19:00 高山-景行阅读(151) 评论(0) 推荐(0) 编辑

2020年8月17日

4-3 指令的概念（2）

摘要：看下指令怎么写，其实我们就是要得到它的宿主。然后去操作宿主的样式 ElementRef就是得到宿主包装的类要写文档结构就要用Renderer2 这是外面容器的样式再来设置grid-template-areas上面叫做image下面叫做title 然后让他居中。设置宽度为4rem 这样外层容器的指阅读全文

posted @ 2020-08-17 22:26 高山-景行阅读(140) 评论(0) 推荐(0) 编辑

4-2 指令的概念（1）

摘要：结构性指令，可以改变DOM结构，改变html的文编结构。属性型指令：改变宿主的行为，之前在angular中，我们接触的angular内置提供的指令。 ngSwitch是更复杂的逻辑判断， ngClass没有改变文档的结构，只是改变了文档的行为。 ngModel只是进行绑定，没有改变文档的结构。阅读全文

posted @ 2020-08-17 22:23 高山-景行阅读(220) 评论(0) 推荐(0) 编辑

2020年8月16日

4-1 什么是注解

摘要：在函数里面return了一个函数。函数本身的返回值就是函数。装饰器并不是angular独有的它是typeScript的特性。做一个注解做一个表情的注解。让传入的字符串两边个加一个表情符号。在shared目录下新建目录decorators 新建index.ts 函数里面返回另外一个函数阅读全文

posted @ 2020-08-16 23:59 高山-景行阅读(167) 评论(0) 推荐(0) 编辑

公告