iT邦幫忙

2022 iThome 鐵人賽

DAY 27
0
Modern Web

關於SASS/SCSS系列 第 27

[DAY27]SASS字符串函數|Introspection函數

  • 分享至 

  • xImage
  •  

前情提要

又是函數系列的一天,
之前的有顏色函數、數字函數、列表函數,
今天在來同時講兩個新的,
因為這兩個的篇幅都比較少所以結合一下放在一起。
是字符串函數跟Introspection函數。


正文

字符串函數

|字符串函數是甚麼|
對字符串的處理真的不多,
字符串就像是一個對話或是要顯示的一行文字之類的。
能夠使用的功能就只圍繞在引號的使用上。

實際操作時間

|unquote()函數|
刪除字符串中的引號
刪除最外層的引號
https://ithelp.ithome.com.tw/upload/images/20221007/20151717J5uY6nyHP0.png

|quote()函數|
給字符串添加引號
有unquote()對比之後就很明顯了
https://ithelp.ithome.com.tw/upload/images/20221007/20151717GbN0xg7iob.png

Introspection函數

|甚麼是Introspection函數|
Introspection函數就是檢視()內的東西是什麼樣的性質,
性質包括是甚麼類型有沒有單位等等,
可以用來檢視之後判斷能不能接受下一個動作。

實際操作時間

|Type-of()函數|:
返回該值得類型

  • type-of返回值種類
  • number一串數字 數值
  • bool布林值的意思 就只有true跟false
  • string一串字符
  • color包含之前講過的所有顏色函數
    https://ithelp.ithome.com.tw/upload/images/20221007/20151717GathhIdxtp.png

|Unit()函數|:
返回該值的單位

  • 沒有單位的時候會是空白
  • 兩個單位乘除也都會全都顯示然後用運算符連結
  • 兩個單位相加減不一樣就不行 除非是mm跟cm>會顯示成mm
    https://ithelp.ithome.com.tw/upload/images/20221007/20151717AkYvcEz60N.png

|Unitless()函數|:
判斷該值有沒有單位

  • 不帶單位是true
  • 有帶單位是false
    https://ithelp.ithome.com.tw/upload/images/20221007/20151717m2yjaoaIoO.png

|Comparable()函數|:
判斷兩個值可不可以相加相減合併
https://ithelp.ithome.com.tw/upload/images/20221007/201517178YcphnZgAa.png


/images/emoticon/emoticon69.gif


上一篇
[DAY26]SASS列表函數
下一篇
[DAY28]SASS Map函數
系列文
關於SASS/SCSS30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言