Kite Fly

 日復一日，　年腹一年 9/14(二) React JS入門，單親媽媽加油 https://ithelp.ithome.com.tw/articles/10215265 9/1５(三) 

一切都是最好的安排  勇敢!!  帶領你和 孩子們 成為她們的驕傲 !! https://womany.net/read/article/25004 https://mamibuy.com.tw/talk/article/90947

https://ithelp.ithome.com.tw/articles/10215265  DOM（Document Object Model） 如果要你說明「網頁」是什麼   「UI」。然而對接觸過前端技術的人，可能會認為網頁是一個包含: 元素 : 如: button、div 事件 : 如: 點擊、輸入 ...等等族繁不及備載。總結來說，就像是一個「提供很多可以操作的介面的程式」。 事實上，這支程式的架構就像是一棵樹、一份整理完善的文件，支幹底下有分支(例如: 元素類別中有按鍵)、分支上有多個樹葉(例如: 按鍵有提供點擊功能)...。這樣的結構，在程式語言中又稱為是「物件導向(Object-orient，簡稱OO)」結構 因此，我們把這個 HTML、XML 和 SVG 文件的程式介面，稱為文件物件模型（Document Object Model, DOM）。 這些常用的語法就是在操作DOM: document.getElementById 就是用id在向DOM取得元素。 document.getElementById().scrollTop=.... 就是在修改元素在DOM的scrollTop。

React https://ithelp.ithome.com.tw/articles/10214942 Step 1 : 安裝npm npm是「套件管理系統」。 簡單來說，它像是一個能把寫好的程式碼放在上面供別人使用的平台。 ======== 非Unix系統，到 這裡 進行下載Node.js並安裝 npm會一起被安裝 安裝完請務必重新開機 。 Step 2 : 安裝「一次安裝並設定好react、babel、webpack」的create-react-app 跟PowerPoint裡面有提供簡報範本一樣。react官方有在npm上提供我們已經設定好webpack、babel和react的範本程式，也就是create-react-app。 npm安裝套件的方式是透過指令，用  npm install 套件名稱  或  npm i 套件名稱  就能在目錄下安裝指定套件。套件原始碼會存放在目錄底下自動生成的 node_module資料夾內。 Step 3: IDE(文字編輯器)的安裝和設定 - vscode (可跳過) vscode是由微軟推出，這幾年急速竄紅的文字編輯器 & 搜尋並安裝 JS JSX Snippets ==== 簡介專案結構(可省略) (.vscode) (如果你有設定vscode的debugger) |____ (launch.json) build (如果你執行過npm run build) public |____ index .html |____ favicon.ico |____ manifest.json src |____ index .js |____ index .css |____ App.js |____ App.test.js |____ App.css |____ service-worker.js |____ logo.svg node_modules package.json package- lock .json README.md (.gitignore) .vscode(預設隱藏): 設定vscode的debugger。 build: 經preprocessing之後用來部署的檔案， npm run build 後出現。 public: 放打包前html...

  MERN全栈视频教程 https://www.bilibili.com/s/video/BV1xX4y1V7bW 1.NodeJS need install windows8.1 or higher  MERN Stack Development || Setting up visual studio code https://www.youtube.com/watch?v=ZVA3tV_z-Jw https://www.youtube.com/watch?v=5yTazHkDR4o

 https://tw.alphacamp.co/blog/node-js-and-javascript JavaScript 是一個事件驅動的語言，透過事件迴圈，能讓執行緒幾乎不會被卡住；而這樣的特性，非常適合用來接收高併發（High Concurrency）的請求。 ，如果是商業邏輯複雜的後端程式，效能瓶頸不在流量的服務，Node.js 就無用武之地；但在設計需要承接高流量，且處理邏輯不太複雜時，Node.js 可能就會是個可以考慮的選項。 功能 前面提到，Node.js 就是一個可以執行 JavaScript 的環境，而這個環境除了提供瀏覽器 Web API 實作的  setTimeout 、 setInterval 、 console  之外，也因為執行環境不同，有另外一系列的 API 供開發者使用，例如可以讀寫檔案的  fs 、處理網路請求的  http 、做加解密雜湊處理的  crypto 、設定叢集的  cluster  等等。 結語 我們從最基本的介紹出發，認識了 Node.js 這個 Server 端的 JavaScript 執行環境，並提到 Node.js 的語言特性在高併發情況的優勢，最後重點理解 JavaScript 的重要特色：事件迴圈，背後是如何在伺服器端執行。

 https://eddychang.me/typescript-quick-start-in-10-mins 類別 介面(Interface) 對於物件中屬性的類型定義，顯得更複雜得多了，這是學習的重點中的重點，在這上面的學問相當的多，細節也很多。TypeScript 使用了介面來描述物件的外形(Shape)樣子，以下面的範例程 由簡單的範例開始說明