iT邦幫忙

spa相關文章
共有 21 則文章
鐵人賽 Modern Web DAY 21

達標好文 技術 你走你的陽關道,我走我的獨木橋:前後端分離

你走你的陽關道,我走我的獨木橋:前後端分離 接續我們之前講的 ajax,自從有了 ajax 以後,就可以在任何時候從前端主動跟後端要資料。這代表什麼呢?這代表如...

鐵人賽 Modern Web DAY 2

達標好文 技術 [Angular 深入淺出三十天] Day 01 - MPA 與 SPA

在一個風雨交加、打雷閃電的夜晚,我正坐在電腦前專注地看著螢幕中的文章並喃喃自語著。 「哇賽!才幾年沒碰 Web Front-End,怎麼前端世界變了這麼多阿?!...

鐵人賽 其他技術 DAY 20

技術 Day20– 前端小字典三十天【每日一字】– SPA

SPA 是什麼? 單頁面應用程式 Single Page Applications 過去: Multi-Page (多頁式) 以前製作網站大多是一個一個頁面切...

鐵人賽 Modern Web DAY 18

技術 18. [FE] 為什麼網站要做成 SPA?SSR 的優點是什麼?

稍有經驗的開發者,可能對最近 SPA,SSR 等術語不太陌生,大概也能知道 SPA 指的是單頁式應用(Single Page Application)、SSR...

鐵人賽 Modern Web DAY 1

技術 Day 01 為什麼我用 Laravel 寫 SPA 卻可以不寫 API?

在回答這個問題之前,我們先回來看看網頁前後端的區別吧! 以後端為基礎的網頁應用,優點是天生SEO良好,缺點是載入速度較慢。後來以AJAX為基礎,誕生了前端的網頁...

鐵人賽 Modern Web DAY 29
學會Elm寫前端 系列 第 29

技術 29 Elm裡的module,學會分割術

今天來聊聊如果你的code變得越來越大怎麼辦?你不想要放在同一個檔案裡啊, 其實之前我們也有稍微提到過,就是使用 module,常常我們也在code裡寫到 im...

鐵人賽 Modern Web DAY 2

技術 Day 02 Inertia.js 是什麼?

Inertia.js 不是框架,也不是要來取代現有的框架。Inertia.js 的本質是個前端的路由套件,透過銜接既有的「前端框架」和「後端框架」,來達到用「...

鐵人賽 Modern Web DAY 3

技術 Day 03 初始化 Lightning - 安裝 Laravel & Vue.js & Inertia.js

準備好 Laravel 的開發環境後,就可以開始初始化專案了。 安裝 Laravel 說到 Laravel 最近的大事件,就是 Laravel 8 準備要發布了...

鐵人賽 Modern Web DAY 4

技術 Day 04 Inertia.js 的 Hello world

裝完 Laravel 後,我們就要開開心心地開始開發啦!首先第一步就是熟悉的 Laravel Router,把預設的 Welcome 視圖換成 Inertia...

鐵人賽 自我挑戰組 DAY 1

技術 [DAY01]前言-踏上SPA學習之旅

大家好,I am Yellow River,這次是第一次報名自我挑戰賽,題目是:「不用前端框架 手把手打造基礎SPA」。先簡單介紹一下自己,小弟任職過3年網頁設...

鐵人賽 自我挑戰組 DAY 3

技術 [DAY03]淺談前端SPA框架-以React為例(上篇)

既然要自己寫SPA,我們先來談談前端框架,本文分成上下篇,這邊重點不在教會你使用,而是想告訴你框架做了些什麼,以下用React來當例子: 傑森是一名網頁設計師,...

鐵人賽 自我挑戰組 DAY 6

技術 [DAY06]SPA路由的應用(上篇)

大家好,在昨天有提到server side與client side運作的原理,今天我們進一步來談談SPA在路由上是如何應用的,並將搭配實例來說明。 當我們要造訪...

鐵人賽 自我挑戰組 DAY 8

技術 [DAY08]小試身手-使用history做出SPA

大家好,自從開賽已過了一周了,首先給自己一點掌聲,耶呼,大家一起繼續努力吧! 第一周主要聊些SPA的基本概念,今天我們來點有趣的,直接用簡單的範例來試做SPA...

鐵人賽 自我挑戰組 DAY 9

技術 [DAY09]小試身手-使用hash做出SPA

大家好,昨天我們用history API來實做簡單的SPA,今天我們要來實做第二種方式,使用location.hash做出SPA。 準備畫面 跟昨天模式一樣,先...

鐵人賽 自我挑戰組 DAY 12

技術 [DAY12]無痛模組化Javascript,匯出引入so easy

相信大家應該都有這樣的經驗,當同一隻JS裡程式碼越寫越多,維護起來是一件很頭痛的事。如果將一隻JS拆分多個檔案出來,雖然是拆開了,但相互調用變數只能透過全域變數...

鐵人賽 自我挑戰組 DAY 2

技術 [DAY02]3分鐘帶你初步認識SPA

近年來SPA在前端已是非常火紅的名詞,英文全名是Single Page Application,中文叫做單頁應用程式,即使你不了解它,應該也聽過一些。 與SPA...

鐵人賽 自我挑戰組 DAY 14

技術 [DAY14]手動打造SPA - 建立Component

上一篇我們使用Node建立了基本的開發環境與安裝套件後,今天就來建立元件(Component)吧!前面有提到SPA render的原理,以及建立Componen...

鐵人賽 自我挑戰組 DAY 7

技術 [DAY07]SPA路由的應用(下篇)

各位好,延續昨天的內容,今天要說明如何透過監聽事件,來得知網址產生變化後的行為: 我們知道可以用Javascript讓網址產生了變化,但仔細想想,要怎麼知道在網...

鐵人賽 自我挑戰組 DAY 13

技術 [DAY13]手動打造SPA - 環境初始化建置

經過前面漫長的鋪陳,差不多是時候來進行SPA完整的實做了,接下來我們就來試試用Node搭配原生JS建立單頁應用網站吧! 建立專案 這邊我們先新建一個專案資料夾,...

鐵人賽 自我挑戰組 DAY 4

技術 [DAY04]淺談前端SPA框架-以React為例(下篇)

在了解什麼是render後,傑森從React官網看到另一個範例,有段文字這樣寫道: Component 使你可以將 UI 拆分成獨立且可複用的程式碼 什麼是...

鐵人賽 自我挑戰組 DAY 5

技術 [DAY05]Server Side Render與Client Side Render

我們先前在Day2 3分鐘帶你初步認識SPA 的文章初步介紹過SPA,主要是用前端client side render的方式。另外在前兩天我們也提到了,前端可以...