- 博客(10)
- 资源 (1)
- 收藏
- 关注
原创 Angular(7) 学习资料 (6)路由与导航
路由与导航基础Angular 的路由器是一个可选的服务,它用来呈现指定的 URL 所对应的视图。 它并不是 Angular 核心库的一部分,而是在它自己的 @angular/router 包中。 像其它 Angular 包一样,你可以从它导入所需的一切。<base url="/"> : 大多数带路由的应用都要在index.html的 <head&
2019-02-28 15:21:06 704
原创 Angular(7) 学习资料 (5)服务
服务简介服务是一个广义的概念,它包括应用所需的任何值、函数或特性。狭义的服务是一个明确定义了用途的类。它应该做一些具体的事,并做好。Angular 把组件和服务区分开,以提高模块性和复用性。 通过把组件中和视图有关的功能与其他类型的处理分离开,你可以让组件类更加精简、高效。理想情况下,组件的工作只管用户体验,而不用顾及其它。 它应该提供用于数据绑定的属性和方法,以便作为视图(由模板渲染)和...
2019-02-28 15:19:52 241
原创 Angular(7) 学习资料 (4)管道
管道管道把数据作为输入,然后转换它,给出期望的输出。(早期的过滤器)内置管道DatePipe、UpperCasePipe、LowerCasePipe、CurrencyPipe 和 PercentPipe自定管道import { Pipe, PipeTransform } from '@angular/core'@Pipe({ name: 'pipeTest'})export ...
2019-02-28 15:18:43 226
原创 Angular(7) 学习资料 (3)指令
指令在 Angular 中有三种类型的指令:组件 — 拥有模板的指令结构型指令 — 通过添加和移除 DOM 元素改变 DOM 布局的指令属性型指令 — 改变元素、组件或其它指令的外观和行为的指令结构型指令import { Directive, ElementRef, Input, HostListener, OnInit, Renderer2 } from '@angular/co...
2019-02-28 15:16:57 491
原创 Angular(7) 学习资料 (2)组件
组件组件控制屏幕上被称为视图的一小片区域。当用户在应用中穿行时,Angular 就会创建、更新、销毁一些组件。 你的应用可以通过一些可选的生命周期钩子(比如ngOnInit())来在每个特定的时机采取行动。@Component 装饰器会指出紧随其后的那个类是个组件类,并为其指定元数据。组件的元数据告诉 Angular 到哪里获取它需要的主要构造块,以创建和展示这个组件及其视图。@Compon...
2019-02-28 15:13:39 360
原创 Angular(7) 学习资料 (1)
架构Angular 是一个用 HTML 和 TypeScript 构建客户端应用的平台与框架。 Angular 本身就是用 TypeScript 写成的。它将核心功能和可选功能作为一组 TypeScript 库进行实现,你可以把它们导入你的应用中。Angular 的基本构造块是 NgModule,它为组件提供了编译的上下文环境。 NgModule 会把相关的代码收集到一些功能集中。Angula...
2019-02-28 15:12:37 224
原创 什么叫可摇树优化
什么叫可摇树优化摇树摇树是一种消除死代码的方法。这个词最初是由 Rollup 发起的,并逐渐流行开来,但消除死代码的概念却早已存在。webpack 中也涉及了这个概念。应用程序的依赖项是树状结构。树中的每个节点都代表了一个依赖项,这些依赖项为应用程序提供了不同的功能。我们通过消除不需要的依赖项来减少树的节点。这个过程叫摇树。早期我们开发的应用程序依赖项比较少(树苗),随着后续的开发树节点...
2019-02-28 15:10:48 4094
原创 Vue2.6新特性
1. Vue2.6新特性2018-02-05(正月初一) 这天尤大大发布了 2.6 版本,v2.6.0 Macross (直译:超时空要塞)。截至到今天 2018-2-21 这16天已经发布到了 v2.6.6。(春节都不休息,此处应该是捂脸和生无可恋表情)主要包括下面几方面的优化:新特性重要的内部变动Bug修复性能优化我们需要关注的是 新特性 与 重要的内部变动官网地址1.1...
2019-02-28 15:06:51 3316
原创 Vue 2.x为什么不能直接通过下标给数组赋值
Vue为什么不能直接通过下标给数组赋值vue 通过 Object.defineProperty 为对象的每个值循环添加 set 和 get 方法。通过这种数据劫持的方式,配合观察者模式来达到数据的响应。Vue 在组件 beforeCreate 和 created 两个周期之间进行这些处理操作这就解释了下述情况无法生效的原因:因为一开始的时候没有 obj.b 这个参数,所以并没有给他添加相应...
2019-02-28 15:05:13 4075
原创 Vue 预渲染
Vue 预渲染预渲染 VS SSR预渲染更好的 SEO相比 SSR 非常简单,对代码的改造非常小应用的路由比较少或者只需要优化个别路由内容到达时间(time-to-content) 要求不是很高SSR 服务端渲染相对于预渲染,SSR有更快的内容到达时间(time-to-content)开发条件所限:浏览器特定的代码,只能在某些生命周期钩子函数中使用;一些外部扩展库可能需要特...
2019-02-28 14:55:46 1265
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人