課前作業 第一週 第二週 第三週小組任務 (最終小組發表)

小組任務文件連結 github儲存庫 小組任務採用單一儲存庫，新增協作人員採用 clone 檔案下來後，開新feature分支，完成後發 PR ，待本次管理者檢查無誤後，合併分支。 作業開始 工作認領區塊 前端 post列表切版 (Jordan Tseng)

MongoDB 基本操作： 修改、刪除 修改 修改單筆資料 updateOne() 第一個參數透過設定符合的屬性找出要修改的資料，若第一個參數帶入空物件 {}，則會選取全部資料的第一筆資料，第二個參數放入要修改的屬性，需先加上 $set 物件，並在此物件中帶入要修改的物件屬性 第二個參數可選擇帶入 $currentDate 屬性，會再修改資料成功後顯示出最新修改的時間 db.collection.updateOne( { example: "text" },

MongoDB 基本操作： 新增、查詢 前言 MongoDB 是一個 NoSQL 資料庫（Not only SQL，針對不同於傳統的關聯式資料庫的資料庫管理系統的統稱），一套以文件 (document) 導向的資料庫管理系統，相較於傳統的關聯式資料庫，非關聯式資料庫的特性讓 MongoDB 在處理巨量資料有更大的支援 MongoDB 會以 BSON 的形式儲存資料（Binary JSON），相較於 JSON 可以儲存的資料類型更多 MongoDB 整體資料結構為：db -> collection -> document 我們可以透過指令（The mongo Shell）的方式用終端機來操作資料庫 新增

小組任務文件連結 github儲存庫 APi路徑 小組任務採用單一儲存庫，新增協作人員採用 clone 檔案下來後，開新feature分支，完成後發 PR ，待本次管理者檢查無誤後，合併分支。 作業開始 工作認領區塊 建置 MongoDB Altas 雲端主機, 配發連線字串供團隊測試(EmptyWu)

元件註冊 註冊元件的手法 元件註冊分成： 全域註冊：在同一個 creatApp 下，任何子元件都能使用，表示元件標籤可以放在畫面中任何區域。 區域註冊：只能在限制的元件下使用。 全域註冊 子元件的註冊需要掛載在creatApp母元件後面，mount之前。以下面程式碼為範例，.componment() 就是新增一個子元件，同時要賦予該元件一個名稱 'compName' ：

methods 方法 methods觸發 methods 的觸發方法有很多種： 一般指令：click,change....像是下方範例。 <button type="button" @click="trigger('Click Methods')">點擊觸發</button> 其它 options api，意思是其他 methods 互相呼叫。

以下紀錄最常用的幾個 vue 基本指令： v-text、v-for、v-if、v-bind、v-model、v-on v-text 把資料從JS以純文字方式渲染到畫面上，可以使用 v-text 標籤或是雙大括號{{}} ，一般開發上會使用 {{}}，最為方便 。 在 HTML 中想要渲染資料的位置上輸入雙大括號即可： <div id="app"> <p>{{name}}在{{position}}</p>

展開 在 ES6 中，可以利用簡單的方式就把兩個物件或兩個陣列進行合併，就是利用...展開語法合併： let groupA = ['Jordan','Zoe']; let groupB = ['Lawrence', 'Alan']; const groupAll = [...groupA, ...groupB]; console.log(groupAll); //['Jordan','Zoe','Lawrence', 'Alan'];

在firebase直接建立一個專案 進去之後針對自己需要的功能開啟，像是我目前使用realtime databse。 嵌入至應用程式中 當專案建立完成後，可以用npm或是cdn嵌入，只要點擊左邊選單的齒輪專案設定就可以複製需要的程式碼。目前我npm一直失敗，所以先用cdn方式嵌入。 目前我使用readltime database，直接複製上面的程式碼是無法正確執行的，建議進去白框區域連結的開始使用。 核心功能的 cdn

認識模組 Node.js 中，兩個 js 檔案分屬不同模組，所以想要在其中一支檔案抓取另外一支檔案資料是不行的。 這時候可以用 require ，把另外一支檔案載入，但是這時候載入可能還是一個空值。也要在另外一個物件先 module.exports 需要的資料才行，就會像下圖一樣，console 出 Taiwan is not China： 很多工程師經常以這樣的方式整理不同的模組。 另外的exports方式：除了用module.exports以外使用也單獨exports，這樣算是滿方便的，但是可能比較亂，所以建議還是用module.exports就好 ＊注意：而且兩者不能同時並存！！