(ToDo List專案)S3L23-雙擊修改資料內容

編輯待辦事項

 原本下方有放一個輸入框

(ToDo List專案)S3L22-製作頁籤分類的功能

目標:

• 點選checkbox後，出現刪除線效果
• 實作上方tag的過濾功能

---

動態綁定class屬性到一個物件上

此物件的key為class名稱,value為判斷式(true/false)

先測試completed為true的情況

(ToDo List專案)S3L24-刪除項目補充說明

[問題]

在全部tab中，點選刪除可正常實作

但是打勾2,3後，到進行中tab，會看到進行中的index與全部tab中的index不一樣

因為過濾過後會回傳新的todos array

(4在全部tab中index為4

(ToDo List專案)S3L21-刪除array上特定資料

[輸入框沒資料，按下新增按鈕還是會增加 (如何修正？)]

有2個點要考量

(1)檢查value是否存在

(2)把空白鍵濾掉

在2019年享受學習寫程式及被雇用的過程-第2個月

第2個月：Javascript


要回答的大問題：Javascript如何讓機器做到你想要它做的事？

在2019年享受學習寫程式及被雇用的過程-第1個月

第一個月：整個架構
要回答的大問題：電腦，網路，網站如何運作？我要如何建立一個網站？

S6-L38-絕對定位設計優惠價

[在產品左上角加上優惠內容]


使用絕對定位 position:absolute

• 不會佔空間
• 不會推擠其他元素

S6-L37-使用 ul li 設計產品列表

[設計產品列表]


為何不能用div來排？
主要因為這邊是主題式的選單，所以要用ul>li方式


<li>是block元素，但可用float去讓其往左或右做並排效果

block元素可設定width/height

注意可設定box-sizing:border-box

S6-L36-簡報呈現相對定位跟絕對定位的技巧

用動畫再次說明絕對定位與相對定位的使用方式

重點在於：
設定元素為display:absolute時
會去看父層元素有沒有定位(relative/absolute)
如果有，就會以該元素當成基準

S6-L35-相對定位、絕對定位元素技巧：z-index - relative、absolute

文件流中，預設後面元素若與前面元素重疊，會蓋掉前面的元素

box為黑色

box2為紅色

當重疊時，紅色會蓋掉黑色

S5-L31-LOGO 與選單並排設計技巧

設計左邊是Logo,右邊是List的畫面

結構

S5-L29-兩欄式、三欄式版面定位技巧

如果在menu中去加上假字
為何高度沒有去做推擠？
因為我們高度已經寫死


header/footer高度固定的話可以寫死
但中間內容因為高度不確定
所以不要寫死
這樣可以讓他去用內容去做推擠

S5-L28-使用clear清除浮動

設計
wrap/header/menu/content版型

header