ขนาดวิดีโอ: 1280 X 720853 X 480640 X 360
แสดงแผงควบคุมโปรแกรมเล่น
เล่นอัตโนมัติ
เล่นใหม่
8:33 SASS(scss)入門介紹20:54 _為什麼要用SASS24:49 SASS有何特別之處?27:33 _變數(Variable)29:59 _繼承(Extend)32:34 _函式(Function)34:12 _混用(Mixin)34:49 _其他(Other)37:20 怎麼開始使用SASS40:22 開始一場發現SASS之旅43:37 環境、軟體與外掛/軟體設定 VScode plugin(live sass compiler / live server)1:01:24 開始寫示範啦～～1:22:30 註解// /* */的不同1:33:50 變數$(可以算數)1:37:46 繼承%+@extend(共用重複的樣式)1:49:00 函式@function+@return(倍數)*1:59:00 mixin跟extend差別2:01:36 UI kit 說明2:06:23 function+ Variable示範*2:09:36 混用@mixin+@include2:21:35 判斷式@if @else2:25:50 Q&A
感謝整理
感謝！
接近3小時的小課程, 全看完了, 清晰易明, 有種和sass相逢恨晚的感覺, 感謝up主常由淺入深的講解, 可以Dev, Pro的css管理方式也很受用, 希望你能出更多的教學, 已申請加Facebook group了 :)
老師的課程, 真的很實用, 能學到很多東西, 非常感謝老師無私的奉獻
感謝支持~也可以分享給身邊需要的朋友唷~
谢谢分享,非常通俗易懂。指正一点：line-height的属性值 150%和1.5还是有区别的，区别在于继承的时候。如父元素和子元素设置不同font-size,父元素设置150%line-height的话，子元素继承到的line-height是父元素的font-size *150%.
回來重溫 font-size & line-height sass function，期待老師的sass課程~~
我在2022年尾看到這個影片 相見恨晚 雖然我也才剛入門前端 不過還是很感謝
1:18:030px 是因為 inline-block 會有空格
谢谢老师分享，分享很精彩。让我一个不懂web开发的都能学懂了。
感謝大大教學
強者！
感謝支持
請問一下為什麼我的設定 不是json黨
想問SASS要怎麼寫網頁RWD~用if 寫嗎？用SASS 還會配js一起用嗎？（原本用css+js的功能要怎麼改成sass？）比如js寫使用者第一次打開頁面要跳出css某個畫面、螢幕尺寸小於多少藥換成另一個畫面之類的～
RWD 主要還是靠 CSS media query 的方式在做...sass作為預處理器 功能在於開發時可以補上css原本較缺乏的管理以及邏輯操作部分 在大型專案上會比較有明顯的優勢
老師我想問一個很笨的問題~_~， 請問產出的dist 是要呈現出來給別人看的東西 ，那裏面的index.html 是要自己複製過去嗎 !? 並且改成 link: min.css嗎 XD!
一般專案只要設定沒問題 build 出來的整包就是要上線的東西喔
嗨 Alex 我想請問影片中 2:25:46 處 為什麼function font( )中可以直接用round( )取得四捨五入的數字，而不是用Math.round( )，查了相關的說明，找不太到，謝謝你。
這邊寫的是 Sass ...round() 是sass的內建功能...跟js Math.round()功能相同 都是做四捨五入
變數都是我的寶貝....XD
請問 我找不到 影片說 之後會用SCSS 切版的影片 可以提供連結嗎
目前頻道大部分還是 js 的內容為主～之後會慢慢加入更多 html css 的版面
請問-ms前綴在2020年還要加嗎
跟年份沒有關係～跟你要支援的瀏覽器有關～不過這部分目前我都要給打包程式處理了
错过了精彩的直播,,,还版权问题...我以为吵架了
音樂的關係～剪掉就沒事了
![[ 幹話聊前端 ] 工程師的等級頭銜之分與資深發展方向](/img/n.gif)
8:33 SASS(scss)入門介紹
20:54 _為什麼要用SASS
24:49 SASS有何特別之處?
27:33 _變數(Variable)
29:59 _繼承(Extend)
32:34 _函式(Function)
34:12 _混用(Mixin)
34:49 _其他(Other)
37:20 怎麼開始使用SASS
40:22 開始一場發現SASS之旅
43:37 環境、軟體與外掛/軟體設定
VScode plugin(live sass compiler / live server)
1:01:24 開始寫示範啦～～
1:22:30 註解// /* */的不同
1:33:50 變數$(可以算數)
1:37:46 繼承%+@extend(共用重複的樣式)
1:49:00 函式@function+@return(倍數)*
1:59:00 mixin跟extend差別
2:01:36 UI kit 說明
2:06:23 function+ Variable示範*
2:09:36 混用@mixin+@include
2:21:35 判斷式@if @else
2:25:50 Q&A
感謝整理
感謝！
接近3小時的小課程, 全看完了, 清晰易明, 有種和sass相逢恨晚的感覺, 感謝up主常由淺入深的講解, 可以Dev, Pro的css管理方式也很受用, 希望你能出更多的教學, 已申請加Facebook group了 :)
老師的課程, 真的很實用, 能學到很多東西, 非常感謝老師無私的奉獻
感謝支持~也可以分享給身邊需要的朋友唷~
谢谢分享,非常通俗易懂。
指正一点：line-height的属性值 150%和1.5还是有区别的，区别在于继承的时候。如父元素和子元素设置不同font-size,父元素设置150%line-height的话，子元素继承到的line-height是父元素的font-size *150%.
回來重溫 font-size & line-height sass function，期待老師的sass課程~~
我在2022年尾看到這個影片 相見恨晚 雖然我也才剛入門前端 不過還是很感謝
1:18:03
0px 是因為 inline-block 會有空格
谢谢老师分享，分享很精彩。让我一个不懂web开发的都能学懂了。
感謝大大教學
強者！
感謝支持
請問一下為什麼我的設定 不是json黨
想問SASS要怎麼寫網頁RWD~用if 寫嗎？用SASS 還會配js一起用嗎？（原本用css+js的功能要怎麼改成sass？）比如js寫使用者第一次打開頁面要跳出css某個畫面、螢幕尺寸小於多少藥換成另一個畫面之類的～
RWD 主要還是靠 CSS media query 的方式在做...sass作為預處理器 功能在於開發時可以補上css原本較缺乏的管理以及邏輯操作部分 在大型專案上會比較有明顯的優勢
老師我想問一個很笨的問題~_~， 請問產出的dist 是要呈現出來給別人看的東西 ，那裏面的index.html 是要自己複製過去嗎 !? 並且改成 link: min.css嗎 XD!
一般專案只要設定沒問題 build 出來的整包就是要上線的東西喔
嗨 Alex 我想請問影片中 2:25:46 處 為什麼function font( )中可以直接用round( )取得四捨五入的數字，而不是用Math.round( )，查了相關的說明，找不太到，謝謝你。
這邊寫的是 Sass ...round() 是sass的內建功能...跟js Math.round()功能相同 都是做四捨五入
變數都是我的寶貝....XD
請問 我找不到 影片說 之後會用SCSS 切版的影片 可以提供連結嗎
目前頻道大部分還是 js 的內容為主～之後會慢慢加入更多 html css 的版面
請問-ms前綴在2020年還要加嗎
跟年份沒有關係～跟你要支援的瀏覽器有關～
不過這部分目前我都要給打包程式處理了
错过了精彩的直播,,,还版权问题...我以为吵架了
音樂的關係～剪掉就沒事了