資料來源 其他 使用 NgFor 和異步管道處理 Observables [Angular2速成班]使用NgFor的5個特別變數，讓資料更有變化 [Angular 大師之路] Day 04 - 認識 Angular 的生命週期

建立工作區 一樣使用新增專案的方式，使用參數，讓建立執行只建立工作區，而後再針對專案包個別建立。 ec-Workspace為工作區命名範例 ng new ec-Workspace --createApplication="false" 個別建立專案包 ec-projent為專案命名範例 ng generate application ec-projent

Notification 公告(API)/競標入口/資訊/返回大車 Interface Notification.propTypes = { GA: PropTypes.string, notificationType:PropTypes.oneOf(['button', 'a']).isRequired, notificationColor:PropTypes.oneOf(['grayLighter']), startIcon:PropTypes.oneOf(ICON_NAME), text:PropTypes.string, link:PropTypes.string,

壹．==直接設定== 壹-1 package.json 僅補上綠色+的部分即可 "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject", + "changelog": "conventional-changelog -i CHANGELOG.md -s",

localStorage https://5xruby.tw/posts/localstorage https://codesandbox.io/s/mystifying-lederberg-g9yty3?file=/src/App.js:115-127

hooks outlet 練習：Appjs

[城市勇者村](https://rpg.hexschool.com/training/31/task/self Day12(https://hackmd.io/UWHU1d57TPKjRPhxZPr9sA) homework(https://codepen.io/collection/ExvKqg) webpack(https://courses.hexschool.com/courses/202011122/lectures/33636921) 程式前端（https://www.hexschool.com/courses/js-plus.html）

環境 開始建立react專案，為(prj_react) npx是npm 內建的一個指令，安裝完畢後就會把安裝檔刪除，不佔空間，可以指定套件版本。 也可在建立的資料夾中，執行cmd，create-react-app npx create-react-app prj_react create-react-app prj_react 完成跑完後

指令 npm install react-router-dom@5 //路由 操作 Switch 畫面切換 import './[class/scss].scss'; import Note from './Note'; import News from './News'; import {BrowserRouter as Router,Route,Switch} from 'react-router-dom';

套件管理介紹 Chocolatey Chocolatey 是一個 Windows 下的軟體包管理器 Non-Administrative install 非管理安裝 PowerShell 教學步驟 Save the script below as ChocolateyInstallNonAdmin.ps1. Use the script below, determine where you might want Chocolatey installed if it is not to C:\ProgramData\chocoportable. Open PowerShell.exe. Run the following Set-ExecutionPolicy Bypass -Scope Process -Force; Run .\ChocolateyInstallNonAdmin.ps1.

建置一個路由 ng new routing-app --routing 路由文件 import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; // CLI imports router const routes: Routes = []; // sets up routes constant where you define your routes // configures NgModule imports and exports

在 angular.json 檔案中，相對 Projent 的 Assets "assets": [ "apps/employees/src/favicon.ico", "apps/employees/src/assets", { "glob": "**/*", "input": "./libs/ui/src/lib/shared-assets", "output": "./assets" } ]

RxJS為一種資料串流為基礎，宣告式的程式設計方式，以ReactiveX概念的JavaScript實作。ReactiveX一系列基於可觀察的資料流API適合操作非同步程式設計，結合觀察、迭代、函式等主要的設計概念。 資料V.S. 資料串流（streaming） 資料為單向筆資訊取得，資料串流唯一連串的資料及運串結果，且隨著時間觀念而不段變化，補充說明：（時間來的不固定，資料回/傳完畢，client端自動斷線）。 舉例情境：影片串流（進影音平台讓每個人同等頻寬，可同時服務的人更多。）、直播、續傳軟體（續傳的行為可以說串流資料）、股票即時資訊（金融類相關資訊）、線上遊戲（LOL），資料舉例：圖檔。 Q：假如同時抓20個工單，一個工單有10件商品，總共200個商品，client端要處理大量處理，發出220 http request/response，所有資料取回得到畫面上，這樣的行為是串流嗎？一口氣request到伺服器，20發出去，回來必須依序回來，會怎麼操作？ A：非同步的這種操作，就可以利用RxJS來處理及組合資料串流的相關問題。