Zhentiw - 博客园

2024年11月28日

摘要： U+200B: Zero-width space Used for soft line breaks in long words. U+FEFF: Zero-width non-breaking space Prevents line breaks at specific positions. U+ 阅读全文

posted @ 2024-11-28 01:09 Zhentiw 阅读(38) 评论(0) 推荐(0)

[Vue] useDefer to improve the rendering performacne

摘要： Let's say on the page we have some heavy component need to be render when page load. <template> <div class="container"> <div v-for="n in 100"> <heavy- 阅读全文

posted @ 2024-11-28 00:59 Zhentiw 阅读(16) 评论(0) 推荐(0)

2024年11月27日

[Vue] Destructure return value of composition function for best practice

摘要： If we have multi composition functions: <template> ... </template> <script> import useEventSpace from "@/use/event-space"; import useMapping from "@/u 阅读全文

posted @ 2024-11-27 23:07 Zhentiw 阅读(11) 评论(0) 推荐(0)

[Vue] toRef: convert reactive to ref in order to destructure reactive object used inside template

摘要： import {reactive, computed} from "vue" export default { setup() { const event = reactive({ capacity: 4, attending: ["Tim", "Bob"], spacesLeft: compute 阅读全文

posted @ 2024-11-27 23:02 Zhentiw 阅读(15) 评论(0) 推荐(0)

[Vue] Typescript for Vue3 (defineProps, withDefaults, defineEmits)

摘要： Define a component with props and defualt props value <script setup lang="ts"> import { ref, onMounted } from 'vue' import fetchCount from '../service 阅读全文

posted @ 2024-11-27 22:33 Zhentiw 阅读(54) 评论(0) 推荐(0)

[Vue] PropType for define type of props

摘要： <template> <router-link class="event-link" :to="{ name: 'EventDetails', params: { id: event.id } }" > <div class="event-card"> <span>@{{ event.time }} 阅读全文

posted @ 2024-11-27 03:08 Zhentiw 阅读(14) 评论(0) 推荐(0)

2024年11月26日

[Whole Web] Vue design and React design

摘要： Virtual DOM Advantage: One of the advantages of the virtual DOM is cross-platform rendering abstraction. The virtual DOM can connect to different host 阅读全文

posted @ 2024-11-26 21:03 Zhentiw 阅读(29) 评论(0) 推荐(0)

[Node.js] global.gc() for Map and WeakMap

摘要： When you run node.js you can run node --expose-gc index.js Which will allow you manully cleanup gc: global.gc() Map For map, it is easy to cost memory 阅读全文

posted @ 2024-11-26 20:41 Zhentiw 阅读(28) 评论(0) 推荐(0)

[CSS] initial vs unset vs revert

摘要： /* initial: default value of the css property, you don't need to remember what's the default value of each css property, just use initial should do th 阅读全文

posted @ 2024-11-26 20:33 Zhentiw 阅读(15) 评论(0) 推荐(0)

[Javascript] JS Label

摘要： For example you have nested for loop, and from inner most for loop you want to break not just inner loop but also outmost for loop how to do that? We 阅读全文

posted @ 2024-11-26 20:25 Zhentiw 阅读(13) 评论(0) 推荐(0)

Answer1215

公告