Zhentiw - 博客园

2024年8月20日

[Javascript] HTML Template Interpolation

摘要： The basic interpolatefunction we can create: function interpolate(str, params) { let names = Object.keys(params); // ["title", "description"] let valu 阅读全文

posted @ 2024-08-20 14:49 Zhentiw 阅读(11) 评论(0) 推荐(0) 编辑

[CSS] View Transition

摘要： /* View Transitions */ /* STEP 1 */ ::view-transition-old(root), ::view-transition-new(root) { animation-duration: 1s; } /* STEP 2 */ @keyframes fade- 阅读全文

posted @ 2024-08-20 14:29 Zhentiw 阅读(17) 评论(0) 推荐(0) 编辑

[Web Component] using `part` to allow applying styling from outside the shadow DOM

摘要： Let's say we have a web component: import { getProductById } from "../services/Menu.js"; import { addToCart } from "../services/Order.js"; export defa 阅读全文

posted @ 2024-08-20 14:23 Zhentiw 阅读(3) 评论(0) 推荐(0) 编辑

2024年8月19日

[Design Pattern] Memento Pattern

摘要： // memento.js import { TodoList } from "./classes.js"; export const TodoHistory = { history: [], push(state) { if (state) { // always push a new Set t 阅读全文

posted @ 2024-08-19 14:45 Zhentiw 阅读(4) 评论(0) 推荐(0) 编辑

2024年8月14日

[Javascript] Create an Actor model in Javascript

摘要： Refer to: https://stately.ai/docs/actor-model What defines an “actor”? Actors are independent “live” objects that can communicate with each other via 阅读全文

posted @ 2024-08-14 15:07 Zhentiw 阅读(5) 评论(0) 推荐(0) 编辑

[Design Pattern] Value Object

摘要： Problem to Solve Reparesent a value that is immutable and distinct from other objects based on its properties rather than its identity. Solution Creat 阅读全文

posted @ 2024-08-14 14:52 Zhentiw 阅读(1) 评论(0) 推荐(0) 编辑

[Design Pattern] Mixin pattern in Javascript

摘要： Problem to Solve Share functionality between classes without using inheritance. Solution Create a class containing methods that can be used by other c 阅读全文

posted @ 2024-08-14 14:48 Zhentiw 阅读(4) 评论(0) 推荐(0) 编辑

2024年8月13日

[Typescript] Verbatim Module Syntax Enforces Import Type

摘要： One of the interesting things about verbatimModuleSyntax in TypeScript is that it requires a specific type of import when you're working with types. L 阅读全文

posted @ 2024-08-13 01:29 Zhentiw 阅读(35) 评论(0) 推荐(0) 编辑

[Typescript] The Verbatim Module Syntax in TSConfig

摘要： To fix the CommonJS export issue, we need to make a change to our tsconfig.json file. Add the verbatimModuleSyntax setting and set it to true: { "comp 阅读全文

posted @ 2024-08-13 01:24 Zhentiw 阅读(34) 评论(0) 推荐(0) 编辑

[Typescript] The module & moduleResolution Option in tsconfig.json

摘要： The module and moduleResolution options in the tsconfig.json file can be confusing. Here we'll discuss the differences between the module and moduleRe 阅读全文

posted @ 2024-08-13 01:17 Zhentiw 阅读(15) 评论(0) 推荐(0) 编辑

Answer1215

公告