TypeScript
文章平均质量分 60
lvxinaidou
这个作者很懒,什么都没留下…
展开
-
Angular 7 升级到Angular 12
angular升级原创 2022-07-27 08:13:32 · 647 阅读 · 0 评论 -
Angular 14微前端项目构建
angular 14微前端项目构建原创 2022-07-19 17:15:28 · 1304 阅读 · 0 评论 -
Angular 项目的搭建步骤
快速搭建angular项目原创 2022-07-08 12:57:11 · 1955 阅读 · 2 评论 -
取出中括号里面的字符串
原创 2022-02-09 19:34:47 · 549 阅读 · 0 评论 -
纯前端下载表格多sheet
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body> <script src="js/xlsx.min.js"></script> <script src="js/xlsx.full.min.js"></script> <原创 2022-01-27 11:27:44 · 1134 阅读 · 0 评论 -
echarts-tree-动态加载
html<section class="welcome-page"> <div> <nz-range-picker [(ngModel)]="date" (ngModelChange)="onChange($event)"></nz-range-picker> </div> <span class="tree"> <nz-tree [nzData]="nodes" nzCheckab原创 2022-01-23 16:18:08 · 945 阅读 · 0 评论 -
学习 RxJS 操作符
学习 RxJS 操作符( Learn RxJS中文版)原创 2022-01-05 14:37:39 · 899 阅读 · 0 评论 -
Angular指令
1. 上面是指令指令是为 Angular 应用程序中的元素添加额外行为的类。使用 Angular 的内置指令,你可以管理表单、列表、样式以及要让用户看到的任何内容。2.指令分类Angular 指令的不同类型如下:组件 —— 带有模板的指令。这种指令类型是最常见的指令类型。属性型指令 —— 更改元素、组件或其他指令的外观或行为的指令。结构型指令 —— 通过添加和删除 DOM 元素来更改 DOM 布局的指令。内置属性指令: ngClass, ngStyle,ngModel内置结构指令: ng原创 2022-01-04 15:12:39 · 893 阅读 · 0 评论 -
Angular指令-结构性指令(*ngTemplateOutlet)使用
1.常规写法//默认值$implicit, 如果let-定义的变量,没有值,就会读取默认的$implicit的值 tryObj = { $implicit: 'test default', value:'test', key: '1' }<ng-container [ngTemplateOutlet]="try" [ngTemplateOutletContext]="tryObj"></ng-container>// let-trylet 取得原创 2022-01-04 13:19:02 · 533 阅读 · 0 评论 -
table-rowspan
import { Component, OnInit } from '@angular/core';import { NzMessageService } from 'ng-zorro-antd/message';import { WelcomeService } from './services/welcome.service';import * as _ from 'lodash';import { LoadingService } from 'src/app/core/loading/l原创 2022-01-03 21:38:10 · 1037 阅读 · 0 评论 -
typescript-装饰器
1.定义一个装饰器,装饰器下面的函数会自动触发app.component.html<button nz-button nzType="primary" (click)="method(obj)">decorator</button>app.component.tsimport { Component, OnInit,} from '@angular/core';import { Color } from './core/learn-decorator';@Compone原创 2021-12-30 15:17:26 · 596 阅读 · 0 评论 -
typescript--泛型
// 普通接口里面有泛型函数, 接口里的函数是泛型函数// 函数参数和函数返回类型,泛型函数在函数的括号前加<T> // Array<T>interface testObj1 { <T>(arg:T):T,}// 泛型函数function testFunction1<T>(arg: T): T { return arg;}let usage1 : testObj1 = testFunction1;// 另一种写法int.原创 2021-12-27 16:22:34 · 244 阅读 · 0 评论 -
HTTP请求
设置后端地址已经静态资源地址export const environment = { production: false, BASE_URL: 'http://10.61.177.108:8080', ASSETS_URL: '../assets/jsons'};设置请求的接口地址export class WelcomeConstant { public static REG_FINGING_DETAILS = 'reg-fing-details.json';}.原创 2021-12-19 10:25:52 · 178 阅读 · 0 评论 -
Angular 8 组件的生命周期-AfterContent
Angular 8 组件的生命周期-AfterContent1.响应被投影内容的变更2.学习地址1.响应被投影内容的变更内容投影是从组件外部导入 HTML 内容,并把它插入在组件模板中指定位置上的一种途径。 可以在目标中通过查找下列结构来认出内容投影。这个 AfterContent 例子探索了 AfterContentInit() 和 AfterContentChecked() 钩子。Angular 会在把外部内容投影进该组件时调用它们。使用 AfterContent 钩子AfterConten原创 2021-12-14 21:18:51 · 720 阅读 · 0 评论 -
Angular 8 组件的生命周期-AfterView
Angular 8 组件的生命周期-AfterView1.响应视图的变更2.学习地址:1.响应视图的变更当 Angular 在变更检测期间遍历视图树时,需要确保子组件中的某个变更不会尝试更改其父组件中的属性。因为单向数据流的工作原理就是这样的,这样的更改将无法正常渲染。如果你需要做一个与预期数据流反方向的修改,就必须触发一个新的变更检测周期,以允许渲染这种变更。这些例子说明了如何安全地做出这些改变。AfterView 例子展示了 AfterViewInit() 和 AfterViewChecked原创 2021-12-14 20:52:57 · 1034 阅读 · 0 评论 -
Angular 8 组件的生命周期-ngOnChanges
Angular 8 组件的生命周期-ngOnChanges1. 使用变更检测钩子2.学习地址:1. 使用变更检测钩子一旦检测到该组件或指令的输入属性发生了变化,Angular 就会调用它的 ngOnChanges() 方法。 这个 onChanges 范例通过监控 OnChanges() 钩子演示了这一点。ngOnChanges() 方法获取了一个对象,它把每个发生变化的属性名都映射到了一个SimpleChange对象, 该对象中有属性的当前值和前一个值。这个钩子会在这些发生了变化的属性上进行迭代,原创 2021-12-13 21:33:29 · 3411 阅读 · 0 评论 -
Angular 8 组件的生命周期-指令的生命周期
Angular指令的生命周期1. 使用指令来监视 DOM2. 同时使用组件和指令的钩子3. 学习地址1. 使用指令来监视 DOM可以深入了解你无法直接修改的 DOM 对象。你无法触及内置 的实现,也无法修改第三方组件,但是可以用指令来监视这些元素。你可以把这个侦探指令写到任何内置元素或组件元素上,以观察它何时被初始化和销毁。app.module.ts表单要加入FormsModule, 引入自定义指令SpyDirectiveimport { NgModule } from '@angular/c原创 2021-12-12 20:06:02 · 450 阅读 · 0 评论 -
Angular 8 组件的生命周期
组件的生命周期1. 什么是生命周期2. 生命周期钩子分类2.1 指令与组件共有的钩子2.2组件特有的钩子3. 生命周期的顺序3.1 实例3.2 运行效果:4.学习地址1. 什么是生命周期生命周期函数通俗的讲就是组件创建、组件更新、组件销毁的时候会触发的一系列的方法。当 Angular 使用构造函数新建一个组件或指令后,就会按下面的顺序在特定时刻调用这些 生命周期钩子方法。每个接口都有唯一的一个钩子方法,它们的名字是由接口名再加上ng前缀构成的,比如OnInit接口的钩子方法叫做ngOnIn原创 2021-12-03 19:40:58 · 572 阅读 · 0 评论 -
JS面向对象的理解
JS面向对象的理解1.理解对象1.1.new 操作符 + Object 创建对象1.2.字面式创建对象2.创建对象2.1.工厂模式2.2.构造函数模式2.3.原型模式2.4.组合使用构造函数模式和原型模式2.5.动态原型模式2.6.寄生构造函数模式2.7.稳妥构造函数模式3.继承3.1.原型链3.2.借用构造函数3.3.组合继承3.4.原型式继承3.5.寄生式继承3.6.寄生组合式继承4.学习地址1.理解对象1.1.new 操作符 + Object 创建对象var person = new Objec原创 2021-11-21 22:11:41 · 1411 阅读 · 0 评论 -
Vue基础使用
Vue基础1. Vue概述2. Vue基本使用2.1 传统开发模式对比2.2 Vue.js之HelloWorld基本步骤2.3 Vue.js之HelloWorld细节分析2.4 Vue.js之HelloWorld实例3. Vue模板语法3.1 模板语法概述3.2 指令3.3 双向数据绑定指令3.4 事件绑定3.5 属性绑定3.6 样式绑定3.7 分支循环结构4. 基础案例5. Vue常用特性5.1 常用特性概览5.2 表单操作5.3 自定义指令5.4 计算属性5.5 侦听器5.6 过滤器5.7 生命周期6.转载 2021-05-29 11:17:04 · 107 阅读 · 0 评论 -
ng-content、ng-template、ng-container使用及区别
ng-template、ng-content、ng-containerangular之ng-container 、ng-template、ng-content的使用原创 2020-11-19 12:55:00 · 2080 阅读 · 0 评论 -
TypeScript前端数据结构管理
TypeScript前端数据结构管理一、const1.1定义1.2使用二、class2.1定义2.2使用三、 enum3.1定义3.2使用四、Interface4.1定义4.2使用五、效果说明:以一个学生为对象例子。一、const1.1定义单个常量export const STUDENT_NAME = 'lvxin';多个静态值(常量)export class StudentConstant { public static id = 1; public static deta原创 2020-06-11 17:02:24 · 296 阅读 · 0 评论