Posts
Tags
About Me

Docs Menu

Draw Closer

Posts

Learn Node.js - Part 1

Node.js
Characteristics
Installation
Components

Angular Forms - Reactive Forms and Template-Driven Forms

Choosing an approach
Setting up the form model
- - Common form foundation classes
  - Setup in template-driven forms
Data flow in forms
References

Angular Advanced Templates - ng-template, ng-container and ngTemplateOutlet

ng-template Directive
- - The ng-template Directive and ngIf
ng-container Directive
Template Context
Template References
- - Parent Component: AppComponent
  - Child Component TabContainerComponent

Angular - Introduction to Modules

Basics
NgModule Metadata
NgModules and Components
References

TypeScript: Generic Types and Type Alias

通用型別 (Generic Types)
介面 (Interface) 與型別別名 (Type Alias) 的異同
- - 相似之處
  - 不同之處
References

TypeScript: Any, Array, Union Types, Enum, Function, and Interface

Any
型別推論
Array
Union Types
Enum (列舉)
Function
Interface
References

Introduction to TypeScript and Primitive Types

安裝 TypeScript
編譯 TypeScript 檔案
Primitive Types
References

Same-Site and Same-Origin

Origin
- - "same-origin" and "cross-origin"
  - 跨來源資源共用（Cross-Origin Resource Sharing (CORS)）
Site (eTLD + 1)
How to check if a request is "same-site", "same-origin", or "cross-site"
Reference

Introduction to Ngrok

使用
進階方案

自動化部署 Hugo 部落格到 GitHub Pages

Step 1: Create a Project on GitHub for the Blog
Step 2: 建立 GitHub Pages
Step 3: 部署準備
- - Create GitHub token
  - Add Access Token as Secrets
Step 4: Create A GitHub Action
Step 5: Push to GitHub Remote
Reference

以 Hugo 建立部落格

What is WebView?

Concepts
常見的 WebView 應用
Why use WebView?
Possible problems
References

Optimize Images for Web Performance

方法一：使用 WebP 格式減少圖片載入時間
方法二：透過 Lazy Loading 延遲載入圖片

Setting Prettier to Format Codes

Prettier vs. Linters
Usage
Configuration
References

Setting ESLint to Enhance Frontend Development

Select Guides
- - Must have
  - More rules selected
Integrate with React Projects
Integrate with VSCode
References

Validating React Component Props with props-types

Install Golang and Set Go Workplace

Install Go
Set Go Workplace
- Default Workplace
- Customize Your Go Workplace
  - Permanently
  - Temporarily
Sub Directories under a Go Workplace
- src
- pkg
- bin

Building Multi-Languages OG Tags

The Open Graph Protocol
Basic Metadata
Debug Tools
Limitations
- - Solution to Build Multi-languages OG Tags

Introduction to Cookie

Cookie
- - Purposes
  - Limitations and Alternatives
Creating Cookies
Cookie Keys
SameSite Cookie Changes

Introduction to NVM and NPM

Notes for React Hooks

Motivation
Introduction
Using the State Hook
- - Syntax
  - Tips
Using the Effect Hook
Rules of Hooks
Extended Topics
Discussion
- - 與 Redux 的搭配方式
  - 開始使用 Hook
延伸閱讀

About Me

Search

Search

© 2022 Sharon Wu