【工作內容】 依照UX/UI 設計稿進行網頁開發 功能評估並規劃時程 與後端團隊合作,串接 API 資料 撰寫前端單元測試、整合測試 調整網頁渲染效能 (SS...
由於小弟近日專案需要使用文字編輯器,於是選擇了 CKEditor 5,意外發現這鬼東西有夠難用,所以記錄一下使用過程,以防我以後又忘記~哈哈哈哈 安裝 CKEd...
今天要聊的主題是依賴注入 Dependency Injection (DI),聊這個有點為難,一來是一不小心就會解釋太遠,二來是自認為只是略懂。所以今天打算規劃...
原打算在介紹完 page component 之後繼續介紹個 layout component 和 <slot>,但因為這兩個相對簡單所以還是不要打...
在這邊將介紹不同型態的Routing 常用的有這幾種:Basic、Dynamic、Nested 因為Nuxt封裝了路由的生成,所以你不需要額外編寫路由(vue-...
Server 對於收到的資料都應該要進行驗證確保 server 的安全以及過濾不必要的錯誤。然而自己寫資料驗證頗為麻煩,從昨天的 controller 範例,也...
在介紹完 controller 之後,接著要為 API 綁定 URL 讓其他系統可以使用。今天會依照下面主題逐一介紹 Laravel Routing 設定。...
https://vuejs.kktix.cc/events/meetup-201811?fbclid=IwAR0YXpyfNgpfC4PkaJ7-bexT7P3...
用nuxt處理Eroor 404頁面的時候不小心踩到一個坑,因為當初幾乎用了一整天,整個人陷下去坑裡所以索性就記個筆記,也順便讓其他人不要踩到坑 前言 一...
從昨天的最後我們有說分散於各地的驗證規則不好管控,今天會透過以下的主題,整合驗證規則和驗證失敗的處理,同時再工商一個 vaidation 的套件,讓驗證規則可與...
用工具完成任務 ≠ 了解工具。 隨著時代演進,大部分的公司都採用框架來加速開發效率;自從有了框架,工程師可以更輕鬆,並且在更短的時間完成專案。 儘管做事的效...
在傳統許多 JS 套件都是和畫面渲染以及 HTML Dom 有關。然而 Nuxt 是 SSR,因此在使用套件 (或是自己開發) 的過程中,可能會遇到「windo...
太久沒有用 Docker 差點忘光了,今天主要介紹基本的 Docker 指令以及如何使用 laradock 架設 Laravel 專案,沒錯,你以為惱人的環境設...
最近許多的網站都開始強制使用 https,像前陣子碰到的 Facebook JavaScript SDK 也是如此,導致本地端測試很痛苦啊啊啊!爬文後發現有 m...
昨天介紹完 laradock 今天要把最後的 Nuxt 架起來。和 laradock 不一樣,小弟這邊沒有特別去找 image 或是開源,而是土炮自製了一個也順...
行銷常常會需要追蹤網頁的流量,這時候就會用到這些工具了,這次就是教學一下怎麼埋入程式碼目前都有現成套件可使用,用法也非常簡單~~ FB Pixel 安裝套件...
Nuxt 的 plugins 有分為 「VueComponent 實例」、「Nuxt context」以及「整合至兩者」的三種不同類型的 plugin,今天除了...
開始之前,如果有對 MVC 不熟的大大可以參考文章。在 MVC 當中,其實只有定義了 model、view 和 controller 而已,意思就是說不需要接下...
Vue component 熟悉之後,今天要接著介紹 pages 底下的 Vue component 多了那些屬性以及相關介紹,為了避免混淆,以下稱為 page...
網站上架設Facebook messenger為你的網站創造與使用者更高的互動吧! 前言 之前因為公司需求,希望在網站內加入Facebook messen...
差點就要開天窗了...,今天整理之前的介紹,實際用 Laravel 和 Nuxt 做了最雛形的網站包含了「註冊」、「登入」和「登出」功能,有興趣的鐵人大大可以到...
昨天有提到 service 會統合各項資源與應用,事實上並沒有明確的文章規範那些處理應該寫在 service 或是 controller,至少兩者之間所處理的事...
雖然系統中沒有資料也可以正常運作,不過個人還是習慣先準備好資料,再一層層往上建起來,若跟大家習慣不同還請多包涵 在 Laravel 中,資料庫相關的類別主要有下...
今天主要說明為甚麼 Postman 明明發出 request 有正確的 response,可是為甚麼接下來不論是 Vue.js 或 Nuxt.js 都會失敗呢!...
開發環境 & 套件 今天主要先把開發環境準備好,並建立專案。 喔對了! 才剛開始鐵人馬上被打臉,本次的採坑過程中主要是以 Laravel 5.8 為主,...
Laravel 介紹的尾聲要再為各位介紹兩個安全機制讓我們的 API 使用上更為安全。今天帶來的是 JSON Web Token (JWT),明天則會說明 No...
如果你也覺得 CSS 不容易維護重複使用、每次要定義比較深層 dom element 的樣式,CSS 要寫的超級長 ... 等一堆怨言,那一定要來寫寫看 SCS...
在 Vue 專案中,透過設定 VueRouter 制訂各個頁面的 URL 以及各種畫面結構安排,但在 Nuxt 專案中,不再需要透過設定,pages 的目錄結構...
Vue 基礎的概念就是將畫面切割成一個個元件 (component),在各種需要的地方插入元件提供更方便、可重複利用的前端開發。至於元件的定義,可以大到整個完整...