家好,html模板的判斷語句和Python里的寫法是一樣的,只不過每一行需要包裹在花括號和百分號里。
·從視圖函數里傳遞一個名稱為user的數據,user變量的值輸入小鐵,在html文件里判斷。如果user返回了數據顯示歡迎你小鐵,否則如果沒有顯示數據顯示請登錄。
·最后用and if來閉合判斷語句,運行Web服務,在瀏覽器里查看效果。因為user這個變量是有數據的,所以前端顯示的歡迎您小鐵。將user變量的值改成無,回到瀏覽器查看效果,這個時候瀏覽器顯示的是請登錄。
這就是html模板文件里if判斷語句的使用方法。
上周,在西班牙拉科魯尼亞舉行的CSS WG面對面會議中,讓人特別激動的一個決議是大家一致同意向 CSS 中添加內聯 if() 語法。
實際上,一個功能在被接受之前經常會遭到幾次拒絕,例如CSS嵌套、:has()、容器查詢等都是在多次被拒后的最終迭代版本。if()在 2018 年曾被拒絕,其語法與我提出的非常相似。不同的是,現在我們已經有了樣式查詢功能,可以簡單地使用相同的條件語法(結合Tab在@when提案中提出的media()和supports())。
相反地,if()提供了樣式查詢無法涵蓋的功能。如果您能夠使用樣式查詢來解決問題,那絕對應該優先選擇樣式查詢——它們通常是更優的解決方案。但是,有些情況下,樣式查詢無法滿足需求。
舉個例子,考慮一個名為--variant的自定義屬性:
它可能包括設置背景顏色、邊框顏色、文本顏色、圖標等。然而,實際上它的確切值可能從未直接在任何地方被逐字使用,而是作為影響其他屬性值的設置參數。
樣式查詢讓我們成功了一半:
但是,樣式查詢僅適用于后代。我們不能這樣做:
通常,我們在元素上需要設置的聲明非常少,有時僅僅一個。但是,即使只有一個聲明,對于許多(或許是大部分)更高級的自定義屬性用例而言,仍顯得過多,使得使用自定義屬性顯得不太實用。因此,組件庫常常轉而使用表示性屬性,如pill、outline、size等。
雖然這些表示性屬性初看之下似乎很合適,甚至在開發體驗(DX)方面似乎更優(使用的字符更少——至少比為每個元素設置單獨的變量要少),但它們存在一些可用性問題:
靈活性降低
它們不能基于選擇器、媒體查詢等有條件地應用。更改它們需要更多 JS。如果它們在另一個組件中使用,那么您就是 SOL,而對于(可繼承的)自定義屬性,您可以在父組件上設置屬性,并且它將向下繼承。
冗長
它們必須應用于單個實例,并且不能被繼承。即使人們使用某種形式的模板化或組件化來減少重復,他們在使用開發工具進行調試時仍然必須仔細研究這些屬性。
缺乏一致性
由于幾乎每個成熟的組件都支持自定義屬性,因此用戶必須記住哪些樣式是通過屬性完成的,哪些樣式是通過自定義屬性完成的。這種區別通常是任意的,因為它不是由用例驅動的,而是由實施便利性驅動的。
使用if(),上面的示例成為可能:
雖然這是主要用例,但事實證明,制作媒體查詢并支持 if() 條件語法的條件部分也非常容易。由于它是一個函數,因此它的參數(包括條件!)可以存儲在其他自定義屬性中。這意味著您可以執行以下操作:
然后定義如下值:
就像 JS 中的三元組一樣,對于只有一小部分值變化的情況,它也可能更符合人體工程學:
不,它還沒有出現在瀏覽器中,而且一段時間內也不會出現。最樂觀的估計是 2 年左右,前提是該過程不會在任何時候停止(通常會發生這種情況)。
語法辯論通常會花費很長時間,因為對于語法每個人都意見不一。
所以需要一段時間去完成這些工作
希望系統性學習一門編程語言的朋友請關注我,本專欄后續會持續分享優質文章。
本篇為第五篇介紹Python知識的文章,本篇也開始接觸到該門語言的邏輯語法部分,這一部分在編程語言中使用很廣泛,小到一段語句,大到一個模塊里面都有很多邏輯判斷語句,所以很有必要細致的去理解它,并將他的一些常用格式熟記于心,好了開始我們下面的文章。
本節主要編寫的為Python語句中if語句的編寫要求:
>>>
>>> if 1 > 2:
... print('a')
... else:
... print('b')
...
b
>>>
本段程序為一個簡單的 if...else 語句,這個語句主要是進行二個數做大小的判斷,得出的結果為一個bool值,if語句在bool值為True時執行打印字符a,為False時執行打印字符b,通過這樣一段代碼我們就可以大概的看到if語句的執行條件,執行過程等情況。
針對 if 結構語言本專欄做了以下細致的總結,大家可以細致的體會其語法作用。
if語句的基本語法如下所示:
if condition:
# 如果條件為True,則執行這里的代碼塊
# 可以有多行代碼
else:
# 如果條件為False,則執行這里的代碼塊
# 可以有多行代碼
在if語句中,condition是一個表達式,可以是返回True或False的任何東西。
常見的比較運算符包括:
多個條件:
你也可以使用邏輯運算符組合多個條件:
單向分支結構:
if <條件表達式>:
執行語句
...
雙向分支結構:
if <條件表達式>:
執行語句
...
else:
執行語句
...
多分支結構:
if <條件表達式>:
執行語句
...
elif <條件表達式>:
執行語句
...
else:
執行語句
...
存在多個elif語句時,Python會按照順序逐個檢查每個條件,執行第一個滿足條件的代碼塊,然后跳過其他條件的檢查。如果前面的elif條件滿足了,那么后面的elif語句就不會再被執行。
嵌套分支結構:
if <條件表達式>:
if <條件表達式>:
執行語句
...
else:
執行語句
...
else:
if <條件表達式>:
執行語句
...
else:
執行語句
...
注意:每一層的縮進格式要統一,否則可能會導致意想不到的情況。
讓優質的技術更自由、開放的傳播,我是「技術小劍客」歡迎你的關注和留言。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。