Zhentiw - 博客园

2024年10月8日

[Javascript] How javascript read the property?

摘要： As we know we can read property value from an object as so: const obj = {} obj.xxxx; obj[xxxx]; So what's the difference between those two? obj.x ECMA 阅读全文

posted @ 2024-10-08 15:09 Zhentiw 阅读(31) 评论(0) 推荐(0)

[Javascript] Write bind function

摘要： Function.prototype.myBind = function (ctx, ...args) { const fn = this; return function (...subArgs) { console.log(new.target); const allArgs = [...arg 阅读全文

posted @ 2024-10-08 14:52 Zhentiw 阅读(34) 评论(0) 推荐(0)

[Javascript] Check whether a function is call with new

摘要： The new.target meta-property lets you detect whether a function or constructor was called using the new operator. In constructors and functions invoke 阅读全文

posted @ 2024-10-08 14:50 Zhentiw 阅读(29) 评论(0) 推荐(0)

2024年10月7日

[Vue] Reactive note

摘要： <template> <div> count: {{ count }} </div> <div> doubled: {{ doubledCount }} </div> <button @click="increase">increase</button> </template> <script se 阅读全文

posted @ 2024-10-07 15:06 Zhentiw 阅读(32) 评论(0) 推荐(0)

2024年10月6日

[Vue] how to encapsulate second time of ui components

摘要： how to encapsulate second time of ui components For example we have follow code, with one UI component MyInput // App.vue <template> <div> <MyInput></ 阅读全文

posted @ 2024-10-06 01:06 Zhentiw 阅读(39) 评论(0) 推荐(0)

[Javascript] Why need arrow function?

摘要： Eliminate the ambiguity of the function What ambiguity means? Normally a function can do two things 1. Instruction sequence 2. Contruction function a( 阅读全文

posted @ 2024-10-06 00:35 Zhentiw 阅读(28) 评论(0) 推荐(0)

[Javascript] Promise question with async await

摘要： async function asy1() { console.log(1) await asy2() console.log(2) } asy2 = async () => { // First set // await setTimeout((_) => { // Promise.resolve 阅读全文

posted @ 2024-10-06 00:17 Zhentiw 阅读(32) 评论(0) 推荐(0)

2024年10月5日

[Javascript] Circular dependency

摘要： We often see circular dependency, why it's a problem, why we should avoid it and hwo to avoid it? Let's see any example first // main.js import A from 阅读全文

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

[CSS 3] Avatar hover effect

摘要： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"/> <title>CSS avatar scale</title> <style> .avatar { width: 150px; height: 150px; backgro 阅读全文

posted @ 2024-10-05 19:56 Zhentiw 阅读(28) 评论(0) 推荐(0)

2024年9月24日

[Reactive] Run functions when data changes

摘要： function observe(obj) { for (const key in obj) { let internalValue = obj[key]; const funs = new Set() Object.defineProperty(obj, key, { configurable: 阅读全文

posted @ 2024-09-24 01:21 Zhentiw 阅读(34) 评论(0) 推荐(0)

Answer1215

公告