它的所有親戚。
童年記憶中,六歲的我坐在家庭旅行車的後座上(那時還沒普及兒童安全座椅)。父親開車,母親則與我玩起了“二十個問題”。輪到母親提問,她心中已選定一個物體,由我來猜。
“它大嗎?”我問。
“相對什麼而言呢?”母親反問道。
整個遊戲都遵循著這種模式:我提出問題,母親則以相對性的問題回應。
“輪到你思考物體時,才能問我問題,”我說。
“如果你問它是否像山一樣大,答案是否定的。但與螞蟻相比,它很大。”
今年,我一直在重新學習“相對思考”的意義。持續了多久?我想,這也很相對。但隨著2020年的結束,我彷佛聽到母親在工作或生活中問我同樣的問題:
“相對什麼而言呢?”
聽到“相對”一詞,我的腦海中立刻浮現出CSS中的相對單位。我相信很多人都有同感。在我的工作中,我經常使用em
、 rem
和%
。剛學習這些單位時(具體是什麼時候,已經記不清了),我僅僅是為了顯得酷炫才使用它們,甚至不知道em
和rem
之間有什麼區別,還以為它們與視網膜屏幕有關。
當然,那是很久以前的事了。 (多久?這也很相對。)現在我明白,相對單位是相對於其引用的對象。 2rem
在一個根字體大小為16px的網站上的計算結果,與在一個根字體大小為24px的網站上的結果不同。百分比也是如此。在一個400px的容器中, 50%
的含義與在一個1200px的容器中的50%
不同。
因此,現在當我為元素分配大小值時,我會先和母親進行一番“對話”。
“這個元素是5.25em。”
“相對什麼而言呢?”她問道。
我還了解到,相對思考需要一點視角轉換。這與CSS的透視無關(儘管我可能會嘗試建立這種聯繫)。相對思考意味著暫時跳出自己的立場,從其他事物的角度來看待問題。
我說“其他事物”,是因為我在編寫代碼時最常思考這個問題。每當我處理組件的各個部分時,都必須注意其所在的上下文——或視角。為什麼?因為這些部分在不同的上下文中具有不同的含義,而這些上下文相對於包含它們的組件而言是相對的。
什麼時候一個<h1></h1>
僅僅只是一個<h1></h1>
?幾乎沒有這種情況。它可能是文章標題,也可能是小部件的標題,或者可能是卡片組件的標題。作為前端工程師,我們根據組件的視角來命名這些東西。從文章的視角來看,<h1></h1>
的含義(以及外觀)與卡片的視角下的<h1></h1>
不同。
<code>.post {} .post__title {} .widget {} .widget__title {} .card {} .card__title {}</code>
命名是件難事。我經常會想,“哎呀!這東西到底該叫什麼?”
“相對什麼而言呢?”母親插話道。
我可以繼續說下去。事實上,相對性思維對於我們編寫的代碼,對於“二十個問題”遊戲,甚至對於我們的個人生活都同樣重要。在這一年中,我們被許多相互競爭的力量所顛覆,在這種情況下,相對性思維可以在壓力和沮喪之中給我們帶來慰藉和智慧——當然,這也很相對。
-“這讓我壓力很大。”相對什麼而言? -“我有很多事情要做。”相對什麼時候而言? -“我的JavaScript很爛。”相對誰而言? -“我討厭我的工作場所。”相對哪里而言?
很容易陷入絕對化的思維模式。相對性思維迫使我們以不同的方式看待事物。
以上是它的所有親戚。的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

在本週的平台新聞綜述中,Chrome引入了一個用於加載的新屬性,Web開發人員的可訪問性規範以及BBC Move
