Featured image of post 前端新寵兒？ - Svelte 介紹
Svelte

前端新寵兒？ - Svelte 介紹

Svelte 應用和組件由 .svelte 文件定義。這是一種添加了類似於JSX的模板語法的HTML文件。Svelte 使用 $: 語法來標記響應式的組件。頂層的變量是組件的狀態，導出的變量成為組件接收的屬性。本文適合人群：有HTML、CSS、JS基礎，知道並已經安裝了Node。

Featured image of post 將網頁變成Progressive Web Application(PWA)，漸進式的網頁應用程式
PWA SEO Firebase

將網頁變成Progressive Web Application(PWA)，漸進式的網頁應用程式

漸進式網路應用程式（英語：Progressive Web Apps，簡稱：PWA）是一種普通網頁或網站架構起來的網路應用程式，但它可以以傳統應用程式或原生行動應用程式形式展示給使用者。這種應用程式形態視圖將目前最為現代化的瀏覽器提供的功能與行動裝置的體驗優勢相結合。

Featured image of post Vben Admin 指南與 Vite 配置
NPM plugins Vite

Vben Admin 指南與 Vite 配置

Vue-Vben-Admin 是一個基於 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的後台解決方案，目標是為開發中大型項目提供開箱即用的解決方案。包括二次封裝組件、utils、hooks、動態菜單、權限校驗、按鈕級別權限控制等功能。項目會使用前端較新的技術棧，可以作為項目的啟動模版，以幫助你快速搭建企業級中後台產品原型。也可以作為一個示例，用於學習 vue3、vite、ts 等主流技術。該項目會持續跟進最新技術，並將其應用在項目中。

Featured image of post 用 CSS 來偷資料 - CSS injection
CSS

用 CSS 來偷資料 - CSS injection

談到網頁前端安全，第一個想到的幾乎都是 XSS，一種利用 JavaScript 的攻擊手法。有許多人都以為只要阻止 JavaScript 執行就足夠了，但事實上還可以透過其他方式攻擊，例如說 iframe 或甚至是拿來裝飾網頁的 CSS！