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

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

技術 Nuxt.js - 該死的 CKEditor 5

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

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

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

albert41 ‧ 2019-09-06

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

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

albert41 ‧ 2019-09-10

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

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

albert41 ‧ 2019-09-12

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

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

albert41 ‧ 2019-09-24

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

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

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

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

活動 紅寶石開課囉（Nuxt）免費課程！

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

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

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

寶寶出頭天 ‧ 2021-09-25 ‧團隊自虐病友團

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

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

albert41 ‧ 2019-09-26

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

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

albert41 ‧ 2019-09-11

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

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

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

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

albert41 ‧ 2019-09-30

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

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

albert41 ‧ 2019-10-01

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

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

技術 Day 24. Plugin - 懶人救星

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

albert41 ‧ 2019-09-25

技術 D21：Nuxt 3.x 狀態管理 State Management (3)－Pinia Plugin Persistedstate 維持狀態

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 前一篇文章 說明了在 Nuxt3 搭配 Pinia 狀態管理工具全域共享狀態，本篇將介紹 pini...

claire chang ‧ 2023-10-02

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

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

albert41 ‧ 2019-09-07

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

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

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

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

albert41 ‧ 2019-09-22

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

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

albert41 ‧ 2019-09-28

達標好文 技術 主廚的話 - 餐點簡介與相關說明

Alex ‧ 2018-10-16 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 D1：Nuxt.js vs Vue.js，淺談 SPA 與 SSR

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 提到 Nuxt.js，必須先從 Vue.js 說起，Vue.js 為專注在視圖層（View）的...

claire chang ‧ 2023-09-12

技術 D26：Nuxt 3.x 套件應用－Swiper 製作輪播動畫

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 nuxt-swiper 版本：v1.2.0 網站開發常使用到輪播功能，Swiper 是一款基...

claire chang ‧ 2023-10-07

技術 D13：Nuxt 3.x API 請求方法－$fetch、useAsyncData、useFetch

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt3 提供了全域可使用的內建函式庫 $fetch 以及 composables useFe...

claire chang ‧ 2023-09-24

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

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

albert41 ‧ 2019-09-05

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

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

albert41 ‧ 2019-09-14

技術 十四號坑，Enter送出訊息－鍵盤事件

通常聊天都會習慣直接輸入Enter送出訊息，而且我們介面上也完全沒有要做按鈕ＸＤ當然要偽裝terminal也是直接用鍵盤送出～這篇就來做事件處理 平常會用add...

挖洗菜呱 ‧ 2019-09-30

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

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

albert41 ‧ 2019-09-23