Pace朋朋-開發筆記

寫在前面

這篇是寫給自己看的，紀錄從無到有開發過程中遇到的問題點之整理

版本演進

1. day1-v1

   

2. day2-v2

   

3. day2-v3

   

html/css

1. 取消input number預設的箭頭寫法: ¹

   /* 取消數字欄位預設有的箭頭: 注意不同瀏覽器寫法不同 */
   /* Chrome, Safari, Edge, Opera */
   input::-webkit-outer-spin-button,
   input::-webkit-inner-spin-button {
       -webkit-appearance: none;
       margin: 0;
   }
   /* Firefox */
   input[type=number] {
       -moz-appearance: textfield;
   }
   

2. 改變input的寬度：用 size / 限制輸入字元長度 maxlength ²
   只對以下type有用: text, search, tel, url, email, and password.(對number沒用)

   <input type="text" id="pin" name="pin" maxlength="4" size="4">
   

3. 承上，如要更改number的寬度，可從用css改³:

   input[type='number']{
        width: 15px; /* 5em;*/
   } 
   

4. 將input的cursor置右(預設是左): text-align: right; ⁴
5. 載入網頁時自動"get focus": <input type="text" id=".." name=".." autofocus> ⁵
6. reset focus: document.getElementById("...").focus(); ⁶

javascript

1. 條件運算子寫法⁷

        function getFee(isMember) {
            return isMember ? '$2.00' : '$10.00';
        }
        console.log(getFee(true));
   

2. 檢查NaN⁸: isNAN() **x1 == “NaN” is not checking if the value is NaN. isNaN(x1) is the preferred way to check if it is NaN.**
   (btw, 其實是想查如何捕捉 The specified value "NaN" cannot be parsed, or is out of range. 這個警告)
3. da

github pages

1. 上傳到github pages的網頁取名必須要是index.html或是index.md，否則github會自動抓README.md為顯示頁面。⁹

github branch/merge

終於鼓起勇氣面對這東西了…

1. 要看merge tree可以搭配sourcetree這套軟體(大推這篇¹⁰，搭配截圖很清楚)
2. 我的work flow跟這篇¹¹還有這篇¹²類似，以visual studio code開發跟內建github extension進行commit，搭配sourcetree看tree graph(想做的事情太多了,目前清單裡還沒有熟悉命令列模式這一條…)
3. merge 說明 ^{13 14 15 16}
4. 先開新分支還是先修改? 參閱《git切换分支时，该分支的修改被带到另一个分支》 ¹⁷ 結論：在當前master暫存分支、新增分支、將暫存分支放到新分支、push內容 ¹⁸
5. ｄａｓｆ

Ref

附錄