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


Posted by 半夏 on 2020-06-30

今天的課程完成了什麼?

  • 發現昨天看錯進度了...看到 [JS201],還想說第三週程度怎麼跳躍這麼快XD,今天就回到進度看了 [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 這個資料夾。

反思今天的學習成果

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

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

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

今日的額外行動

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

明天的預定進度

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


#程式導師實驗計畫







Related Posts

Vue.js v-model

Vue.js v-model

Web開發學習筆記15 — AJAX、API、JSON、Axios

Web開發學習筆記15 — AJAX、API、JSON、Axios

Lidemy HTTP Challenge 破關過程手札

Lidemy HTTP Challenge 破關過程手札


Comments