weixin_45553145的博客

原创 vscode & git 配置

git

原创 Angular 在 TS中转换时间

Angular 在 TS中转换时间

原创 Angular router

Angular router

原创 Angular 父子传值

Angular 父子传值

原创 Angular 图片上传并显示在src

生成afeUrl类型图片

原创 Ts AnyScript

1.泛型关于如何解释泛型，我看到的最好的一句话概括把明确类型的工作推迟到创建对象或调用方法的时候才去明确的特殊的类型，简单点来讲我们可以将泛型理解成为把类型当作参数一样去传递。function NOType<T>(event: T): T { return event } this.NOType('zhangsan')//调用NOType1时传入event，函数会自动推导出泛型T为string，自然arg类型为T，返回 值类型也为T// 同理，当然你也可以显示声明

原创 Angular Mat 树重新渲染性能问题需要太多时间

const data = this.dataSource.data; this.dataSource.data = []; this.dataSource.data = data;在子树上使用 *ngIf 而不是 class.sub-tree-invisible 进行树选择。<ul [class.tree-invisible]="!treeControl.isExpanded(node)">将其更改为<ul *ngif="treeControl.isExp...

原创 地址提示.

ngAfterViewInit() { this.getPlaceAutocomplete(); } private getPlaceAutocomplete() { const autocomplete = new google.maps.places.Autocomplete(this.addresstext.nativeElement,//输入东西提示的dom { componentRestrictions: { cou..

原创 转类型.....

var a = b.fromJS( { // fromJS转类型id: id,name: undefined})

原创 整体布局颜色设置

declare const tinycolor: any;export interface Color {name: string;hex: string;darkContrast: boolean;}export class ThemeColorsService {// primaryColor = '#012135';// // primaryColor = '#f44336';// accentColor = '#590a3e';// warnColor = '#f44336'

原创 分页方法.............

1 下拉到底部再加载一部分 count: number = 20 isLoading: boolean = false; currentScrolltop: number = 0; HitBottomLine: boolean = false; ProductListItem: ProductListItem[] = [] if (this.currentScrolltop < event.target.scrollTop && event.targe

原创 angular 找到dom

1 用class找到 import { ElementRef} from '@angular/core'; private el: ElementRef, this.el.nativeElement.querySelector('.domclass')2.指定位置找到<div #div3></div>import { ViewChild} from '@angular/core';@ViewChild('div4', { static: false }) d3:

原创 arry.splice()添加删除

array.splice(index, howmany, item1, …, itemX)方法index 必需。整数，指定在什么位置添加/删除项目，使用负值指定从数组末尾开始的位置。howmany 可选。要删除的项目数。如果设置为 0，则不会删除任何项目。item1, …, itemX 可选。要添加到数组中的新项目。两个元素换位子function swapArr(arr, index1, index2) { arr[index1] = arr.splice(index2, 1, ar

原创 页面滚动到dom的位置

scrollIntoViewOptions 可选一个包含下列属性的对象：behavior 可选 定义动画过渡效果， "auto"或 "smooth" 之一。默认为 "auto"。block 可选 定义垂直方向的对齐， "start", "center", "end", 或 "nearest"之一。默认为 "start"。inline 可选 定义水平方向的对齐， "start", "center", "end", 或 "nearest"之一。默认为 "nearest"。示例

转载 angular条形码

https://www.npmjs.com/package/ngx-barcodehttps://yobryon.github.io/ngx-barcode/demo/ngx-barcodeA barcode component for Angular4+.Featuressupports all barcode formats provided by JsBarcode CODE128 EAN CODE39 ITF-14 MSI Pharmacod

原创 js打印打印打印打印

const css =`var mywindow = window.open('', 'PRINT', 'width=auto,height=auto,scrollbars=no,menubar=no,toolbar=no,location=no,status=no,titlebar=no');if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1) { mywindow!.document.write(this.Prin

原创 返回上一级

window.history.go(-1)

转载 Keycode对照表（键码对照表）

<input matInput (keypress)="($event.which === 13)?search():0"> 或者 if(event.keycode==13){ Jump() }

转载 js生成guid（唯一标识码）

function S4() { return (((1+Math.random())*0x10000)|0).toString(16).substring(1); }; // Generate a pseudo-GUID by concatenating random hexadecimal. function guid() { return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4()); };

原创 字符串位数补齐

polish(num: any, n: number) { var len = num.toString().length; //num的值转换成字符串并且将它的长度赋值 while (len < n) { //n是总位数 num = "0" + num; len++; } return num; }

原创 焦点 动态值 选中

原创 正则表达式

/^(([1-9]{1}\d*)|(0{1}))(.\d{0,2})?$/.test(a) 整数或1到两位小数

原创 Angular进入页面到最底部

Angular进入页面到最底部在这里插入代码片import { AfterViewChecked, Component, ElementRef, Inject, OnInit } from '@angular/core'; private el: ElementRef, const ifamed = this.el.nativeElement.querySelector('.ifamed'); ifamed.scrollTop = ifamed.scrollHeight;...

转载 js array数组对象操作方法汇总

js 数组对象操作方法如下：创建数组var array1 = [1,2] //方法一var array2 = new Array() //方法二array[0] = 1;array[1] = 2;2.遍历数组 for循环 和for…in 循环复制代码var array1 = [1,2];var l = array1.length;//for循环for(var i=0;i< l;i++){console.log(array1 [i]);}//for…in 循环fo

原创 Angular Material Tree

Angular Material Tree Add Delete Edit 效果如下：![在这里插入图片描述](https://img-blog.csdnimg.cn/b50854fc2b63408dac6fc35a50b224e0.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5YmN56uv5bCP5LmM6b6f,size...

原创 尝试创建一个父类，在父类中创建两个方法，在子类中覆盖第二个方法，为子类创建一个对象，将他向上转型到基类并调用这个方法。

在这里插入图片描述

原创 **JAVA中使用字符串生成器，将字符串str追加1~10这10个数字**