iT邦幫忙

nuxt.js相關文章
共有 95 則文章

徵才 [台北] Vue.js前端工程師 Frontend Engineer(月薪6-8萬) - 已停招

【工作內容】 依照UX/UI 設計稿進行網頁開發 功能評估並規劃時程 與後端團隊合作,串接 API 資料 撰寫前端單元測試、整合測試 調整網頁渲染效能 (SS...

技術 Nuxt.js - 該死的 CKEditor 5

由於小弟近日專案需要使用文字編輯器,於是選擇了 CKEditor 5,意外發現這鬼東西有夠難用,所以記錄一下使用過程,以防我以後又忘記~哈哈哈哈 安裝 CKEd...

鐵人賽 Modern Web DAY 5

技術 Day 05. 一不小心就會扯遠的依賴注入 (DI)

今天要聊的主題是依賴注入 Dependency Injection (DI),聊這個有點為難,一來是一不小心就會解釋太遠,二來是自認為只是略懂。所以今天打算規劃...

鐵人賽 Modern Web DAY 23

技術 Day 23. Vuex 和 Cookie 哪個好? 小朋友才做決定,我兩個都要

原打算在介紹完 page component 之後繼續介紹個 layout component 和 <slot>,但因為這兩個相對簡單所以還是不要打...

技術 NUXT.js 筆記 - 路由 (Routing)

在這邊將介紹不同型態的Routing 常用的有這幾種:Basic、Dynamic、Nested 因為Nuxt封裝了路由的生成,所以你不需要額外編寫路由(vue-...

鐵人賽 Modern Web DAY 9

技術 Day 09. Request 驗證可以再簡單一點 (Validation)

Server 對於收到的資料都應該要進行驗證確保 server 的安全以及過濾不必要的錯誤。然而自己寫資料驗證頗為麻煩,從昨天的 controller 範例,也...

鐵人賽 Modern Web DAY 11

技術 Day 11. 第一個 Laravel API 終於生出來惹 (´;ω;`)

在介紹完 controller 之後,接著要為 API 綁定 URL 讓其他系統可以使用。今天會依照下面主題逐一介紹 Laravel Routing 設定。...

活動 紅寶石開課囉(Nuxt)免費課程!

https://vuejs.kktix.cc/events/meetup-201811?fbclid=IwAR0YXpyfNgpfC4PkaJ7-bexT7P3...

技術 [Nuxt Vue] Error status跳404頁面

用nuxt處理Eroor 404頁面的時候不小心踩到一個坑,因為當初幾乎用了一整天,整個人陷下去坑裡所以索性就記個筆記,也順便讓其他人不要踩到坑 前言 一...

鐵人賽 Modern Web DAY 10

技術 Day 10. FormRequest 管理驗證規則的好幫手

從昨天的最後我們有說分散於各地的驗證規則不好管控,今天會透過以下的主題,整合驗證規則和驗證失敗的處理,同時再工商一個 vaidation 的套件,讓驗證規則可與...

鐵人賽 Software Development DAY 10
全端工程師生存筆記 系列 第 10

技術 [面試][前端]請說明你現在專案用到的前端框架

用工具完成任務 ≠ 了解工具。 隨著時代演進,大部分的公司都採用框架來加速開發效率;自從有了框架,工程師可以更輕鬆,並且在更短的時間完成專案。 儘管做事的效...

鐵人賽 Modern Web DAY 25

技術 Day 25. 說好的 window 和 document 呢?

在傳統許多 JS 套件都是和畫面渲染以及 HTML Dom 有關。然而 Nuxt 是 SSR,因此在使用套件 (或是自己開發) 的過程中,可能會遇到「windo...

鐵人賽 Modern Web DAY 29

技術 Day 29. 博大坑深的 Docker 部屬 - laradock (1/2)

太久沒有用 Docker 差點忘光了,今天主要介紹基本的 Docker 指令以及如何使用 laradock 架設 Laravel 專案,沒錯,你以為惱人的環境設...

技術 Mkcert - 本地端使用 https(Live Server & Vue CLI & Nuxt.js)

最近許多的網站都開始強制使用 https,像前陣子碰到的 Facebook JavaScript SDK 也是如此,導致本地端測試很痛苦啊啊啊!爬文後發現有 m...

鐵人賽 Modern Web DAY 30

技術 Day 30. 博大坑深的 Docker 部屬 - Nuxt (2/2)

昨天介紹完 laradock 今天要把最後的 Nuxt 架起來。和 laradock 不一樣,小弟這邊沒有特別去找 image 或是開源,而是土炮自製了一個也順...

達標好文 技術 Nuxt.js - GTM & GA & FB Pixel 安裝

行銷常常會需要追蹤網頁的流量,這時候就會用到這些工具了,這次就是教學一下怎麼埋入程式碼目前都有現成套件可使用,用法也非常簡單~~ FB Pixel 安裝套件...

鐵人賽 Modern Web DAY 24

技術 Day 24. Plugin - 懶人救星

Nuxt 的 plugins 有分為 「VueComponent 實例」、「Nuxt context」以及「整合至兩者」的三種不同類型的 plugin,今天除了...

鐵人賽 Modern Web DAY 6

技術 Day 06. Controller 減重計畫 (Repository 篇)

開始之前,如果有對 MVC 不熟的大大可以參考文章。在 MVC 當中,其實只有定義了 model、view 和 controller 而已,意思就是說不需要接下...

鐵人賽 Modern Web DAY 21

技術 Day 21. Nuxt page component 粉墨登場

Vue component 熟悉之後,今天要接著介紹 pages 底下的 Vue component 多了那些屬性以及相關介紹,為了避免混淆,以下稱為 page...

技術 [vue.js nuxt教學]在你網站架設Facebook messenger吧(Facebook Customer chat串接教學)

網站上架設Facebook messenger為你的網站創造與使用者更高的互動吧! 前言 之前因為公司需求,希望在網站內加入Facebook messen...

鐵人賽 Modern Web DAY 27

技術 Day 27. 居家旅行、殺人滅口,必備良藥 -「註冊」、「登入」與「登出」

差點就要開天窗了...,今天整理之前的介紹,實際用 Laravel 和 Nuxt 做了最雛形的網站包含了「註冊」、「登入」和「登出」功能,有興趣的鐵人大大可以到...

鐵人賽 Modern Web DAY 7

技術 Day 07. Controller 減重計畫 (Service 篇)

昨天有提到 service 會統合各項資源與應用,事實上並沒有明確的文章規範那些處理應該寫在 service 或是 controller,至少兩者之間所處理的事...

鐵人賽 Modern Web DAY 4

技術 Day 04. DB 三劍客 Migration, Model 和 Resource

雖然系統中沒有資料也可以正常運作,不過個人還是習慣先準備好資料,再一層層往上建起來,若跟大家習慣不同還請多包涵 在 Laravel 中,資料庫相關的類別主要有下...

鐵人賽 Modern Web DAY 14

技術 Day 14. 自己家的孩子自己打 - No Access-Control-Allow-Origin

今天主要說明為甚麼 Postman 明明發出 request 有正確的 response,可是為甚麼接下來不論是 Vue.js 或 Nuxt.js 都會失敗呢!...

鐵人賽 Modern Web DAY 2

技術 Day 02. 惱人的環境設定

開發環境 & 套件 今天主要先把開發環境準備好,並建立專案。 喔對了! 才剛開始鐵人馬上被打臉,本次的採坑過程中主要是以 Laravel 5.8 為主,...

鐵人賽 Modern Web DAY 13

技術 Day 13. Knock knock! Who’s there? JSON Web Token (JWT)

Laravel 介紹的尾聲要再為各位介紹兩個安全機制讓我們的 API 使用上更為安全。今天帶來的是 JSON Web Token (JWT),明天則會說明 No...

鐵人賽 Modern Web DAY 28

技術 Day 28. 別鬧了,定義個樣式 class name 寫得有夠長 - SCSS 基礎介紹

如果你也覺得 CSS 不容易維護重複使用、每次要定義比較深層 dom element 的樣式,CSS 要寫的超級長 ... 等一堆怨言,那一定要來寫寫看 SCS...

鐵人賽 Modern Web DAY 22

技術 Day 22. 話說 Nuxt 的 VueRouter 呢?

在 Vue 專案中,透過設定 VueRouter 制訂各個頁面的 URL 以及各種畫面結構安排,但在 Nuxt 專案中,不再需要透過設定,pages 的目錄結構...

鐵人賽 Modern Web DAY 17

技術 Day 17. Vue Component 快速導讀 (1/2)

Vue 基礎的概念就是將畫面切割成一個個元件 (component),在各種需要的地方插入元件提供更方便、可重複利用的前端開發。至於元件的定義,可以大到整個完整...