Zhentiw - 博客园

2025年6月6日

[Cursor] Brainstorm and Planning with Mermaid Diagrams in Cursor

摘要： Planning complex application logic or workflows before coding can be challenging. This lesson demonstrates how to leverage Cursor's AI (Chat and Agent 阅读全文

posted @ 2025-06-06 02:38 Zhentiw 阅读(226) 评论(0) 推荐(0)

[Cursor] Automatically Improve Cursor Rules Using Custom Prompts

摘要： Writing clear and effective prompts or rules for AI (.mdc files in Cursor) can be tricky. Your instructions might start out clumsy or ambiguous, leadi 阅读全文

posted @ 2025-06-06 02:33 Zhentiw 阅读(51) 评论(0) 推荐(0)

2025年6月2日

[Javascript] Array.of

摘要： We have new Arrayin Javascript const arr1 = new Array(3) // create an empty array with lengh 3 const arr2 = new Array(1,2,3) // create an array with v 阅读全文

posted @ 2025-06-02 14:06 Zhentiw 阅读(24) 评论(0) 推荐(0)

2025年5月29日

[Javascript] Avoid frequently adding/removing event listener for a DOM element

摘要： It can be a performance bottleneck if you frequently add/remove event listener bind to a DOM element. patchProps(el, key, prevValue, nextValue) { if ( 阅读全文

posted @ 2025-05-29 15:15 Zhentiw 阅读(9) 评论(0) 推荐(0)

2025年5月27日

[CSS] :has()

摘要： Brwoser support: https://caniuse.com/?search=%3Ahas <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="widt 阅读全文

posted @ 2025-05-27 19:43 Zhentiw 阅读(13) 评论(0) 推荐(0)

[CSS] clamp(min, current, max)

摘要： Browser support: https://caniuse.com/?search=clamp <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wid 阅读全文

posted @ 2025-05-27 19:38 Zhentiw 阅读(16) 评论(0) 推荐(0)

[CSS] text balance

摘要： Browser support: https://caniuse.com/css-text-wrap-balance <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" cont 阅读全文

posted @ 2025-05-27 19:35 Zhentiw 阅读(12) 评论(0) 推荐(0)

API 程序的可扩展性

摘要：可扩展性是指系统、程序或技术架构在功能、规模及性能需求增加时，能够容易地增加其性能、容量和功能的能力。示例假设我们有一个国际化网站，我们希望根据用户选择的语言动态显示不同的内容，比如在网站首页展示一个欢迎语，不考虑扩展性，可能的实现方式如下：  <template> 阅读全文

posted @ 2025-05-27 14:20 Zhentiw 阅读(43) 评论(0) 推荐(0)

2025年5月26日

[CSS] container queries (容器查询)

摘要： Browser support: https://caniuse.com/css-container-queries <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" cont 阅读全文

posted @ 2025-05-26 13:41 Zhentiw 阅读(31) 评论(0) 推荐(0)

[CSS] Dynamic viewport (动态视口单位)

摘要： Browser support: https://caniuse.com/?search=Dynamic%20viewport%20units Dynamic viewport mainly resolve the issue of mobile web, due to mobile has flo 阅读全文

posted @ 2025-05-26 13:39 Zhentiw 阅读(33) 评论(0) 推荐(0)

Answer1215

公告