前端嬌娃各自在公司打 code,沒人一起講幹話。
常常看到有些網站的漢堡選單用換圖的方式從 三 --> X會覺得有點可惜,其實漢堡選單的動態一樣CSS 就可以搞定!說不定會因為動得太可愛,讓大家一直點 (...
這個看起來很像HTML的標籤語法,但實際上他是JavaScript的語法所擴充出來的 JSX語法 const element = <h1>Hello...
元件是Vue最強大的功能之一,可以將重複的程式碼封裝,提高效率和維護性。 元件組織 把網頁分成區塊,區塊內還可以在分區塊,每個區塊都有各自的模板、樣式,與行為邏...
文字跑馬燈偶爾會在一些運動品牌或是潮牌看到,裝飾效果很棒又很炫,以前也是傻傻以為要用JS寫,偵測跑完了再放下一段......但在Youtube看到這個教學影片)...
Class Component用的是ES6中的class語法建立元件,接著去 extends(繼承)React.component中定義的內容。 被定義的內容渲...
v-指令最後一章,就是v-if系列還有v-show, v-show 和v-if不一樣的地方在接收到false時,會用display:none的方式隱藏。 v-...
這一兩年很常在網頁設計中看到這種不規則的小東西出現,甚至還會像波浪一樣動。之前傻傻地用Svg做,然後一直換path,結果效能不太好。上網一查發現其實只要用bor...
React的核心就是將UI拆成不同的程式碼,以元件的方式獨立,讓元件可以在主程式中重複利用。 而要使用這些元件前我們必須將元件宣告後輸出使用。 宣告方法有兩種方...
前幾天都比較專注在文字上的CSS動態,今天就來看看圖片的吧!比起一堆文字,放圖片絕對能夠說個好故事!可是一張圖片不夠說明怎麼辦?那就在使用者Hover的時候才把...
Vue中還有一個很重要的指令就是事件綁定v-on,讓DOM可以去做更多的事情。 v-on事件綁定(簡寫'@') 使用的方式為v-on:[事件名稱]="...