最近覺得前端計術還滿重要的
趁著動畫課程還沒開始
把一些基本功學一學

主要參考這篇教學
[SVG 完整教學 31 天 ](http://www.oxxostudio.tw/articles/201410/svg-tutorial.html

在 JavaScript 中，並不是所有「看起來像假」的值都會被判斷為 false。-1 就是一個常見的陷阱。 問題示範 1 2 3 4 var a = -1; if (a) { console.log('hello world'); // 這行會執行！ } -1 在 if 條件中被判斷為 truthy（真值），所以 hello world 會被印出。 JavaScript 的 Falsy 值 在 JavaScript 中，以下 7 個值會被判斷為 false： 1 2 3 4 5 6 7 8 false // 布林值 false 0 // 數字零 -0 // 負零 0n // BigInt 零 "" // 空字串（單引號或雙引號都算） null // null undefined // undefined NaN // Not a Number Truthy 值（容易誤解的部分） 除了上述 falsy 值以外，其他所有值都是 truthy，包括以下容易被誤解的情況：

今天做自我介紹排版練習 我以前學position:absolute 印象以為都以瀏覽器body:左上邊開使算(在沒用 position: relative情況下) 但今天做巢狀position:absolute ，排版跟我想排出來的不太一樣 在此做筆記 錯誤的東西吸收很難再做修正 在此記錄一些東西，可以回來復習 資料來源： html - Positioning a nested DIV relative to the page and not the first positioned ancestor - Stack Overflow http://stackoverflow.com/questions/36778547/positioning-a-nested-div-relative-to-the-page-and-not-the-first-positioned-ances JS Bin - Collaborative JavaScript Debugging http://jsbin.com/jaqogezane/edit?html,css,output html css基础篇 - 笔记 - 前端网（QDFuns） http://www.qdfuns.com/notes.php?mod=view&u=25414&id=f9d7d2e2e25c2bef1eca4db2ed00bae0 实例演示div+css的绝对定位和相对定位布局 - - ITeye技术网站 http://xinklabi.iteye.com/blog/1825865 实例演示div+css的绝对定位和相对定位 - CSS3知识库 http://lib.csdn.net/article/css3/51716 知识库 - 你身边的技术百科全书 - CSDN http://lib.csdn.net/home CSS3 技能圖 http://lib.csdn.net/base/css3/structure 知识库 - 你身边的技术百科全书 - CSDN http://lib.csdn.net/bases/fd/Software-Develop/ast/frontend#md CSS3知识库 - 知识库 - 你身边的技术百科全书 - CSDN

ES6 引入了 Method definitions 語法，讓在物件字面值（Object Literal）中定義方法時更為簡潔。 傳統寫法 vs ES6 Method Definitions ES5 傳統寫法： 1 2 3 4 5 6 7 8 var obj = { foo: function() { /* code */ }, bar: function() { /* code */ } }; ES6 Method Definitions（縮寫語法）： 1 2 3 4 5 6 7 8 var obj = { foo() { /* code */ }, bar() { /* code */ } }; 兩種寫法在功能上幾乎相同，但 ES6 語法更簡潔，是現代 JavaScript 的標準寫法。

在撰寫 CSS 時，有時會遇到表格內容沒有靠上對齊的問題，而是自動垂直置中。這是瀏覽器**預設樣式（User Agent Stylesheet）**造成的。 瀏覽器預設的表格垂直對齊 根據 W3C CSS 規範，瀏覽器預設樣式表對表格元素的 vertical-align 設定如下： 1 2 thead, tbody, tfoot { vertical-align: middle; } td, th, tr { vertical-align: inherit; } 這代表： tbody、thead、tfoot 預設垂直置中（middle） td、th、tr 繼承父元素的設定（inherit） 因此，td 內的內容實際上繼承自 tbody 的 vertical-align: middle，結果就是表格儲存格內容預設垂直置中。 如何覆蓋預設值 若要讓儲存格內容靠上對齊，只需在 CSS 中明確指定： 1 2 3 4 5 6 7 8 9 /* 讓所有 td 靠上對齊 */ td { vertical-align: top; } /* 或只針對特定 class */ .table-top td { vertical-align: top; } vertical-align 在表格中的可用值 值 效果 top 靠儲存格頂端對齊 middle 垂直置中（預設） bottom 靠儲存格底端對齊 baseline 對齊文字基線 注意：vertical-align 在表格中的行為與在行內元素中不同。在行內元素（inline、inline-block）中，它是相對於同行其他元素對齊；在表格儲存格中，它控制儲存格內容的垂直位置。