真的超簡單～ 要有這流程，主要是拿來測試串接 Facebook sdk、Apple rest api 等等使用。因為我是用 Mac 電腦，所以使用 Mac 安裝...
版本：nuxt 2.15.8 全名為 Nuxt configuration file，功能同 Vue 專案內 vue.config.js 檔，如果我們使用...
版本：nuxt 2.15.8 說到 Nuxt，必須先從 Vue.js 說起，Vue.js 為專注在視圖層(View) 的 JS 框架，為 SPA（Singl...
【工作內容】 依照UX/UI 設計稿進行網頁開發 功能評估並規劃時程 與後端團隊合作，串接 API 資料 撰寫前端單元測試、整合測試 調整網頁渲染效能 (SS...
第一，將 Google Ad Manager 腳本添加到 head 標籤，加載GPT腳本： <!-- app.html --> <scrip...
第一步，將 Google AdSense 腳本添加到 head 標籤（app.html 文件內）： <script async src=&quo...
用工具完成任務 ≠ 了解工具。 隨著時代演進，大部分的公司都採用框架來加速開發效率；自從有了框架，工程師可以更輕鬆，並且在更短的時間完成專案。 儘管做事的效...
用nuxt處理Eroor 404頁面的時候不小心踩到一個坑，因為當初幾乎用了一整天，整個人陷下去坑裡所以索性就記個筆記，也順便讓其他人不要踩到坑 前言 一...
最近許多的網站都開始強制使用 https，像前陣子碰到的 Facebook JavaScript SDK 也是如此，導致本地端測試很痛苦啊啊啊！爬文後發現有 m...
網站上架設Facebook messenger為你的網站創造與使用者更高的互動吧！ 前言 之前因為公司需求，希望在網站內加入Facebook messen...
由於小弟近日專案需要使用文字編輯器，於是選擇了 CKEditor 5，意外發現這鬼東西有夠難用，所以記錄一下使用過程，以防我以後又忘記~哈哈哈哈 安裝 CKEd...
目前聊天室有單獨設立一個router，進來到此頁有兩個方法： 首頁輸入暱稱後導入/chat 直接輸入網址localhost:3000/chat 但因為必...
今天要做的對話腳本結果 基本上，即時連線的機制已經做出來了，就算看起來像在亂寫，後面大部分就是在做一些小設計，讓聊天室偽裝的更像vscode 今天我們就來...
在開始今天的主題之前，先確認一下router有沒有設好，上一篇應該在送出名稱之後就會切換到localhost:3000/chat這個網址～ 再來還要把原本在pa...
資料存到Vuex 寫vue的時候說到store就是在講Vuex，恩，因為我剛開始很多名詞都不認識，每天都被各種問號的名詞轟炸，所以先說一下。 今天要把原本紀錄在...
login的事件通知 先處理server端的socket 監聽一個login事件 const SocketIO = require('socket.io')...
做匿名登入之前，先來提一下會用到的socket相關 Client端發出 socket.emit('事件名稱', data)，在server端的socket就會相...
過去這 30 天算是將小弟近期的學習跟 coding 經驗做個紀錄，很感謝推我入坑的學長兼前輩，對於他每天都幫忙校稿 (我的錯字真是無敵多... 汗顏) 提供意...
昨天介紹完 laradock 今天要把最後的 Nuxt 架起來。和 laradock 不一樣，小弟這邊沒有特別去找 image 或是開源，而是土炮自製了一個也順...
太久沒有用 Docker 差點忘光了，今天主要介紹基本的 Docker 指令以及如何使用 laradock 架設 Laravel 專案，沒錯，你以為惱人的環境設...
通常聊天都會習慣直接輸入Enter送出訊息，而且我們介面上也完全沒有要做按鈕ＸＤ當然要偽裝terminal也是直接用鍵盤送出～這篇就來做事件處理 平常會用add...
如果你也覺得 CSS 不容易維護重複使用、每次要定義比較深層 dom element 的樣式，CSS 要寫的超級長 ... 等一堆怨言，那一定要來寫寫看 SCS...
差點就要開天窗了...，今天整理之前的介紹，實際用 Laravel 和 Nuxt 做了最雛形的網站包含了「註冊」、「登入」和「登出」功能，有興趣的鐵人大大可以到...
上一篇我們設定好了socket連線，並且在首頁引入socket來收發事件，不過這樣做用了一陣子就會發現一件事情 就是要一直引入socket 就有點麻煩，更何況是...
講了這麼多，也該是要造個輪子練練手感了。事實上使用 Vue 等前端框架，最主要就是 component 可以重複利用，所以練手感歸練手感，如果沒有太多的 UI/...
安裝socket 先來個socket.io官網 寫了老半天終於要來寫socket了很怕湊不滿30天 先在Terminal安裝套件 npm i socket.io...
今天來做右半邊先處理一下layouts > default裡的maincss加上 .main { padding-left: 200px; //...
在傳統許多 JS 套件都是和畫面渲染以及 HTML Dom 有關。然而 Nuxt 是 SSR，因此在使用套件 (或是自己開發) 的過程中，可能會遇到「windo...
今天就先把基本的介面框框弄起來！ 先看結果： 如果問我說，左邊那些icon跟下面的terminal是幹嘛的，我只能告訴你，完全沒用阿哈哈哈哈哈哈目前沒想到可以...
Nuxt 的 plugins 有分為 「VueComponent 實例」、「Nuxt context」以及「整合至兩者」的三種不同類型的 plugin，今天除了...
寶寶出頭天
挖洗菜呱
albert41
iThome鐵人賽
看影片追技術