寫在前面

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

版本演進

  1. day1-v1
  2. day2-v2
  3. day2-v3

html/css

  1. 取消input number預設的箭頭寫法: 1
    /* 取消數字欄位預設有的箭頭: 注意不同瀏覽器寫法不同 */
    /* 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 2
    只對以下type有用: text, search, tel, url, email, and password.(對number沒用)
    <input type="text" id="pin" name="pin" maxlength="4" size="4">
    
  3. 承上,如要更改number的寬度,可從用css改3:
    input[type='number']{
         width: 15px; /* 5em;*/
    } 
    
  4. 將input的cursor置右(預設是左): text-align: right; 4
  5. 載入網頁時自動"get focus": <input type="text" id=".." name=".." autofocus> 5
  6. reset focus: document.getElementById("...").focus(); 6

javascript

  1. 條件運算子寫法7
         function getFee(isMember) {
             return isMember ? '$2.00' : '$10.00';
         }
         console.log(getFee(true));
    
  2. 檢查NaN8: 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為顯示頁面。9

github branch/merge

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

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

Ref

附錄