想必這個是踏入JavaScript第一個大魔王吧!? (疑 首先我們要提2個階段: 創造階段 執行 給予肝肝的工程師小額捐款’v’ ETH/ERC20 參考資料: 六角學院 範例1~2的輸出結果 解釋: Function 函式會優先被創造( 提升 ) 內容陳述式也是! *不包含記憶體區塊 你會發現, 函式內容為”字串” 陳述式 下一段改成”變數內容”, 會怎麼樣呢?? 變數_內容 範例3的輸出結果 我們將範例3 […]
CSS-主軸Flex -direction
在看Flex-direction的同時, 我們必須先搞清楚 2個Keyword 參考資料: 六角學院 主軸 交錯軸 交錯軸: 與主軸垂直的軸 交錯軸之後會再來談談! (主軸)Flex-Direction Row方向 row的意思: 由左往右排列 Row-reverse 方向 顧名思義: 將Row的順序反過來排列 Column方向 意思就是: 由上到下的排列 Column-reverse 顧名思義: 將Column順序反過來排列 總結本節主要是先讓你看過範例知道主軸在Flex排列裡面扮演的角色接下來將會介紹Justify-content/決定主軸對齊方式。
CSS-Margin & Padding
控制視窗與Stack之間的Layout邊界屬性 給於肝肝工程師小額捐款: ETH/ERC20 在我們剛開始寫CSS 的時候,我常常把Margin 與Padding 搞混 藉由這次機會, 我在這邊隨手做紀錄一下。 首先, 這張圖片裡面, 各種結構+屬性關係先弄熟! 參考: Margin and Padding – Xamarin | Microsoft Docs 範例測試 HTML 先用2個 Block […]
JS 作用域探討
語法作用域 = 靜態作用域 靜態作用域 及 動態作用域 之間的差別牽涉直譯語言的解譯及運行流程。 變數作用域也會依據宣告的方式不同，產生不同的作用域：未宣告：全域變數var 宣告：作用域在 函式 中let、const 宣告：作用域在 {} 中 JS 採用的是語法作用域, 只要確定你的作用域, 就不會再改變。 範例1 範例1 測試結果如下: 利用全域console.log() 去測試, 可否顯示函式 callname()作用域的值。 顯示出來的結果 callname()作用域的變數value, 用外層console.log 去讀取會得到: Uncaught ReferenceError […]
CSS-Flex 初步試探
Front-end Notes CSS Flex 一開始只要記住一點! display:flex 這一定要宣告 HTML <body> <div class=”container”> <div class=”item item1″>1</div> <div […]