- 博客(38)
- 收藏
- 关注
原创 箭头函数中的this
//箭头函数的this是在函数定义的时候绑定,this是继承自父执行上下文中的thisvar x = 11;var obj = { x: 22, say: () => { console.log(this.x); //这里的箭头函数本身与say平级,本身所在对象为obj,而obj的父执行上下文就是window },};obj.say(); //11var obj = { birth: 1990, getAge: function () { va
2022-03-22 14:10:24
252
原创 JS中的this
//在函数中直接调用function get(content) { console.log(content);}get("Hi");//上面这个是下面这个的简写语法糖get.call(window, "Hi");//函数作为对象的方法 被调用var person = { name: "Joshua", run: function (time) { console.log(`${this.name},run time:${time}`); },};person.ru
2022-03-21 12:26:56
257
原创 JS预编译
JS在执行前,先进行了预编译。AO对象AO对象全称为:activation object (活跃对象/执行期上下文),在函数执行前执行函数预编译,此时会产生一个AO对象,AO对象保存该函数的参数变量。函数预编译步骤产生AO对象将函数的参数以及函数里面声明的变量当做AO对象的属性名,值全部为undefined。将实参的值赋值给形参。在函数里面声明的函数,函数名作为AO对象的属性名,值赋值给函数体。(若参数名和函数名重叠,则函数体值会覆盖参数值)————————————————版权声明:本文为
2022-03-15 11:43:06
358
原创 Promise
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <scri
2022-03-07 11:49:14
135
原创 Everything works exactly like I would expect it to.
Everything works exactly like I would expect it to.
2022-01-21 14:32:08
274
原创 Learning React.js Note 5 - React Enhancements
Updating with the useEffect dependency arrayFetching data with useEffectUsing useReducerDeploying a React app
2021-12-27 16:19:12
283
原创 Learning React.js Note 4 - React State with Hooks
Understanding array destructuring了解数组解构Using useStateUsing multiple state variablesWorking with useEffect
2021-12-27 11:43:39
251
原创 偶尔的有感而发
语言是用来沟通的,英语作为一门语言,是用来沟通,用来消除信息差,而不是用来做题的。语法就是为了方便理解内容而生,逐步约定俗成的,而不是为了难倒学生。
2021-12-27 11:31:36
148
原创 Learning React.js Note 3 - React Components
Creating a React componentUnderstanding propertiesComposing componentsRendering listsRendering list of objectsAdding keysConditional renderingReact fragments
2021-12-24 10:26:55
374
原创 Learning React.js Note 2 - React Elements
import React from "react";import ReactDOM from "react-dom";import "./index.css";ReactDOM.render( React.createElement("h1", { style: { color: "red" } }, "Hello123!"), document.getElementById("root"));// => Rendering multiple React elementsReac
2021-12-23 11:14:09
534
原创 TypeScript Essential Notes 7 - Modules
Understanding the need for modules in JavascriptOrganizaing your code with namespacesUsing namespaces to encapsulate private membersUnderstanding the difference between internal and external moudlesSwitching from internal to external modulesImporting
2021-12-20 16:20:29
505
原创 Upgrade Angular 8->13
31.通过对Angular进行脏检查,您了解什么?在Angular中,摘要过程称为脏检查。之所以调用它,是因为它扫描整个范围以进行更改。换句话说,它将所有新的作用域模型值与以前的作用域值进行比较。由于所有监视变量都包含在单个循环中,因此任何变量的任何更改/更新都将导致重新分配DOM中存在的其余监视变量。被监视的变量处于单个循环(摘要循环)中,任何变量的任何值更改都会在DOM中重新分配其他被监视变量的值28.什么是Angular中的依赖注入?依赖注入(DI)是一种软件设计模式,其中对象作为依赖关系传
2021-12-20 11:06:10
698
原创 TypeScript Essential Notes 6 - Generics
Introducing genericsCreating generic classesApplying generic constraints
2021-12-15 15:04:14
777
原创 forkJoin
forkJoin([ this.documentCenterService.getATerms(), this.documentCenterService.getBTerms() ]).subscribe( ([aTerms, bTerms]) => { this.pdfUrl = aTerms[TermType.Od] ?? bTerms[TermT...
2021-11-30 15:08:26
217
原创 get pdf blob
ngOnInit() { this.httpClient .get( 'https://www.test.pdf', { responseType: 'blob' } ) .subscribe((stream) => { // const byt.
2021-11-29 17:21:39
404
原创 Life is too important to be taken seriously
完美主义 - 不足无伤大雅,设置规定时间匆匆忙忙 - 关注慢且大的长期任务取悦他人 - 捍卫自身权利,不可能所有人都满意
2021-11-19 15:22:30
373
原创 TypeScript Essential Notes 5 - Classes
Understanding prototypical inheritanceDefining a classApplying static propertiesMaking properties smarter with accessorsInheriting behavior from a base classImplementing an abstract classControlling visibility with access modifiersImplementing inter
2021-11-19 11:46:52
814
原创 TypeScript Essential Notes 4 - Custom Types
Defining custom types with interfacesTypeScript提供了3种自定义类型的方法:interfaces, classes, enumsUsing interfaces to describe functionsExtending interface definitionsDefining constant values with enumsDefining anonymous types
2021-11-16 17:53:02
608
原创 Angular随便记记
父子组件传值父<app-hero-detail [hero]=“selectedHero”>[hero]=“selectedHero” 是 Angular 的属性绑定语法。[hero]=“selectedHero” is an Angular property binding.子@Input() hero?: Hero;添加一个带有 @Input() 装饰器的 hero 属性。Add a hero property, preceded by the @Input() decora
2021-11-10 10:01:40
903
原创 js中两个对象的比较
https://stackoverflow.com/questions/201183/how-to-determine-equality-for-two-javascript-objectsThe default equality operator in JavaScript for Objects yields true when they refer to the same location in memory.在JavaScript for Objects中,当它们引用内存中的相同位置时,默认的相
2021-11-09 18:05:14
374
原创 TypeScript Essential Notes 3 - Type Fundamentals
1.Introducing JavaScript types2.Understanding type inference3.Specifying JavaScript types4.Specifying function parameter types5.Adding function overloads
2021-11-07 20:49:42
274
原创 splice拼接
var arr = [1,2,3,4,5,6,7];arr.splice(5)// 返回被删除的[6,7],原来的数组变成[1,2,3,4,5]
2021-11-05 16:01:57
134
原创 从1加到100
var total = 0;for (let index = 1; index <= 100; index++) { total += index;}console.log(total);
2021-11-05 15:03:44
173
原创 Angular iframe embed pdf adjust img width
Problems displaying PDF in iFrame on Mobile Safarihttps://stackoverflow.com/questions/15480804/problems-displaying-pdf-in-iframe-on-mobile-safariAs of iOS 8, mobile Safari renders the PDF as an image within an HTML document inside the frame. You can then
2021-11-01 18:43:34
210
原创 the difference between attribute and property
https://stackoverflow.com/questions/258469/what-is-the-difference-between-attribute-and-propertyIn general terms (and in normal English usage) the terms mean the same thing.In the specific context of HTML / Javascript the terms get confused because the H
2021-11-01 17:51:23
129
原创 TypeScript Essential Notes 2 - ES6 Language Features
syntactic suguar 语法糖Default parametersTemplate stringsuse backtick symbolbacktick 反引号bracket 大括号var displayName = `Todo ${todo.id}`;
2021-11-01 13:54:14
338
原创 Mode values returned by PowerShell
https://stackoverflow.com/questions/4939802/what-are-the-possible-mode-values-returned-by-powershells-get-childitem-cmdled - Directorya - Archiver - Read-onlyh - Hiddens - Systeml - Reparse point, symlink, etc.
2021-11-01 13:30:14
105
原创 Unix and Linux
Unix于1969年由贝尔实验室开发出来,使用至今已变更了很多个版本。目前主流的Unix系统有三种,分别是AIX、HP-UX、Solaris,这些Unix系统互不兼容。Linux于1991年由芬兰大学生Linus开发出来,是一个类Unix系统,但是其代码不源自任何Unix版本,完全不是Unix的一个分支,而是一个开源版的模仿。现在Linux主要使用在PC机和嵌入式,或者一些小型企业的服务器;而Unix垄断着大型企业的关键性应用领域。作者:Choid链接:https://www.zhihu.com/q
2021-11-01 13:23:44
168
原创 LinkedIn Learning Notes for Habits that lead to success
https://www.linkedin.com/learning/success-habits-2阻碍成功的3个坏习惯完美主义 - 设置规定时间,不足无伤大雅匆匆忙忙 - 关注慢,大的长期任务取悦他人 - 捍卫自身权利,不可能所有人满意
2021-11-01 13:03:13
100
原创 TypeScript Essential Notes 1 - Configuring Your Environment
Chapter 1 - Configuring Your Environment[1-1]TypeScript Complier InstallationInstall as Visual Studio extensionInstall command-line interface (CLI)(via node package manager)[1-3]
2021-11-01 12:57:28
90
原创 TypeScript Essential Notes 0 - Introduction
https://www.linkedin.com/learning/typescript-essential-training/template-strings?autoAdvance=true&autoSkip=false&autoplay=true&resume=true&u=79479146LanguagesDynamic - forgiving languagesStatic - rigid / imposing restrictionscompletely
2021-11-01 12:29:30
128
原创 Prettier Fomatter
https://zhuanlan.zhihu.com/p/81764012https://zhuanlan.zhihu.com/p/81764012打开 VS Code 的设置界面 Windows:Ctrl + ,手动格式化 WIndows:Ctlr + Shift + P -> Format Document
2021-10-30 21:42:06
104
原创 URL Rewrite Rule in web.config
https://stackoverflow.com/questions/16998832/iis-url-rewrite-rn-clarificationhttps://docs.microsoft.com/en-us/iis/extensions/url-rewrite-module/url-rewrite-module-configuration-reference#Using_back-references_in_rewrite_rules^(www.)(.*)$And using the in
2021-10-30 21:10:55
185
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人