前端開發

這篇文章介紹了CSS Battle每週切版#107的解題方法。它深入講解了使用grid來處理圖案的方法，同時介紹了圖層堆疊、border-radius和z-index的使用。文章中還分享了使用position: relative;調整位置的技巧。本篇文章是前端工程師們進行基礎切版學習和練習的好材料。

這是一篇關於CSS Battle系列的文章，介紹瞭如何通過CSS來處理特定圖案的切版與前端工程技術。文章分享了使用grid和radial-gradient()方法來處理特定圖案的解法以及相關技術總結。

在CSS Battle的第153題，我們會使用grid、css選擇器、偽元素等技巧來解決西洋棋盤的排版問題。這篇文章分享了完整的解法，包括選擇器使用、偽元素的應用以及其他排版技巧，並激勵讀者分享自己的解法。

Swiper.js 是一個功能齊全的輪播套件，除了輪播外，也可以客製化導航按鈕和頁碼等細項。目前支持 JS、React、Vue。但是 Swiper.js Vue 版本主要由 Composition API 風格構成，此篇文章將介紹 Options API 的撰寫方式，以及如何做樣式客製化。

本篇文章分享了 CSS Battle 的題目 #160 的解法，並講解了對於前端工程師基礎切版的重要性和技術總結。

這篇文章將解析CSS Battle第136題的解法，主要考驗基本CSS置中排版的能力，並提供了作者的解法與技術總結。透過互動學習，讓想要學習或練習基礎切版的朋友可以參與討論。

Vite 是由 Vue 開發者 Evan You 所開發出來，用來加快、優化程式碼打包的工具，在這裡我們不免會需要提到大部分前端開發者可能都會聽過、使用過的前端工具：Webpack。 在那之前，我們先來聊聊為什麼前端會需要所謂的打包工具呢？

本篇文章介紹了 CSS Battle 第 163 題的解法，並分享了作者的實際操作方法。透過使用 gird 排版、before & after 搭配 overflow: hidden 等修飾來創建多邊形。這篇提供了基本的 CSS 切版技術以及解法分享。

「在 JavaScript 中 0.1 + 02 等於多少？」 這是我在面試時會問的一題。有經驗的工程師應該知道我在問什麼，但相信仍有不少人可能還不知道 0.1 + 0.2 不等於 0.3。

使用React.js實作CAPTCHA元件的步驟和技巧