前端后端一锅端3

前端后端一锅端3
混入,,不太好理解 。2022/12/27
合并:啥东东?
RxJS?:RxJS 是一个库,它通过使用序列来编写异步和基于事件的程序
.js, 推送模型 2022/12/28
List item
, , data , ,, ,
是 1, : 模块、组件和服务;如果僅僅用於PC 端的WEB開發,1.x足以應對; 如果是用於app ,在用戶體驗方面,略顯捉襟見肘; 1 代碼是基於寫的;在1 中,最為常用的是 $scope 在2和4中被去掉了 。在新版本中,更多推崇的是和 , 通過對組件的split(分割),從而實現代碼的復用,就是ng-开头的,就是三套架构里的其中之一;
和.js介绍
.x统称为.js,而及其以后的版本都命名为 。
从两种项目开发上来看区别有以下几点:
第一点: 编程语言不同,在1中用的是,可以在浏览器环境直接运行;在2中用的是,它是的超集,需要用构建工具编译后才可以执行 。
第二点: 结构不同,在1中一般是一个html(视图)文件和一个js文件(控制器)组成一个小组件,在.js文件注册;在2中用多个ts文件构成一个小组件 。
第三点: 作用域不同,在1中$scope控制作用域,在2中用zone.js监控 。
第四点: 指令不同,在1中用ng-model,ng-xxx一系列规定属性,也类似与vue的v-model
在2中用*ngIf等格式描述 。
第五点: 依赖注入,在2中有了,依赖注入有点类似于java中注解用法 。
第六点: 在2中有了明确的生命周期 。
2010年,发行了 1.0也就是 JS(用JS写的开源框架),是专门为了单页面网页app设计的
2013年10月宣布初版-2016年9月发布
2.0最终版本;2.0并非是/1.0的升级版,而是完全重新编写的一个版本 。它支持兼容移动设备,且允许开发者选择诸如ES5, ES6或则的开发语言来编码
never: never只能被never赋值, never可以赋值给其它类型
任意类型,null, ,
let, const, 解构:其实广义上的赋值,形式上满足即可
rest参数语法(“…变量名”),实现可变长参数
函数默认参数,如果放在必传参数之前则必须显式传入
和 中的this的概念, 箭头函数对this的绑定实在定义时
参数属性:声明跟赋值放一块 2022/12/29
模块的默认导出: 模块导出??再细看
使用模块包装进行扩展
函数类型接口:参数个数一样,类型一样,名称可以不一样
索引签名:
类类型接口,接口扩展
装饰器:这种设计,短时间还接受不了…
属性绑定,事件绑定,插值:数据流动单向
双向绑定
2022/12/30,2022年最后一天工作日
npm--f //-f or --forcewill force npm to fetcheven if a local copyon disk

前端后端一锅端3

文章插图
ng serve --open ng serve 命令会启动开发服务器、监视文件,并在这些文件发生更改时重建应用–open(或者只用 -o 缩写)选项会自动打开你的浏览器,并访问 :4200/
.app.json. it’s just anfile thatyou toyouron an app basis. this is e.g.when you haveapps in the same -cli .you could have the rootwith the .json and then a subapp-a with a .app.json file andapp in the sub- app-b with it’s own .app.json, whichaof the.
.spec.json:for thetests.
组件
一个以该组件命名的文件夹
一个组件文件 ..ts
一个模板文件 ..html
一个 CSS 文件,..css
测试文件 ..spec.ts
组件文件 ..ts
import { Component } from '@angular/core';@Component({//装饰器selector: 'app-soap-ws',//选择一个 CSS 选择器templateUrl: './soap-ws.component.html', //HTML 外部模板 或者直接在这里定义template: 'Hello World!',//让模板跨越多行,可以使用反引号(`)styleUrls: ['./soap-ws.component.css']//为组件的模板选择样式, 直接写这里styles 属性styles: ['h1 { font-weight: normal; }'] ,styles 属性接受一个包含 CSS 规则的字符串数组})export class SoapWsComponent {//导出}