- 博客(10)
- 收藏
- 关注
转载 JS中this指向笔记
口诀:箭头函数、new、bind、apply和call、obj. 、直接调用、不在函数里1、箭头函数箭头函数的this不会改变。箭头函数的this是在创建它时外层this的指向。创建箭头函数时,就已经确定了它的this指向。箭头函数内的this指向外层的this。所以要知道箭头函数的this就需要先知道外层this的指向。2、new当使用new关键字调用函数时,函数中的this一定是JS创建的新对象。function Person(name, age) { this.name = n
2022-05-11 10:12:47
187
原创 图片防盗链问题
情景:日常工作中引用一些网站的图片,但是由于这些网站的图片采用防盗链规则,直接引用图片不会展示。原因:服务器会先判断请求头中的信息,如果请求头中有Referer信息,然后根据自己的规则来判断Referer头信息是否符合要求,Referer 信息是请求该图片的来源地址。不符合要求时,图片无法展示。因此,若不发送Referer,也就是没有来源。那么官方那边,就认为是从浏览器直接访问的,所以就能加载正常的图片了。解决方式:在header标签添加: <meta name="referrer" con
2022-04-25 16:12:58
1364
原创 ES6阅读笔记(三)/数值的扩展
字符串的扩展模板字符串是增强版的字符串,用反引号(`)标识。可以当普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。模板字符串中嵌入变量,需要将变量名写在${}之中。`Hello ${name}, how are you ${time}?`上面代码中的模板字符串,都是用反引号表示。如果在模板字符串中需要使用反引号,则前面要用反斜杠转义。let greeting = `\`Yo\` World!`;...
2022-03-30 16:04:18
109
原创 ngx-datatable列表细节属性
1、列表表头操作属性固定显示此处有两个属性:visibleColums【可隐藏属性数组】和notHideColumns【不能隐藏属性数组】html页面prop="operation",ts页面notHideColums:string[] = ['operation']注意:visibleColums数组中的属性也需要在html列表中写出来。2、列表页面表头能否调整宽度大小属性:resizeable,值为true是可调整。 <ngx-datatable-column [resi
2022-03-29 17:06:53
1049
原创 map、forEach、for、for in、for of等的区别
1、map: 一定遍历全部数据,不能通过return结束,消耗性能,不要常用。常用于转换数据结构,比forEach快。使用方法如下:let aa = [1,2,3];let bb = [];let cc = [];let dd = [];bb = aa.map((x)=>({key: x, value: x}));console.log('bb',bb);bb.map((x)=>{x.name='name'});cc = bb;console.log('cc',cc);d
2022-03-29 14:43:04
4006
原创 ES6阅读笔记(二)/变量的解构赋值
数组的解构赋值ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子。let [foo, [[bar], baz]] = [1, [[2], 3]];foo // 1bar // 2baz // 3let [ , , third] = ["foo", "bar", "baz"];third // "baz"le
2021-11-30 13:51:04
293
原创 ES6阅读笔记(一)/let和const
ECMAScript 和 JavaScript 的关系ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现(另外的 ECMAScript 方言还有 JScript 和 ActionScript)。日常场合,这两个词是可以互换的。
2021-11-30 13:50:45
110
原创 FormControl的属性和常用方法
FormControl跟踪独立表单控件的值和验证状态。它和 FormGroup 和 FormArray 是 Angular 表单的三大基本构造块之一。 它扩展了 AbstractControl 类,并实现了关于访问值、验证状态、用户交互和事件的大部分基本功能。参数formState使用一个初始值或定义了初始值和禁用状态的对象初始化该控件。使用方式:form.controls.控件名.stateform.get(‘控件名’).statethis.paramsForm.controls.cust
2021-10-15 18:30:13
6229
原创 FormGroup的属性和常用方法
FormGroup跟踪一组FormControl实例的值和有效性状态。FormGroup把每个子FormControl的值聚合进一个对象,它的key是每个控件的名字。它通过归集其子控件的状态值来计算出自己的状态 。比如,若组中的任何一个控件是无效的,那么整个组就是无效的。FormCroup是Angular中用来定义表单的三大基本构造块之一,就像FormControl、FormArray一样。当实例化FormGroup时,在第一个参数中传入一组子控件。每个子控件会用控件名把自己注册进去。属性cont
2021-10-15 17:42:07
4854
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人