Angular Single Service
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
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Angular Dynamic mat-menu
- 766
- 0
- AngularMaterial
NetCore : webApi + angular + angular Material
mat-menu : https://material.angular.io/components/menu/overview
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Docker net Core
在OS (window、Linux上),快速產生出不同的 VM 環境,比VM還快。
環境 : webApi + angular
Container容器、Image印象檔 ( docker hub 上可載所需Image)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Angular 口罩map
來貢獻一下,順便試試OpenLayers : https://openlayers.org/
source : https://data.gov.tw/dataset/116285
https://github.com/kiang/pharmacies 感謝前輩提供藥局(經緯度) api
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Angular Route
Angular Service
Service : https://angular.io/guide/architecture-services
將服務拿來使用公用,Property、Fun
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Angular WebApi
JsES6
Let、Const : 宣告變數使用 ( 改善var 問題)
Let Hoisting 創造、執行
ESlint
箭頭函式
Differenct : Parameter、this、event
Default parameter values
Template Literals
************************************************************************************************************************************
JsGetSet
給值不用函式方法處理
Getter 取得特定值方法
Setter 存值方法
***********************************************************************************************************
JsProperty
Object.defineProperty : 定義屬性、調整屬性特微 ( 值、可否寫入、可否刪除,可否列舉)
Object.defineProperty 淺層保護
Object.definePropertys 大量屬性
防止擴充 PreventExtensions、封裝 Seal、凍結 Freeze *淺層保護
屬性Enum與Prototype Relation
***********************************************************************************************************************************
Js原型鍊
特性 : 最基本為物件,原型鍊為 物件 inherit 原型
定義原型
原型Constructer relation 原型
物件轉為原型使用 : Object.create(物件)、Object.create(函式.prototye)
多層Inheritance
__proto__ vs prototype
******************************************************************************************************
Js Sort
插入
由位置來比較下個位置大小
若後位比前位小,則往前移,若後位比前位大,則往後移
已排好的,由後位往前比較
氣泡
排序次數為長度減1
二個位置比較,較大值往後移
*******************************************
JsDom Bom
文件物件模型(Document Object Model, DOM)是 HTML、XML 和 SVG 文件的程式介面。
瀏覽器物件模型 (Browser Object Model,BOM) 核心為 window 物件
自訂義屬性
********************************************************************************************
Js This
每個執行環境有自已的this
與使用方法環境有關係
函式使用方式 :
物件方法、簡易呼叫 (callback fun)、bind apply call(*綁定特定的this)
strict mode 嚴格模式
*********************************************************************************************
Js Closure
閉包
函式以及該函式被宣告時所在的作用域環境(lexical environment)的組合
函式工廠
私有方法
Vim、VsVim
文字編輯器
*******************************************************************************************************************
Js Object
實字
Constructors
Get、Set、Delete
變數 與 屬性 : 變數無法刪除,屬性可以刪除
object call by value 、reference
call by sharing
shallow copy 淺層 deep copy 深層
array
***************************************************
Js類型 基礎2
運算符 ++、--
關係運算符 ==、===
邏輯運算符 && 、 || 、 !
RHS Right-hand side、LHS Left-hand side
Statement 陳述式、Expression 表達式
Precedence 優先性、Associativity 相依性
Truthy 真值、Falsy假值
***************************************************************************
Js function
函式
陳述式、表達式
具名函式、匿名函式
立即函式
參數
callbackfunction
函式使用方式 :
物件方法、簡易呼叫、bind apply call
strict mode 嚴格模式
*********************************************************************