[筆記] Vue.js & Node.js 專案初始化筆記
這篇主要是筆記下如何快速的在本機端生成一個 Vue.js 的專案，並結合 Bootstrap 和 Node.js 二者來產生一個前後端兼備但卻彼此分離的網路應用 Read More …
標籤: JavaScript
[IT技術30篇挑戰] 資料結構和演算法實作 DAY3 – 堆疊
堆疊式一個遵循LIFO(Left In First Out)後進先出的原則。在現實中就有點像是堆在桌上的書，越上方的(後放)會越先被拿走。不過 JavaScri Read More …
[筆記] 台灣縣市二聯式選單 tw-city-selector.js
最近的專案中，正巧需要給使用者填寫地址。那麼一個友善的表單，有個基本的縣市下拉式選單是很常見的(通常還會帶有郵遞區號3碼)。秉持著若已經有人造好輪子，那就不一定 Read More …
[IT技術30篇挑戰] 資料結構和演算法實作 DAY2 – 陣列
這回從基礎的陣列開始。陣列是資料結構中最常見，也最方便存取的一種模式，幾乎各個程式語言都有。不過若要追加、刪除數據的話，就會比較費時。若不巧要從一個共有n項的陣 Read More …
[IT技術挑戰] 資料結構和演算法實作 DAY1 – JavaScript 環境建置
IT 邦已經推出了11屆的幫忙鐵人賽，我認為是一個非常適合逼自己專注於習得某項技能基礎的好方式。於是乎，就手刀購入了一本網路上很經典的 JavaScript 資 Read More …
[筆記] Sequelize NodeJS 專案初始化筆記
本篇記錄下 AlphaCamp 第四學期的重頭戲之一，與他人一同打造類 Twitter 專案的過程。同時，這也是記錄如何從無到有打造一個專案的過程。 一、專案規 Read More …
[筆記] 運用 Heroku 佈署的初始化步驟
這篇文章記錄下如何將本機端的專案推撥到 Heroku 上的步驟。整體操作難度不高，但是要盡量讓 git 和 heroku 的檔案放在同一層。否則上傳時，hero Read More …
[筆記] 線上正規表示式測試器
在寫程式時，常會使用正規表示式 (Regular Expression) 來比對資料的相對性。不過其指令相當的不直覺，為了避免浪費過多的測試時間，所以這回找到 Read More …
[筆記] TinyURL 服務串接
TinyURL 縮網址服務，網友一般戲稱為 台泥。這算是老牌的縮網址服務了，成立於2002年。不過官方一直沒有公布相關的服務串接API介面，不過從網路上找到相關 Read More …
運用 Node.js 建網站的初始化步驟
AlphaCamp 的課程進入到第三學期後期，趁機整理一下如何運用 Node.js 來建立一個簡單網站的步驟(包含前端畫面、後端資料庫、登入頁面、串接API以及 Read More …
[筆記] JavaScript 雙層選單篩選連動
在網頁前端開發中常見的雙層以上的篩選器，要怎麼順利的傳遞兩個以上的參數到後端呢？運用一些設計上的小技巧就可以辦到了。 解決方法 基本上，當使用者第一次傳遞參數到 Read More …
[筆記] Google, Facebook, Github OAuth 認證設定申請
方前在網頁開發時，說要做個使用者登入介面串接，那最方便的選擇非 OAuth 2 的技術了。不過 Google, Facebook 和 Github 的設定頁面有 Read More …
Mongo DB 條件操作符
初接觸 Mongo DB，就順帶記錄一下常常用到的查詢指令 – db.collection.find() 的用法。 指令結構： db.collect Read More …
Express Validator 操作介紹
express.js 相關的套件之一，Express Validator，可以幫助設計者節省在表單驗證下的難處。 下載與官方文件 Github：https:// Read More …
安裝 MongoDB 出現 SocketException: Address already in use 錯誤
初次安裝並啟動 MongoDB 時，若不小心關閉終端機而沒有將伺服器關閉，這時重新啟動時，就會出現此錯誤。本文是要記錄下如何解決這小狀況的方法。 問題原因 之前 Read More …
[筆記] Handlebars Register Helper 自定義 Helper 用法
Handlebars 的模版，其判斷式功能的延展性不佳，類似 {{#if 3>2}} 這類的用法都預設無法使用。RegisterHelper 就是用來解決 Read More …
[筆記] Google Place API 串接 (Google Map 系列服務)
Alpha Camp 的第二學期課程，讓大家試試水溫串接 API。在心血來潮下，想說串接個 Google Map 的 API 來玩玩看。不過要做的準備工作還真不 Read More …
[筆記] JavaScript Disabled 屬性
運用 JavaScript 幫表格或是按鈕加上 Disabled 屬性，來管理使用者的行為。 實作步驟 1. HTML 部分 – 先載入要作用的按鈕 Read More …
[筆記] Bootstrap Modal 互動視窗 操作指南和除錯
Bootstrap 算是網頁設計中常見的套件框架了，以下是Modal(互動視窗)初次實作時遇到的一些故障排除和經驗分享。 Modal 是什麼？ 網頁中用來增加「 Read More …
[筆記] Alpha Camp 第三學期
Alpha Camp 是個新興的線上線下整合的課程平台。第三階段是為期8週的課程，主要將學習 Web 開發實務框架，使用 JavaScript + Node.j Read More …
[筆記] Pagination 分頁功能 實作 JavaScript
網頁設計中常見的分頁功能(Pagination)的實作筆記過程。邏輯上，可以拆解成以下兩項： 1.計算總共頁數 2.依照使用者點擊的頁數來決定顯示多少項目 實作 Read More …
