人生 漂浮 迷惘 碼人

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

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

NetCore : webApi + angular + angular Material

mat-menu : https://material.angular.io/components/menu/overview

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

在OS (window、Linux上)，快速產生出不同的 VM 環境，比VM還快。

環境 :  webApi + angular

Container容器、Image印象檔 ( docker hub 上可載所需Image)

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

來貢獻一下，順便試試OpenLayers : https://openlayers.org/

source : https://data.gov.tw/dataset/116285

https://github.com/kiang/pharmacies 感謝前輩提供藥局(經緯度) api 

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

路由 : 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

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