前端

还在手写 props + emit('update:xxx') 吗？Vue 3.4 的 defineModel 把双向绑定压缩成 一行代码！从「父子通信地狱」到「秒变丝滑」

🪄 只用 10 行代码，让对象“会监听、会锁门、会写日记”！ 本篇带你从 0 到 1 吃透 ES6 Proxy：手写响应式 🔄、动态权限 🔐、无痕日志 📝，附完整可运行 Demo。

「前端 JS 面试题终极整理」：从闭包、事件循环到 Vue3/React18、Webpack 优化，每题一句话速记 + 高频手写代码速通。背完这篇，面试躺赢！

作为全球最流行的编程语言之一，JavaScript 拥有大量强大却被忽视的语言特性。掌握这些隐藏技巧，不仅能让代码更简洁优雅，还能显著提升开发效率和维护性。

在前端开发中，我们经常会遇到一些频繁触发的事件，比如窗口的resize、scroll，输入框的keyup，按钮的click等等。

在 Vue 开发中，v-for 是我们频繁使用的指令之一，而设置合理的 key 值是优化列表渲染性能的关键。但在实际开发中，很多开发者习惯直接使用 index 作为 key，这其实是一种不推荐的做法。

10 段极简代码，带你领略 JavaScript 的“小而美”——扁平化、变量交换、洗牌、去重、防抖、记忆化、Promise sleep……一行就能解决，却能大幅提升开发效率与代码可读性。

带新人踩坑实录：行内 onclick 找不到函数？三分钟彻底搞懂作用域！ 于是，我花了三分钟给他讲清楚来龙去脉，也顺手把这次踩坑整理成这篇博客，希望能帮到更多刚入行的同学。

JavaScript 提供了 Array 和 Set 来存储数据集合，虽然两者都能存储多个值，但在特定场景下，Set 具有显著的优势。让我们深入分析这两种数据结构的区别。

在前端工程化领域，包体积优化一直是一个备受关注的话题。随着项目规模扩大和功能迭代，打包后的文件体积逐渐膨胀。而对于网页加载速度和性能优化来说，减小打包体积是至关重要的一环。

如果你写 JavaScript / TypeScript / Node / 前端框架时，一天能敲几十条 console.log，却还在 DevTools 和编辑器之间疯狂切窗口！

Visual Studio Code 插件安装包下载 <https://code.visualstudio.com/>

v-preventReClick 自定义指令实现放重复点击 v-preventReClick封装插件

跨域这两个字在前端开发者身上都会碰到的，尤其是最初搭建项目的时候。但单纯只是为了面试背几个方案，也无足轻重，重要是理解透彻，懂得跨域的前因后果，以及当下最为方便快捷的解决方案，才是上上策。

HTML大于号、小于号、空格、引号等常用的转义代码写法一览表| | | |

一个合格的前端知识图谱 一个非常真实的现状，很多前端开发者都是自学甚至转行过来的，前端入门简单，学习了几个API以后上手做项目也很简单，但是这往往成为了限制自身发展的瓶颈 只是停留在会用阶段是远远不够

想让网页上的图片、视频或者整个界面铺满用户屏幕？浏览器的 requestFullscreen api 是开发者实现这个功能的关键。 它比你想象的要强大，但也藏着一些需要注意的细节。