Zhentiw - 博客园

2024年12月5日

[Design Pattern] Upload big file - 3. Code Design - part 1

摘要： Code design SDK has 3 layers: Upload Protocol: Defines the communication format between the frontend and backendt upload-core: Protocol-based API that 阅读全文

posted @ 2024-12-05 03:20 Zhentiw 阅读(13) 评论(0) 推荐(0)

[Design Pattern] Upload big file - 2. How to coordinate frontend and backend

摘要： How to coordinate frontend and backend? File upload involves interaction between the frontend and backend, requiring the establishment of a standard c 阅读全文

posted @ 2024-12-05 03:20 Zhentiw 阅读(21) 评论(0) 推荐(0)

[Design Pattern] Upload big file - 1. Background & Solution overview

摘要： Background Our SaaS platform includes the upload of large files such as company information and meeting videos. Without special handling, the followin 阅读全文

posted @ 2024-12-05 03:18 Zhentiw 阅读(23) 评论(0) 推荐(0)

2024年12月4日

[Vue] Dynamic component :is

摘要： We have a RadioGroupcomponent, when the prop verticalis true, we want all the Radiowrap with div, otherwise wrap with span. <template> <component v-fo 阅读全文

posted @ 2024-12-04 15:14 Zhentiw 阅读(14) 评论(0) 推荐(0)

2024年12月3日

[Javascript] Dealing with Number in Javascript

摘要： Write big number // NOT 100000 // Better 100_000 1e5 Shorthands syntax for floating number // Normal 0.123 // The same .123 // eX also apply to floati 阅读全文

posted @ 2024-12-03 16:59 Zhentiw 阅读(10) 评论(0) 推荐(0)

[Vue Form] Basic Select component

摘要： <template> <label v-if="label">{{ label }}</label> <select class="field" :value="modelValue" v-bind="{ ...$attrs, onChange: ($event) => { $emit('updat 阅读全文

posted @ 2024-12-03 15:30 Zhentiw 阅读(19) 评论(0) 推荐(0)

[Vue] MIni mount and patch function

摘要： <style> .red {color: red;} .green {color: green;} </style> <div id="app"></div> <script> function h(tag, props, children) { return { tag, props, child 阅读全文

posted @ 2024-12-03 15:08 Zhentiw 阅读(9) 评论(0) 推荐(0)

[Javascript] Using IIFE to improve code performance

摘要： Example 1 Before function addEvent(ele, eventName, handler) { if (ele.addEventListener) { ele.addEventListener(eventName, handler); } else if (ele.att 阅读全文

posted @ 2024-12-03 03:33 Zhentiw 阅读(17) 评论(0) 推荐(0)

2024年12月2日

[Javascript] getGlobalThis()

摘要： let _globalThis: any export const getGlobalThis = (): any => { return ( _globalThis || (_globalThis = typeof globalThis !== 'undefined' ? globalThis : 阅读全文

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

[Vue] One Object to Rule Them All (v-bind & v-on syntax)

摘要： Introduction One of the first things that Vue developers often learn is the magic of using v-bind and v-on to supercharge their HTML with dynamic bind 阅读全文

posted @ 2024-12-02 01:57 Zhentiw 阅读(24) 评论(0) 推荐(0)

Answer1215

公告