本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 提到 Nuxt.js，必須先從 Vue.js 說起，Vue.js 為專注在視圖層（View）的...
版本：nuxt 2.15.8 全名為 Nuxt configuration file，功能同 Vue 專案內 vue.config.js 檔，如果我們使用...
版本：nuxt 2.15.8 說到 Nuxt，必須先從 Vue.js 說起，Vue.js 為專注在視圖層(View) 的 JS 框架，為 SPA（Singl...
真的超簡單～ 要有這流程，主要是拿來測試串接 Facebook sdk、Apple rest api 等等使用。因為我是用 Mac 電腦，所以使用 Mac 安裝...
【工作內容】 依照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...
目前聊天室有單獨設立一個router，進來到此頁有兩個方法： 首頁輸入暱稱後導入/chat 直接輸入網址localhost:3000/chat 但因為必...
今天要做的對話腳本結果 基本上，即時連線的機制已經做出來了，就算看起來像在亂寫，後面大部分就是在做一些小設計，讓聊天室偽裝的更像vscode 今天我們就來...
在開始今天的主題之前，先確認一下router有沒有設好，上一篇應該在送出名稱之後就會切換到localhost:3000/chat這個網址～ 再來還要把原本在pa...
資料存到Vuex 寫vue的時候說到store就是在講Vuex，恩，因為我剛開始很多名詞都不認識，每天都被各種問號的名詞轟炸，所以先說一下。 今天要把原本紀錄在...
過去這 30 天算是將小弟近期的學習跟 coding 經驗做個紀錄，很感謝推我入坑的學長兼前輩，對於他每天都幫忙校稿 (我的錯字真是無敵多... 汗顏) 提供意...
昨天介紹完 laradock 今天要把最後的 Nuxt 架起來。和 laradock 不一樣，小弟這邊沒有特別去找 image 或是開源，而是土炮自製了一個也順...
login的事件通知 先處理server端的socket 監聽一個login事件 const SocketIO = require('socket.io')...
太久沒有用 Docker 差點忘光了，今天主要介紹基本的 Docker 指令以及如何使用 laradock 架設 Laravel 專案，沒錯，你以為惱人的環境設...
做匿名登入之前，先來提一下會用到的socket相關 Client端發出 socket.emit('事件名稱', data)，在server端的socket就會相...
如果你也覺得 CSS 不容易維護重複使用、每次要定義比較深層 dom element 的樣式，CSS 要寫的超級長 ... 等一堆怨言，那一定要來寫寫看 SCS...
通常聊天都會習慣直接輸入Enter送出訊息，而且我們介面上也完全沒有要做按鈕ＸＤ當然要偽裝terminal也是直接用鍵盤送出～這篇就來做事件處理 平常會用add...
差點就要開天窗了...，今天整理之前的介紹，實際用 Laravel 和 Nuxt 做了最雛形的網站包含了「註冊」、「登入」和「登出」功能，有興趣的鐵人大大可以到...
講了這麼多，也該是要造個輪子練練手感了。事實上使用 Vue 等前端框架，最主要就是 component 可以重複利用，所以練手感歸練手感，如果沒有太多的 UI/...
上一篇我們設定好了socket連線，並且在首頁引入socket來收發事件，不過這樣做用了一陣子就會發現一件事情 就是要一直引入socket 就有點麻煩，更何況是...
安裝socket 先來個socket.io官網 寫了老半天終於要來寫socket了很怕湊不滿30天 先在Terminal安裝套件 npm i socket.io...
今天來做右半邊先處理一下layouts > default裡的maincss加上 .main { padding-left: 200px; //...
在傳統許多 JS 套件都是和畫面渲染以及 HTML Dom 有關。然而 Nuxt 是 SSR，因此在使用套件 (或是自己開發) 的過程中，可能會遇到「windo...
Nuxt 的 plugins 有分為 「VueComponent 實例」、「Nuxt context」以及「整合至兩者」的三種不同類型的 plugin，今天除了...
今天就先把基本的介面框框弄起來！ 先看結果： 如果問我說，左邊那些icon跟下面的terminal是幹嘛的，我只能告訴你，完全沒用阿哈哈哈哈哈哈目前沒想到可以...
claire chang
寶寶出頭天
挖洗菜呱
albert41
iThome鐵人賽
看影片追技術