![[筆記] Nuxt js 初探筆記 1 – 基礎環境建置](https://smlpoints.com/wp-content/uploads/notes-nuxt-js-1-1.png "[筆記] Nuxt js 初探筆記 1 – 基礎環境建置")
[筆記] Nuxt js 初探筆記 1 – 基礎環境建置
這回為了 Side Project 的開發 SEO 需要，來嘗試使用 Nuxt js 來架站並產生相關內容。這邊筆記下架設基礎環境前和過程中要留心的概念和內容。 Read More …
分類: 網頁開發 Web Development
![[筆記] Vuetify select autocomplete 套件限制多選數量](https://smlpoints.com/wp-content/uploads/notes-vuetify-expansion-custom-header-with-icons-1.jpg "[筆記] Vuetify select autocomplete 套件限制多選數量"){kind=icon}
[筆記] Vuetify select autocomplete 套件限制多選數量
在使用 Vuetify 前端框架開發時，當要給使用者進行「多選」需求時，偶會遇上「限制使用者選取數量」的情境。不過這功能目前 Vuetify 官方並沒有給出官方 Read More …
![[筆記] 判斷瀏覽器為手機端還是 PC 端的方法](https://smlpoints.com/wp-content/uploads/notes-use-browsersync-to-make-hot-reload-while-developing-1.jpg "[筆記] 判斷瀏覽器為手機端還是 PC 端的方法")
[筆記] 判斷瀏覽器為手機端還是 PC 端的方法
當使用者瀏覽你的網頁時，有時會需要去判斷視窗的寬度大小來決定畫面的呈現。除了可以用 window.addEventListener 的 resize 事件外，還 Read More …
![[筆記] UI 設計入門：畫出有程式邏輯的設計稿 – 38 – 專案協作上的常見問題](https://smlpoints.com/wp-content/uploads/notes-hexschool-ui-design.jpg "[筆記] UI 設計入門：畫出有程式邏輯的設計稿 – 38 – 專案協作上的常見問題")
[筆記] UI 設計入門：畫出有程式邏輯的設計稿 – 38 – 專案協作上的常見問題
近期於前端開發時常會被 PM 要求先提個 Mockup 來看看呈現效果之類的。有鑑於公司目前的人力配置一直沒有規劃到 UI / UX 這個領域，那就自己下來碰碰 Read More …
![[指南] 串接金流開發用 – 測試用信用卡產生器 Credit Card Generator](https://smlpoints.com/wp-content/uploads/guide-2017-credit-card-apply-howtouse-2018-future-1.jpg "[指南] 串接金流開發用 – 測試用信用卡產生器 Credit Card Generator")
[指南] 串接金流開發用 – 測試用信用卡產生器 Credit Card Generator
當串接金流相關服務時，測試用的信用卡資料便是一個傷腦筋的環節。Credit Card Generator 是個很方便的工具來達成測試目的。 使用方法 [ 網址 Read More …
![[指南] Emoji Finder 方便你於電腦中複製貼上 iOS 的表情符號](https://smlpoints.com/wp-content/uploads/guide-emoji-finder-ios-1.jpg "[指南] Emoji Finder 方便你於電腦中複製貼上 iOS 的表情符號")
[指南] Emoji Finder 方便你於電腦中複製貼上 iOS 的表情符號
若要在電腦上使用 iOS 相關的 emoji 圖示，最方便的方式想必是有一個網站可以提供關鍵字搜尋、複製的功能。Emoji Finder 就是為此而誕生的一個簡 Read More …
[筆記] UI 設計入門：畫出有程式邏輯的設計稿 – 37 – 如何與工程師互動 2
近期於前端開發時常會被 PM 要求先提個 Mockup 來看看呈現效果之類的。有鑑於公司目前的人力配置一直沒有規劃到 UI / UX 這個領域，那就自己下來碰碰 Read More …
![[指南] Redirect Checker – 301, 302 以及更多的 http 狀態碼](https://smlpoints.com/wp-content/uploads/guide-redirect-checker-301-302-http-status-code-1.jpg "[指南] Redirect Checker – 301, 302 以及更多的 http 狀態碼")
[指南] Redirect Checker – 301, 302 以及更多的 http 狀態碼
Redirect Checker 是個你需要即時查找網站的某個網頁狀態時的好幫手。它同時也可以選擇各種不同的 User-Agent 做測試，並區分其是否為 30 Read More …
[筆記] UI 設計入門：畫出有程式邏輯的設計稿 – 36 – 如何與工程師互動
近期於前端開發時常會被 PM 要求先提個 Mockup 來看看呈現效果之類的。有鑑於公司目前的人力配置一直沒有規劃到 UI / UX 這個領域，那就自己下來碰碰 Read More …
