琢磨脚阿轲

驼峰式命名法 (camelCase)

首字母小写,其他字母或缩写首许母大写。又受小写驼峰式命名法 (lower camel
case) 。
函数、属性和章程命名一般用当斯写法。

啊嘞嘞可口可乐啃老咯OK哦了加扣扣了咯诺OK啦KKK哦来咯咯小JJ恶魔了来咯抵扣测哦了走咯啊KKKKKKKKKKKKKKK抠图麻木扣了游戏娱乐娱乐欧了哦哦本科OK啦咯咯KKK咯lol咯玩LOL咯我嫌魔lol了扣扣五楼而是恶而恶扣扣了无咯虞姬咯牙来咯五烤鱼考砸了五楼噢噢噢哦哦诺作业

预 (ahead-of-time, AoT) 编译

在包装项目的时候提前编译好下,打包好后可以直接开行,而未是拿编译器打包在行使使得的当儿更编译。生产条件下。

模板表达式 (template expression)

html里面的表达式。Angular会
执行是表达式得到值,并将她赋值给绑定目标的特性,这个绑定目标恐怕是
HTML 元素、组件或指令。

<div [property]="1+1"></div>

Pascal 命名法 (PascalCase)

每个单词或缩写都归因于大写开头,也称大写驼峰式命名法。
类名一般用这写法。

提供商 (provider)

指注入系统依靠提供商来创建依赖的实例。
它将一个搜寻令牌和代码(有时也为“配方”)关联到一块,以便创建依赖值。

结构性指令

监听或者涂改元素的结构,删除或增加dom。如ngIf这个“条件化元素”指令,ngFor这个“重复器”指令。

封装桶

不畏拿一个组件的片文件在一个index.ts一起丢出来供别的地方引用。

├─login
│ ├─login.component.ts
│ ├─login.service.ts
│ ├─login.directive.ts
│ ├─ index.ts

index.ts里面引入 login.component.ts等文件

export * from './login.component.ts'; 
export * from './login.service.ts'; 

别的地方引用

import { loginComponent, LoginService } from '../login';

直接写组件的文件夹会默认寻找下的index.ts

Angular 模块同样可拿组件、服务令等位居一块儿丢出来。

装饰器(decorator | decoration)

就此一个休对路的辞藻:人模狗样。
骨子里就是是拿一个不明不白之物打扮一下让Angular知道它是呀。
@component告诉Angular它是组件,@input告诉Angular它是输入数据,@Injectable告诉Angular它是劳动。

ES5 语言

“ECMAScript 5”的简写,大部分现代浏览器采用的 JavaScript 版本。

ECMAScript 语言

JavaScript统称,有差不多只JavaScript版本。最新批准的 JavaScript
版本是ECMAScript 2016(也称“ES2016”或“ES7”)。

注入器 (injector)

Angular 依赖注入系统 (Dependency Injection System)中的一个目标,
它可以祥和之休养生息存着找到一个命名的“依赖”或者用曾注册之供商
(provider) 创建这样一个据。

即时 (just-in-time, JiT) 编译

浏览器被启动并编译所有的零件和模块,动态运行应用程序。开发过程被利用。

范围化包 (scoped package)

举凡凭Angular的框架源码,它根据不同功能分成不同模块的保,每个包都来必然的作用范围。以@angular开头。

  • @angular/core:核心模块,包含变化监测、依赖注入、渲染等主导作用的代码;
  • @angular/common:通用模块,包含有常用的放开指令的代码;
  • @angular/compiler:编译相关力量;
  • @angular/platform-browser 和 @angular/platform-browser-dynamic
    是与平台相关的,这简单个模块支持 Angular应用运行于浏览器里,对应的还有
    @angular/platform-server,用于服务器端渲染;
  • @angular/forms: 引入表单相关;
  • @angular/http: 网络要相关;
  • @angular/router : 路由相关;
  • @angular/animations: 动画系。

分成模块的利是永不的口舌就不需要引入这保险,比如自己未写动画就毫无引入@angular/animations这个保险。
挥洒外话:和随主题无关的其余几单保险的打算:

  • core-js:
    它是一个polyfill(填充库:不同的浏览器对Web标准的支撑程度呢不比,填充库(polyfill)能帮助我们管这些不同点进行正式化
    ),用于兼容一些尖端的语言特征以配合更多浏览器平台。
  • rxjs:用于解决异步和波成问题,多用来管理接口请求到的数量。
  • zone.js:
    用来提携处理浏览器异步事件之家伙库,Angular的变化检测机制基于这库房实现的,这是必引入的。

模块 (module)

模块是一个内聚的代码块,具有单一用途。就像前者和后端是少数只模块,如果想要交流的言辞通过接口(Angular里面是援)。

借助于注入(dependency injection)

需之物(依赖)直接打提供者(providers)那里将过来用,不待就是未牵动提供者玩。

组件 (component)

一个网页中总体皆可算得组件。
一个按钮或者一个报表都足以是一个零部件,其实组件就一定给汽车零件,一个组件由各种资料(html、css、js等组合),它仅保障我之逻辑。

多少绑定(data binding)

将后台数据显示下,把用户操作转换为数据获得到。

服务 (service)

劳动用于封装不跟其他特定视图相关的多寡及逻辑,或者用于在组件之间共享数据和逻辑。一般用于接口请求或传递数据。

中线命名法 (dash-case)

