人生 漂浮 迷惘 碼人

處理非同步async 行為  https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Promise

descript Promise property

action status

Promise Chaining

then (callback, callback)

Promise all、race

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

frontend、backend 加解密

js CryptoJs Aes : https://cryptojs.gitbook.io/docs/

c# Aes : https://docs.microsoft.com/zh-tw/dotnet/api/system.security.cryptography.aes?view=netframework-4.8

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

https://angular.io/start

1. providedIn property of the @Injectable() to "root".

2.  Include the service in the AppModule or in a module that is only imported by the AppModule

https://angular.io/guide/singleton-services

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

路由 : https://angular.io/guide/router

Service : https://angular.io/guide/architecture-services

將服務拿來使用公用，Property、Fun

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

https://angular.io/

net core 3.0 Webapi + angular

tool : vs2019 + vsCode

Let、Const : 宣告變數使用 ( 改善var 問題)

Let Hoisting  創造、執行

ESlint

箭頭函式

Differenct : Parameter、this、event

Default parameter values

Template Literals

************************************************************************************************************************************

給值不用函式方法處理

    Getter 取得特定值方法

    Setter 存值方法

***********************************************************************************************************

Object.defineProperty : 定義屬性、調整屬性特微 ( 值、可否寫入、可否刪除，可否列舉)

Object.defineProperty 淺層保護

Object.definePropertys 大量屬性

防止擴充 PreventExtensions、封裝 Seal、凍結 Freeze *淺層保護

屬性Enum與Prototype Relation

***********************************************************************************************************************************

特性 : 最基本為物件，原型鍊為 物件 inherit 原型

定義原型

原型Constructer relation 原型

物件轉為原型使用 : Object.create(物件)、Object.create(函式.prototye)

多層Inheritance

__proto__ vs prototype

******************************************************************************************************

插入

    由位置來比較下個位置大小

    若後位比前位小，則往前移，若後位比前位大，則往後移

    已排好的，由後位往前比較

氣泡

    排序次數為長度減1

    二個位置比較，較大值往後移

*******************************************

文件物件模型（Document Object Model, DOM）是 HTML、XML 和 SVG 文件的程式介面。

瀏覽器物件模型 (Browser Object Model，BOM) 核心為 window 物件

自訂義屬性

********************************************************************************************

每個執行環境有自已的this

與使用方法環境有關係

函式使用方式 :

    物件方法、簡易呼叫 (callback fun)、bind apply call(*綁定特定的this)

strict mode 嚴格模式

*********************************************************************************************

閉包

函式以及該函式被宣告時所在的作用域環境（lexical environment）的組合

函式工廠

私有方法

實字

Constructors

Get、Set、Delete

變數 與 屬性 : 變數無法刪除，屬性可以刪除

object call by value 、reference

call by sharing

shallow copy 淺層 deep copy 深層

array

***************************************************

運算符 ++、--

關係運算符   ==、===

邏輯運算符  && 、 || 、 ! 

RHS Right-hand side、LHS Left-hand side

Statement 陳述式、Expression 表達式

Precedence 優先性、Associativity 相依性

Truthy 真值、Falsy假值

***************************************************************************

函式

陳述式、表達式

具名函式、匿名函式

立即函式

參數

callbackfunction

函式使用方式 :

    物件方法、簡易呼叫、bind apply call

strict mode 嚴格模式

*********************************************************************

Automatic Semicolon Insertion

當語句沒有加上;，會自動插入;

記憶體回收機制

mdn : 

這個演算法將原本「這個物件再也不會被使用」的廣泛定義縮減到「沒有其他任何物件參考它」。如果一個物件不在被任何物件參考，它將被視為可回收記憶體的垃圾。

Js為SingleThread

Async : Event queue 事件註列 存放非同步函式