前言紀錄學習分頁的實作邏輯，將大量需要呈現的資訊分隔開來，避免造成瀏覽問題。 邏輯在製作分頁的時候會需要使用到幾個要點，限制每頁需要的資料，在前往下一頁的時候需要使用偏移。 limit: 限制資訊筆數 offset: 偏移量 page: 目前頁數 pages: 全部數到的頁數 totalPage: ...

前言從工程師角度了解產品設計思考，寫程式碼在產品開發中屬於後期階段，在這之前須要整理出一些資訊 產品規格 product specification 目標受眾 target audience 使用者故事 user stories 再依據收集到的材料，進行思考將問題拆解並實作。 想法到產品規格的 ...

前言練習 empathize、define、prototype empathize: 訪談，製作 empathy map define: 製作 persona prototype: 撰寫簡單的 profuct spec，產品雛形的 user stories。 產品設計師在使用同理與定義使用者時， ...

前言在現在的 JS 可以做到很多 jQuery 的事情，但是 jquery 已經存在有一段時間，在網路開發的路上隨處可見，而且有些使用上也是很方便，除了閱讀官方文件，藉由 udemy 課程更輕鬆的認識這個資料庫。 Selecting with jQuery在使用 jQuery 的時候，作為選擇器是使 ...

事件傳遞順序在啟動事件時，會逐層傳遞，順序不同各自為 event bubbling: 由下而上，直到 document event capturing: 由上而下 event bubbling因為冒泡事件現象，為了防止點擊底層事件會影響到上層元素會使用 JS 的 event.StopPropag ...

了解 bootstrap flex 設定 d-flex在 d-flex 的預設狀況下，包還在其中的物件，都是由左至右、由上至下看，也就是說使用 justify-content 的 start 是在右邊、 end 是中間、 end 是左邊，align-items的 start 是上方、 center ...

認識 navbarUdemy The web develop bootcamp 課程，現在雖然是 bootstrap 4 為主流，根據講師所說，還是有一些公司使用 3，為了可以幫助這些公司轉換成 4，所以教學了兩個版本。實作主要先做 3。 bootstrap 是以 class name 賦予樣式 C ...

session 是一種辨識的機制，建立資料加上憑證後，藉由製作一組憑證，將憑證給予客戶端，下次客戶端造訪伺服端的時候，將憑證傳送回來做為辨識，使伺服器辨識出是哪個客戶端的機制。如同店家有一個服務系統，對應獨一無二的編號，將編號內客戶喜好或資料存入，發送獨一無二的編號給予客戶，使得下次客戶造訪便得以藉 ...

為資料庫的使用者密碼加鹽，將在資料庫的密碼 明碼(plain text)做雜湊處理。 bcrypt是為 密碼雜湊函式(password hashing)，根據 Blowfish 加密演算設計。 詳細看　wikipedia 在使用者設定的密碼上，加上一段隨機字串(稱為salt)，將它組合起來。 使用 ...

AC教材 todo list 練習。 當完成專案與認證功能後，會發現登入後大家看到的都是一樣的資訊，而沒有專屬自己的頁面。 這時候就必須要將 model 中的 user 與資料建立起關聯。 修改路由與 controller，讓 model 在查詢更新資料庫，只會取得/修改已經登入者的資料。 da ...