采取着线 (-) 分隔每个单词,也叫烤串命名法 kebab-case。
命的选择器(例如my-app)和文书称(例如hero-list.component.ts)通常是故着线命名法来定名。

路由器 (router)

经过部署不同之路由,加载不同之零部件或模块,组合成不同的页面。

ECMAScript 2015

简写: ES6 语言
缩写: ES2015 语言

转译(transpile)

管同种样式的 JavaScript(例如 TypeScript)转换成任何一样种植样式的
JavaScript(例如 ES5)的历程。

插值表达式 (interpolation)

管变量插入html中。
ts:

public me = '万年青桐五';

html:

<div>我是{{me}},求带飞。</div> // 我是万年青桐五,求带飞。

视图 (view)

视图是屏幕被一律有点片,用来显示信息并应用户动作,例如点击、移动鼠标和按键。

管道

一个方可拿米做成米饭的函数,管道起及一个变换的意图。
Angular内置有管道:DatePipe、UpperCasePipe、LowerCasePipe、CurrencyPipe和PercentPipe。
也可以从定义管道。
如:
假设

ts:
birthday = 1510156800000;
html:
<p> {{ birthday | date:"yy/MM/dd" }} </p>
转换后:
<p> 2017/11/9 </p>

蛇形命名法

于多独词中为此生划线(_)分隔。也受下划线命名法。

输入性(input)

别的组件传过来的数码,数据值会从沙盘表达式等号右侧的数据源流入这个属于性
。它同出口属性一般作为父子组件传递信息。
人家(父组件)眼里的自:

// 等号右侧往左侧流入
<me [receiver]='别的传来的'></me>

其实自己(子组件)是这么的

@Component({
  selector: 'me'
  ...
})
..
@input()  receiver : string;

ngOnChanges(){
    console.log("传过来的数据",this.receiver); // 打印出来‘别的传来的’
}

但是察对象 (observable)

在接口请求的时候会用到,将异步数据转发为数据流,自身为可以很成有自定义之数据流。它是引自的RxJS(Reactive
Extensions for JavaScript),一个叔方包。

路由组件 (routing component)

一个带有路由插座 ( RouterOutlet ) 的 Angular 组件。
那什么是路由插座?其实可以掌握呢咱平素因故的插排,每个孔都是一个路由,插上是漏洞的电器是路由对应之零件。这个插座加上插上的电器才是咱想只要之机件。

路由插座怎么用?里面的经过是哪些的?看下。
文本显示如:
├─list
│ ├─list.component.ts
│ ├─list.routes.ts
│ ├─lol
│ │ ├─ lol.component.ts // 里面包含了html,css等

list.component.ts

@Component({
  ..
  template: '
    <h1>拥有路由插座的组件</h1>
    <router-outlet></router-outlet>
  '
})

list.routes.ts

import { ListComponent } from './list.component';
import { LolComponent } from './lol/lol.component';

export const listRoutes = [{
     path: 'list',
        component: ListComponent,
        children: [
            {
                path: 'lol', 
                component: LolComponent
            }
}]

第一是匹配到list路出于,这时候发现list的html里面有路由插座(router-outlet),就错过找子路由,根据子路由将相应之组件插入到路由插座的职。

出口属性

透过触发父组件的事件进行传递数据。
事件流于这个特性流出到模板表达式等号的右边的收信人。
子组件ts

@Output() sendHero: EventEmitter<any> = new EventEmitter();

ngOnInit() {
    this.sendHero.emit('timo');
}

父组件:

html:
<me (sendHero)="getHero($event)"></me>
ts:
getHero(hero :string){
   console.log("传递过来的是哪个召唤师",hero); //传递过来的是提莫
}

模板 (template)

实际上就算是只html

@Component({
  template: `<div>其实就是个html</div>`
})

生命周期钩子 (lifecycle hook)

差时段可举行什么工作。比如20分钟才可以打大龙。

  • ngOnChanges – 以输入属性 (input)/输出属性
    (output)的绑定值发生变化时调用。
  • ngOnInit – 以第一赖ngOnChanges完成后调用。
  • ngDoCheck – 开发者自定义变更检测。
  • ngAfterContentInit – 于组件内容初始化后调用。
  • ngAfterContentChecked – 在组件内容每次检查后调用。
  • ngAfterViewInit – 于组件视图初始化后调用。
  • ngAfterViewChecked – 在组件视图每次检查后调用。
  • ngOnDestroy – 于命令销毁前调用。

响应式表单 (reactive forms)

经过组件中代码构建 Angular 表单的同等栽技术。 另一样栽技术是模板驱动表单。
构建响应式表单时:

  • 组件是“真理的根源”。表单验证在组件代码中定义。
  • 当组件类吃,使用new FormControl()或者FormBuilder显性地开创每个控件。
  • 模板被的input元素不使用ngModel。
  • 相互关联的 Angular
    指令全部以Form开头,例如FormGroup、FormControl和FormControlName。

动态表单非常强劲、灵活,它于纷繁数据输入的状况下更好用,例如动态的变更表单控制器。

指令 (directive)

告诉Angular怎么开创或者改HTML 元素。
分成三类:

  • 属于性型指令
  • 结构性指令
  • 组件

属性型指令

监听或改动外 HTML 元素、特性 (attribute)、属性
(property)、组件的表现之一声令下,通常作为修改 HTML 属性(样式等)。
如ngClass、ngStyle。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website