topcat 姍舞之間的極度凝聚

透過 EventCallBack 子元件回傳資料給母元件(頁面)範例

以前在 WebForm 針對頁面會有 PageBase ， MVC 的 Controller 會有 ControllerBase，那麼在撰寫 Blazor 的 Component 是否也是會有 ComponentBase ，有的，來喔~

在上一篇【[筆記][Blazor][CRUD]Blazor透過WebAPI進行CRUD範例】留下一個懸念，在套用對話視窗元件，第二次呼叫時卻沒有任何動靜，這一篇來記錄一下小喵測試的可能問題，以及解決的方式。

這裡筆記一下 Blazor 透過 WebAPI，針對北風資料庫的 Shippers 進行CRUD(新增修改刪除查詢)的範例

Chrome核心的瀏覽器有許多，除了傳統Google的Chrome瀏覽器本身，還有Windows新版本的Edge, Apple的 Safari 都是，在開發的過程中，後台需要輸入EMail的欄位時，進入他都啟動自動填寫的機制，把該Domain曾經記錄過的帳密中的帳號，當作預設定的填寫資料，自動填入。這讓小喵無比的困擾~我明明是後台讓使用者填寫EMail，你自動填入帳號是要做啥~於是小喵開始與這個機制奮鬥。

我們這一篇想來點共用的元件(Component)，用 Bootstrap 的對話視窗(Modal) 來顯示指定的訊息。

系統的驗證與授權，這是每一代新技術出來的時候都要面對的課題，從.NET Framework 2.0時代的 MemberShip，到後來的Identity，雖然開發工具都包了一個簡單產生對應資料表的機制來讓過程簡化，但是，實際上小喵我從來都不是用他精靈產生的資料表，而是配合當下的技術來產生一套可以搭配自訂資料表的權限控管。不免俗的，Blazor的到來，也要來嘗試著找出，不使用內建的方式建立資料表，而是想辦法配合自己的資料表來運作權限控管。

有別於 WebForm 與 MVC 在 web.config 中設定<authentication><authenlization>即可運作，Blazor的機制複雜了一些，因此特別寫此篇來筆記一下這個過程，未來再以此篇的筆記結果，來衍生符合自己需求的一套機制。相關內容，就一起看下去吧~

Blazor 是新一代的開發方式，可以透過雙向綁定，可以用純C#來開發Web端的SPA應用。這一篇是起手式的範例，參考官方的內容，自己加上官方沒有的完成disabled，並且加上刪除的按鈕功能。(基本上與Vue的範例類似的功能。筆記下來提供自己未來參考，也提供網友參考

筆記一下左右兩個Select Multiple，多選選擇項目後，按鈕將相關項目轉移到另一邊

筆記一下Vue的起手式範例

本篇筆記在一般頁面中，如何套用Vue Loading的方式。

網友的詢問，小喵把自己的回覆整理到Blog，提供有類似網友的參考。上下筆的差異值，先決條件要有上下筆的排序條件，有了之後，透過給順號、SubQuery、自己對自己JOIN的方式，就可以達成，實際的詳細內容，敬請看下去~

小喵在開發某個系統的時候，使用者提到，某個下拉選單的選項很多，點下拉後要拉來拉去的找好久，有沒有可以像Google搜尋一下，輸入的時候，自動找出符合的，來加快選擇。小喵立馬想到『DropDownList jQuery AutoComplete』這些關鍵字。果然找到jQuery UI中有個Autocomplete ComboBox很合適。
過程中，小喵稍微改寫一下使用的方式，讓我套用變得更容易些。

把政府公開資料JSON格式資料取得，轉成物件集合，並透過LINQ對物件集合進行讀取，這樣的範例應該還蠻多人有這樣的需求，小喵就抽個空，寫一下這個範例，提供網友與未來的自己參考～

LINQ對於已經將資料放到『List (Of Object)』的二次加工，提供很方便的查詢方式。前陣子剛好有這樣的需求，網路上找一下寫法，這邊筆記一下，也提供有虛要的人參考。

剛好遇見網友在詢問一個問題，他需要『動態產生陣列型的TextBox，讓使用者輸入資料，並且輸入後，按下送出，可以將使用者輸入的內容讀出。』。這要如何處理？小喵來撰寫這樣的一個範例。順便說明動態產生控制項的一些處理概念。

之前的「[筆記][Angular 2][Angular 4]透過Angular-CLI 撰寫 Angular 2針對單一資料表的CRUD」，內容作了針對單一資料表的C(新增)R(查詢)U(修改)D(刪除)。其中查詢的部分，也加上分頁的功能。但，感覺好像還缺了那一塊。一般的查詢，可能還需要額外加上『排序』，在分頁的情況下，可以針對每個欄位，點選排序，進行『順排(由小到大)』與『逆排(由大到小)』的排序。這邊就來補充這個份的功能。

在 Angular 2 / 4 的世界中，是一個一個的 Component 堆積而成的，每個 Component 都是獨立，卻又可以交互合作，在這樣的情況下，外層的 Component 如何傳遞入（Input）資料給內層的 Component ，而內層的資料，在要把資料往外傳遞（Output）時，又如何觸發外層的事件來處理往外傳遞的資料。我們這一篇就來看看 Component 的 Input / Output 如何撰寫

在Javascript中，當變數放的內容是純值（非物件,a=1;），b=a的時候，是使用ByVal的方式，也就是複製一份資料給b，但這情況在「物件」的狀況，卻是 By Reference的傳址方式，也就是兩個變數，指向同一個記憶區塊，資料是相同那塊空間的。因此，如果b[0].Name="aaa"，這時候去取a[0].Name一樣會變成"aaa"。那麼，如何在物件的時候，如何真正的複製出一份內容，存在不同的記憶區塊，讓彼此不會影響呢？看下去～

在開發 angular 2 (angular 4)過程中，小喵通常會用 Chrome 來開發，但運行很正常的專案，在 IE 中卻遇到『物件沒有支援這個屬性或方法 'assign' （Object doesn't support property or method 'assign'）』的問題。要怎麼處理這樣的茶包，請繼續看下去～