JsGetSet

給值不用函式方法處理

    Getter 取得特定值方法

    Setter 存值方法

 

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

...繼續閱讀 »

JsProperty

  • 28
  • 0
  • Js
  • 2020-01-17

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

Object.defineProperty 淺層保護

Object.definePropertys 大量屬性

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

屬性Enum與Prototype Relation

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

...繼續閱讀 »

Js原型鍊

  • 34
  • 0
  • Js
  • 2020-01-15

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

定義原型

原型Constructer relation 原型

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

多層Inheritance

__proto__ vs prototype

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

...繼續閱讀 »

Js Sort

插入

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

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

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

氣泡

    排序次數為長度減1

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

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

...繼續閱讀 »

JsDom Bom

  • 29
  • 0
  • Js
  • 2020-01-14

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

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

自訂義屬性

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

...繼續閱讀 »

Js This

  • 31
  • 0
  • Js
  • 2020-01-13

每個執行環境有自已的this

與使用方法環境有關係

函式使用方式 :

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

strict mode 嚴格模式

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

...繼續閱讀 »

Js Closure

  • 22
  • 0
  • Js
  • 2020-01-12

閉包

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

函式工廠

私有方法

...繼續閱讀 »

Vim、VsVim

  • 62
  • 0
  • Vim
  • 2020-01-15

文字編輯器 

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

...繼續閱讀 »

Js Object

  • 87
  • 0
  • Js
  • 2020-01-09

實字

Constructors

Get、Set、Delete

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

object call by value 、reference

call by sharing

shallow copy 淺層 deep copy 深層

array

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

...繼續閱讀 »

Js類型 基礎2

  • 92
  • 0
  • Js
  • 2020-01-09

運算符 ++、--

關係運算符   ==、===

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

RHS Right-hand side、LHS Left-hand side

Statement 陳述式、Expression 表達式

Precedence 優先性、Associativity 相依性

Truthy 真值、Falsy假值

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

...繼續閱讀 »

Js function

  • 120
  • 0
  • Js
  • 2020-01-15

函式

陳述式、表達式

具名函式、匿名函式

立即函式

參數

callbackfunction

函式使用方式 :

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

strict mode 嚴格模式

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

...繼續閱讀 »

Js Garbage Collection Async Sync SingleThread

  • 16
  • 0
  • Js
  • 2020-01-08

記憶體回收機制

mdn : 

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

Js為SingleThread

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

...繼續閱讀 »

Js Hoisting

  • 13
  • 0
  • Js
  • 2020-01-06

execute context 環境 :運行時,才會執行,宣告時不會執行

    創造環境 (會依函式優先,變數排後)

    執行

上篇講過如下:

execute context 下的創造環境、執行流程

創造 : 函式物件 ,給函式值,變數物件

執行 : 給變數值

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~`

...繼續閱讀 »

Js execute context 、stack

  • 63
  • 0
  • Js
  • 2020-01-07

execute context 環境 : 函式運行時,才會有execute context,宣告時不會執行

    創造環境

    執行

execute stack 堆疊

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

...繼續閱讀 »

Js作用域

  • 30
  • 0
  • Js
  • 2020-01-16

靜態作用域 (變數的作用域在語法解析時,已設定)

       Js

       Lexical scope 語法作用域

動態作用域 (變數的作用域在函式調用才設定)

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

...繼續閱讀 »

Js類型 基礎1

  • 40
  • 0
  • Js
  • 2020-01-19

Js 為動態型別

型別 : 

原始型別 : undefined、null、boolean、number、string 、bigInt、Symbol  

物件型別 : 透過建構式建立 or { } 、array 、function

運算子 : 簡單函式,回傳的結果

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

變數 call by value 、reference

Json

console log、dir、table

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

...繼續閱讀 »

Emmet

  • 22
  • 0
  • Js
  • 2020-01-15

cheatsheet 

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

...繼續閱讀 »