第25個冬天

1.Vue JS 框架介紹 2.Vue JS 開發環境建立 3.Vue JS基礎指令 使用之IDE:  Notepad++ 或Subline都可以 Subline Text3教學可以參考這個文章做設定 SideBarFolder 已經改成 SideBarEnhancements http://coolmandiary.blogspot.tw/2016/02/subline-text-3-part1.html https://vuejs.org/ https://vuejs.org/v2/guide/ =============================================================== 1.Vue Js 框架 介紹 Vue 讀音  很像 View 一個用於建立使用者介面的 開源 JavaScript   框架，也是一個建立 單頁面應用 的 Web應用框架 。 2016年一項針對JavaScript的調查表明，Vue有著89%的開發者滿意度。 主要是一套漸進式framework，採用由下往上增加之開發設計，核心關注部分只重視 視圖層、易學習、易整合專案項目特性。 在 GitHub 上，該專案平均每天能收穫95顆星， 為Github有史以來星標數第10多的專案。 元件是Vue最為強大的特性之一。為了更好地管理一個大型的應用程式，往往需要將應用切割為小而獨立、具有復用性的元件。 Vue使用基於HTML的模板語法，允許開發者將DOM元素與底層Vue例項中的資料相繫結。 所有Vue的模板都是合法的HTML，所以能被遵循規範的瀏覽器和HTML解析器解析。 在底層的實現上，Vue將模板編譯成虛擬DOM彩現函式。結合回應式系統， 在應用狀態改變時，Vue能夠智慧型地計算出重新彩現元件的最小代價 並應用到DOM操作上。 轉自: wiki 2.Vue JS 開發環境建立 於 Subline Text3中 一樣在你學完並且安裝完Package Control之後 即可依樣畫葫蘆 去下載 VueJs相關Package Step1.Package Control ---> 輸入 install Package Step2.輸入 Vuejs

於工作中會需要處理各種形式資料 其中一項XML  是最常見的 在如下網站線上編輯XML和立即可視化的網頁中 我們更能清楚瞭解 XML 就是一種有 樹狀 層次 結構的資料 如下方的根節點則是Company 在下一層的子節點則是Employee 以此類推...... 那我們又把 Company , Employee  FirstName, LastName ContactNo , Email ....etc 稱為 Tag 視為 Attribute https://www.tutorialspoint.com/online_xml_editor.htm 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <?xml version="1.0"?> <Company> <Employee> <FirstName> Tanmay </FirstName> <LastName> Patil </LastName> <ContactNo> 1234567890 </ContactNo> <Email> tanmaypatil@xyz.com </Email> <Address> <City> Bangalore </City> <State> Karnataka </State> <Zip> 560212 </Zip> </Address> </Employee> </Company> 這裡我們用如下這個XML格式的人員資料表進行示範 1 2 3 4 5 6 7 8 9 10 11 <?xml version="1.0"?> <