- 博客(27)
- 资源 (1)
- 收藏
- 关注
原创 Ts AnyScript
1.泛型关于如何解释泛型,我看到的最好的一句话概括把明确类型的工作推迟到创建对象或调用方法的时候才去明确的特殊的类型,简单点来讲我们可以将泛型理解成为把类型当作参数一样去传递。function NOType<T>(event: T): T { return event } this.NOType('zhangsan')//调用NOType1时传入event,函数会自动推导出泛型T为string,自然arg类型为T,返回 值类型也为T// 同理,当然你也可以显示声明
2022-05-28 23:18:28
121
原创 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...
2022-01-17 11:33:01
405
原创 地址提示.
ngAfterViewInit() { this.getPlaceAutocomplete(); } private getPlaceAutocomplete() { const autocomplete = new google.maps.places.Autocomplete(this.addresstext.nativeElement,//输入东西提示的dom { componentRestrictions: { cou..
2022-01-14 11:51:14
122
原创 整体布局颜色设置
declare const tinycolor: any;export interface Color {name: string;hex: string;darkContrast: boolean;}export class ThemeColorsService {// primaryColor = '#012135';// // primaryColor = '#f44336';// accentColor = '#590a3e';// warnColor = '#f44336'
2022-01-14 11:26:35
1812
原创 分页方法.............
1 下拉到底部再加载一部分 count: number = 20 isLoading: boolean = false; currentScrolltop: number = 0; HitBottomLine: boolean = false; ProductListItem: ProductListItem[] = [] if (this.currentScrolltop < event.target.scrollTop && event.targe
2022-01-14 11:21:32
120
原创 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:
2022-01-14 11:12:03
223
原创 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
2022-01-14 10:59:01
114
原创 页面滚动到dom的位置
scrollIntoViewOptions 可选一个包含下列属性的对象:behavior 可选 定义动画过渡效果, "auto"或 "smooth" 之一。默认为 "auto"。block 可选 定义垂直方向的对齐, "start", "center", "end", 或 "nearest"之一。默认为 "start"。inline 可选 定义水平方向的对齐, "start", "center", "end", 或 "nearest"之一。默认为 "nearest"。示例
2022-01-13 14:24:09
231
转载 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
2022-01-05 10:49:37
411
原创 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
2022-01-05 10:45:37
496
转载 Keycode对照表(键码对照表)
<input matInput (keypress)="($event.which === 13)?search():0"> 或者 if(event.keycode==13){ Jump() }
2021-12-30 12:21:59
203
转载 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()); };
2021-12-30 12:11:57
522
原创 字符串位数补齐
polish(num: any, n: number) { var len = num.toString().length; //num的值转换成字符串并且将它的长度赋值 while (len < n) { //n是总位数 num = "0" + num; len++; } return num; }
2021-12-30 12:04:43
671
原创 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;...
2021-12-24 10:31:17
437
转载 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
2021-12-04 00:23:38
387
原创 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...
2021-12-04 00:06:57
1156
vue-cli搭建脚手架.doc
2021-06-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人