iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 15
1
自我挑戰組

關於我的佛系SCSS開發系列 第 15

鐵人賽15天String

  • 分享至 

  • xImage
  •  

終於第15天開心過了一半,加上明天準備要去放假了開心,今天還是進入範例直接看比較快,這次功能操作基本上也蠻少使用,真的看看就好了,不然就是有處理到在去查詢就可以囉,今天使用方法簡單我們就直接寫在註解囉,直接就我偷懶我就爛

//編譯前
.ex1 {
  /*str-index用法*/
  取出字串裡面的index
  content: str-index($string: 'abcde', $substring: 'c');
  /*str-length用法*/
  取的字串的長度
  content: str-length($string: 'kanna');
  /*str-insert用法*/
  在字串index的位置插入新的字串
  content: str-insert($string: 'kanna', $insert: 'kiwi', $index: 6);
  /*str-slice用法*/
  把字串index的位置去做切割,第一個數字是開始,第二個數字是結束
  content: str-slice('kanna', 3, 5);
  /*str-lower-case變小寫用法*/
  content: to-lower-case($string: 'KANNA');
  /*str-upper-case變大寫用法*/
  content: to-upper-case($string: 'kanna');
}
//編譯後
.ex1 {
  /*str-index用法*/
  content: 3;
  /*str-length用法*/
  content: 5;
  /*str-insert用法*/
  content: "kannakiwi";
  /*str-slice用法*/
  content: "nna";
  /*str-lower-case變小寫用法*/
  content: "kanna";
  /*str-upper-case變大寫用法*/
  content: "KANNA";
}

上一篇
鐵人賽14天Values
下一篇
鐵人賽16天selector
系列文
關於我的佛系SCSS開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言