每日心得筆記 2020-06-30(二)

今天的課程完成了什麼？

發現昨天看錯進度了...看到 [JS201]，還想說第三週程度怎麼跳躍這麼快ＸＤ，今天就回到進度看了 [JS102]，目前看到 npm 的部分。
金魚都能懂網頁設計入門 : 網頁兩大主角 - 鐵人賽第十天
- 認識了 display 家族愛佔位的大屁股 block 、喜歡排隊的日本人 inline 、結合兩個人的特性的小孩 inline-block
- 如果 menu 的內容使用 inline-block 內容彼此間還是有空白，可以在 menu 設定 font-size: 0; ，在內容上設定要使用的字型大小，空白就會消失了。

<style>
        .menu {
            background-color: #fab;
            text-align: center;
            font-size: 0;
        }
        .navbar {
            display: inline-block;
            font-size: 16px;
            height: 30px;
            padding: 10px 30px;
            text-align: center;
            text-decoration: none;
            background-color: #ff0000;
        }
        .navbar:hover {
            background-color: #fff;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="menu">
                <a href="http://" class="navbar">link</a>
                <a href="http://" class="navbar">link</a>
                <a href="http://" class="navbar">link</a>
                <a href="http://" class="navbar">link</a>
                <a href="http://" class="navbar">link</a>
        </div>
    </div>
</body>

還記得哪些內容？

closure 閉包就是在 function 裡 return 一個 function，然後使用這個 function 裡面計算後的值會存起來，這個概念跟 java 的某些部分有點像，但是我有點不清楚在 function 的值裡面放 function 會執行什麼結果，所以這個部分等之後更有概念再來看就好。
模組化 Module 可以把常用的 function 都集中在某個檔案，要使用的時候只要 require 就好了。要製作可以輸出的 function 會使用 module.exports。
套件管理 npm 可以直接安裝 npm 上有的軟體 npm install 套件名稱，安裝前使用 npm init 會產生 package.json 記錄安裝什麼版本的軟體，所以推到 github 可以忽略 node_modules 這個資料夾。

反思今天的學習成果

今天從晚上才開始認真學習，但是有確保每個進度都有吸收進去。

今天一個重要的領悟是什麼？

拖延症很可怕ＱＱ所以先從最小最不會失敗的方式開始一個新的習慣吧！

今日的額外行動

半年的洗牙行動，醫生說我牙齒照顧得很好只是有一顆牙齒牙齦有點萎縮，可能是刷牙太大力ＱＱ去了圖書館，今天不是平日嗎人超多差點找不到座位～看了賈伯斯傳，他真是一個傳奇的人，也很龜毛，不過感謝他讓我今日有 iPhone 跟 Macbook 可以用ＸＤ這本書我看了幾次都還沒全部看完，有夠厚的ＸＤ

明天的預定進度

把 JS102 看完，寫一題作業金魚系列