Microsyntax If : <div *ngIf="hero" class="name"></div> for (loop): <ul> <li *ngFor="let hero of heroes"></li> </ul> switch: <div [ngSwitch]="hero?.e...

Why NGRX Store? In some cases, we need to manage the states inside a component, or even a global state to let our page render corresponding contents for users. NGRX uses store to save a current st...

Introduction What’s Angular? Angular is one of most mainstream front-end framework, supported by Microsoft and Google. It provides a powerful , standalone constructor with Typescript, and because...

Pyecharts Not Recommend? Pyecharts is a python library helps you to generate echart-standard html clip or echart-standard options(which means a json package to configure the echarts tag in your h...

Web Source Structure Remember our repo folder structure? ├─YourRepo │ ├─YourFlaskApp │ │ ├─static │ │ │ ├─css │ │ │ ├─img │ │ │ └─js │ │ └─templates │ │ └─layou...

Dynamic Programming The core thought of DP is that, if a question can be divided into sub-questions, and each sub-questions can use the answer of last one, then, to solve the final question, we ju...

Install Like other python package, simply install flask via pip or other tool. Flask is a “micro” kernel of a web server. For detailed guidance of installation, please visit https://flask.pallets...

Selenium Request is the easiest way to send a http request to a target URL. A request contains two parts: request head and the request url. And this is what your browser will send when visiting in...