在 JavaScript 中,匿名函式作為物件方法的回傳值時,其 this 可能會指向全域物件。以下是範例程式碼:
我的個人部落格
-- 探討網頁程式與生活的園地 --
2026年5月1日 星期五
2025年5月25日 星期日
掌握 HTML 元素層級:深入 z-index 與 Stacking Context
在網頁排版與元素定位的過程中,position 和 z-index 是非常常見,但也容易令人混淆的 CSS 屬性。本文透過一段簡單的 HTML + CSS 範例,探討「子元素的位置」如何受到這些屬性的影響,並進一步解析 Stacking Context(堆疊上下文)的運作邏輯。
範例程式碼如下:
<div style = "position: relative; width: 300px; height: 300px; background: lightyellow; top: 150px; left: 250px; border: 2px solid; z-index: -2;">
<div style = "position: absolute; z-index: 77; top: 5px; left: 90px; width: 60px; height: 70px; background: lightgreen;">lll
<div style = "position: absolute; top: 8px; left: 20px; z-index: 89; width: 300px; height: 30px; background: violet;">AAAAAAAAAA</div>
</div>
<div style = "position: absolute; z-index: 88; left: 70px; top: 22px; width: 60px; height: 40px; background: lightblue;">BBBBB</div>
<div style = "position: absolute; z-index: 99; left: 80px; top: 33px; width: 60px; height: 40px; background: lightgray;">CCCCC</div>
</div>
2025年2月18日 星期二
燒香拜神會不會影響鄰居?本文以中立客觀的角度論述
在特定的宗教節日,許多民眾會在家裡燒香、點蠟燭,為家人祈求平安與福氣。這樣的行為出於善念,屬於個人信仰自由範疇。
然而,當這些行為伴隨著大量煙氣,並擴散至通風不佳的公共區域時(例如電梯廳),是否可能影響鄰居的生活品質與健康?
2024年12月16日 星期一
2024年11月3日 星期日
C語言:初始化字元變數與字串的範例
在 C 語言中,初始化一個字元變數的方式如下:
char ex1 = 'A'; // 使用單引號將字元 A 框起來
要初始化一個字串,則使用雙引號將字串框起來。例如:
char *ex1DW1 = "where";
2024年9月30日 星期一
C 程式語言:使用 malloc() 函數及多重指標建立三維陣列的範例
C 語言的多重指標結合 malloc() 函數的威力非常強大,只需簡短幾行程式碼即可建立動態的多維陣列。本範例為 int 資料型態大小 3*3*3 三維陣列,程式碼如下:
JavaScript 區域變數、全域變數及函數作用域範例
在 JavaScript 中,全域變數作用域與函數內宣告的區域變數作用域彼此獨立,但在特定情況下可能互相干擾。以下為 6 個測試範例展示這些差異:
2024年8月11日 星期日
C 語言:int main (int argc, char *argv[]) 的範例
#include<stdio.h>
#include<stdlib.h>
int main (int argc, char *argv[])
{
printf("%s %s %s %d", argv[0], argv[1], argv[2], argc);
return 0;
}
2024年8月10日 星期六
掌握 JavaScript 建構函式 constructor:以自訂物件為例
在 JavaScript 中,建構函式 ( Constructor Function ) 是一種建立自訂物件的常用方式。透過 this 關鍵字與 prototype 屬性,我們可以快速定義物件的屬性與方法,並產生多個具備相同行為與特性的實例 ( instance )。
本篇文章將透過一個簡單的範例,帶你理解建構函式的基本用法與原型方法的設計方式。
建構函式是什麼?
建構函式本質上是一個普通的函式,但搭配 new 關鍵字來使用時,他會產生一個新的物件實例,並將 this 指向該物件。我們可以在函式中定義屬性及方法,也可以透過 prototype 加入方法,讓所有物件實例共用。
2024年5月16日 星期四
HTML meta 標籤的 name 屬性的屬性值 viewport 範例
2018年11月21日 星期三
2018年10月17日 星期三
訂閱:
文章 (Atom)