- Yuci Chen·Last edited by Yuci Chen on Jun 25, 2020Linked with GitHubContributed by
- 1
There is no commentSelect some text and then click Comment, or simply add a comment to this page from below to start a discussion.練習各種版型切版
tags: OKR 切版練習
2020/05/22(Update:2020/06/23)
練習目的
不使用bootstrap框架，練習各種網頁上可能常見的各種版型／元件／區塊等，並使用CodePen提供範例參考
Demo1-圖文滿版區塊／雙背景CSS效果(圖片＋背景顏色)
https://codepen.io/yuci0213/pen/KKdbKOm
Demo2-Select選單SCSS＋JS效果
https://codepen.io/yuci0213/pen/xxZqodL
Demo3-tab選單SCSS＋JS效果
https://codepen.io/yuci0213/pen/ZEQyjvG
Read more
Javascript ES6基礎觀念
2020/07/22(Update:2020/07/24) var與let比較是否可以重複宣告 直接從程式碼就可以看出差異，var可以重複宣告，但let比較嚴謹會提醒不能重複宣告。 var a = 1; console.log(a); var a = 2; console.log(a); result:
Sep 25, 2020SCSS/CSS 學習筆記
2020/05/24(Update:2020/06/23) 網站資源 SCSS官方網站 SCSS官方網站-中文 Sass/Scss運作 早期Sass底層是以Ruby語言來撰寫，因此要使用Sass需要有Ruby環境，但官方已經於2019/03/26表示不再維護Ruby Sass!現階段比較主流的是DartSass及 LibSass，DartSass可讓Sass被編譯到JavaScript庫中，而LibSass最常見的就是因應Node.js而推出的Node-sass，目前我們正在使用的則是LibSass。 Scss與Sass差異 CSS寫法
Sep 10, 2020BEM 學習
2020/07/11(Update) 7/11學習內容 學習來源： BEM官方文件 youtube資源學習 什麼是BEM？ 以Block結構來命名Html Class Name。 全名叫Block／Element／Modifier。
Jul 12, 2020jQuery API 文件查詢使用
2020/05/19(Update:2020/06/13) 參考資源網站 jQuery官網-jQuery API Documentation easing函數速查表 w3school jQuery animate() 分享說明 針對jQuery官網上的API文件，將專案上可能較常使用的基本函式挑選出來學習，理解函式如何使用，若有寫的不清楚的地方歡迎提供補充。 一、Attributes(Dom屬性)
Jun 13, 2020
HackMD