在 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）中，它是相對於同行其他元素對齊；在表格儲存格中，它控制儲存格內容的垂直位置。

前幾天在老闆 來點寇汀吧。 Boss,CODING please.製作台灣天氣地圖
看到使用正規化抓取href=".*?“裡面的值

在此學會新的正規化抓取href裡面值

Google找到相關文件
在此記錄筆記

Markdown 因其簡潔的語法和良好的可讀性，已成為技術寫作、筆記記錄和部落格寫作的主流格式。以下整理幾個常用且好用的 Markdown 編輯器。 桌面應用程式 Typora 平台：Windows、macOS、Linux 特色：所見即所得（WYSIWYG）的編輯方式，輸入 Markdown 語法後立即渲染，不會顯示原始語法 適合：喜歡乾淨寫作介面的使用者 費用：付費軟體（有試用期） Obsidian 平台：Windows、macOS、Linux、iOS、Android 特色：以「知識圖譜」為核心，支援雙向連結（[[頁面名稱]]），適合建立個人知識庫 適合：需要管理大量筆記、建立知識連結的使用者 費用：個人使用免費 Mark Text 平台：Windows、macOS、Linux 特色：開源免費，介面簡潔，支援即時預覽 費用：完全免費開源 線上編輯器 HackMD 網址：https://hackmd.io 特色：支援即時協作編輯，類似 Google Docs 的多人同步功能，適合團隊共同撰寫技術文件 費用：基本功能免費 StackEdit 網址：https://stackedit.io 特色：支援直接同步到 Google Drive、Dropbox、GitHub，左右分割預覽，可離線使用 費用：免費 Dillinger 網址：https://dillinger.io 特色：簡單易用的線上編輯器，支援匯出為 HTML、PDF，可連結 GitHub/Dropbox 費用：免費 選擇建議 使用情境 推薦工具 個人知識管理 Obsidian 專注寫作 Typora 團隊協作 HackMD 快速線上編輯 StackEdit / Dillinger 開源免費桌面 Mark Text 無論選擇哪個編輯器，核心的 Markdown 語法都是相同的，學會一個就能快速上手其他工具。

前幾天在hahow上 動畫互動網頁程式入門 (HTML/CSS/JS)
這沒有要打廣告，不過老師真的教得不錯
看到講師上到實作購物車時候
其中某一個function利用多個(json)物件組出list清單
而新增、刪除都是對物件操作，再透過function把list清單清空再繪製

！！！！這看起來有問題，講師怎麼這樣做，這項目很多時，捲軸會有問題，這一定有bug