原打算在介紹完 page component 之後繼續介紹個 layout component 和 <slot>，但因為這兩個相對簡單所以還是不要打...
在 Vue 專案中，透過設定 VueRouter 制訂各個頁面的 URL 以及各種畫面結構安排，但在 Nuxt 專案中，不再需要透過設定，pages 的目錄結構...
先讓我們來看一下vscode的畫面 畫面架構 主要結構就是橘色的sidebar、綠色的聊天視窗跟紫色的Terminal輸入區。 sidebar會固定在瀏覽器左...
Vue component 熟悉之後，今天要接著介紹 pages 底下的 Vue component 多了那些屬性以及相關介紹，為了避免混淆，以下稱為 page...
先來造個路吧！使用vue-router設定從網址下不一樣的內容走到對應的頁面。 我們先在pages資料夾內新增一個檔案夾叫做chat，並增加一支index.vu...
Vue component 中 :bind 和 v-model 分別是「單向資料流」以及 「雙向綁定」，在單向資料流當中，有時候我們會需要將 Vue compo...
小弟在開發 Vue 或是 Nuxt 專案的時候，都曾經遇過 v-for 的迭代對象，明明已經被修改了，卻沒有看到畫面的變化，其中有些是 JS 撰寫的一些重點沒注...
昨天介紹了 VueComponent 常用屬性，今天接著介紹 <template> 的資料綁定渲染以及事件 資料綁定 渲染與邏輯控制 基...
Vue 基礎的概念就是將畫面切割成一個個元件 (component)，在各種需要的地方插入元件提供更方便、可重複利用的前端開發。至於元件的定義，可以大到整個完整...
此篇介紹一下 Nuxt.js 部屬到 Github 與 Heroku 上的流程，也算是順便做一個筆記 Github Pages 科普 這邊有兩個 Github...
距離 Day 02 也幾天了，在介紹完基本 Laravel API 開發之後，今天開始要介紹 Nuxt.js。和多數大神介紹方式不同，小弟比較喜歡透過造輪子了解...
在之前有提到前後端共享驗證規則進行開發，這樣的概念用 Git Submodule 就可以進行。Git Submodule 的概念是將其他 repositorie...
今天主要說明為甚麼 Postman 明明發出 request 有正確的 response，可是為甚麼接下來不論是 Vue.js 或 Nuxt.js 都會失敗呢!...
Laravel 介紹的尾聲要再為各位介紹兩個安全機制讓我們的 API 使用上更為安全。今天帶來的是 JSON Web Token (JWT)，明天則會說明 No...
很多時候我們對 request 內容要有比較複雜的檢查與過濾機制，例如說呼叫 API 的授權檢查，或是針對帶入資料是否含有 XSS 攻擊的可能性等諸如此類比較複...
在介紹完 controller 之後，接著要為 API 綁定 URL 讓其他系統可以使用。今天會依照下面主題逐一介紹 Laravel Routing 設定。...
從昨天的最後我們有說分散於各地的驗證規則不好管控，今天會透過以下的主題，整合驗證規則和驗證失敗的處理，同時再工商一個 vaidation 的套件，讓驗證規則可與...
Server 對於收到的資料都應該要進行驗證確保 server 的安全以及過濾不必要的錯誤。然而自己寫資料驗證頗為麻煩，從昨天的 controller 範例，也...
在連續兩天的減重之後，今天來看看 controller 瘦身後的結果吧 (聽起來好像賣膏藥的 XD)! 進入正題之前特別說明一下， controller 中的每...
昨天有提到 service 會統合各項資源與應用，事實上並沒有明確的文章規範那些處理應該寫在 service 或是 controller，至少兩者之間所處理的事...
開始之前，如果有對 MVC 不熟的大大可以參考文章。在 MVC 當中，其實只有定義了 model、view 和 controller 而已，意思就是說不需要接下...
今天要聊的主題是依賴注入 Dependency Injection (DI)，聊這個有點為難，一來是一不小心就會解釋太遠，二來是自認為只是略懂。所以今天打算規劃...
雖然系統中沒有資料也可以正常運作，不過個人還是習慣先準備好資料，再一層層往上建起來，若跟大家習慣不同還請多包涵 在 Laravel 中，資料庫相關的類別主要有下...
開箱怎麼可以沒有美照XD，完整的結構如圖，但由於我們只以 Laravel 作為 API server，所以只開箱開發 api 會用到的資料夾以及相關檔案。...
開發環境 & 套件 今天主要先把開發環境準備好，並建立專案。 喔對了! 才剛開始鐵人馬上被打臉，本次的採坑過程中主要是以 Laravel 5.8 為主，...
前言 在 MVC 的開發階段的過程，在處理 view 的部分，由於多數框架渲染引擎的耦合性特別高，個人一直沒有好感(就像阿兩對小町)。 自從被前輩推坑進入 MV...
行銷常常會需要追蹤網頁的流量，這時候就會用到這些工具了，這次就是教學一下怎麼埋入程式碼目前都有現成套件可使用，用法也非常簡單~~ FB Pixel 安裝套件...
在這邊將介紹不同型態的Routing 常用的有這幾種：Basic、Dynamic、Nested 因為Nuxt封裝了路由的生成，所以你不需要額外編寫路由(vue-...
這一章會大概介紹一下nuxt.config.js的一些設定與用法，並不一定完全詳細，主要會著重在自己有實際應用到的內容，那就開始吧。 mode 這裡會有兩個參數...
https://vuejs.kktix.cc/events/meetup-201811?fbclid=IwAR0YXpyfNgpfC4PkaJ7-bexT7P3...
albert41
挖洗菜呱
iThome鐵人賽
看影片追技術