桾谟笑

Vue2、Vue3、React、Angular 常见视图不更新原因：Vue2 新增属性需 $set；Vue3 有解构丢响应等坑；React 需引用变化；Angular On...

本文拆解初级、中级、高级前端在能力结构、思维方式和业务理解上的核心差异，指出“熟练执行”不等于“中级”，真正的成长来自结构化思维、系统能力沉淀与技术反哺业务。适合前端开发者...

欧阳最近找工作面试时总是被问到Vue和React的区别，这篇文章我们就来聊聊这个问题。面试官问这个问题一般是...

在帮助女友开发笔记应用的过程中，我从零开始实现富文本编辑器，通过实践深化了对前端技术的理解，并意识到晋升高级前端的关键在于深厚的技术积累、灵活的学习态度、良好的设计思维以及...

“只要 7 KB，就能把多页站变成丝滑 SPA！”——这句话在前端圈疯传的神库，就是 Barba.js。 今天，我们就把它和 Vue3 搭配，手把手带你做出**“效果炸裂”...

本文实践了Vue3组件二次封装的三个实用技巧:实现双向数据绑定、向子组件传递插槽、获取子组件ref。通过实际代码示例,展示了使用defineModel、h函数和Proxy等...

在管理平台中，富文本编辑器是信息输入和内容编辑的重要工具，几乎是必不可少的功能模块。如何在使用体验和需求功能上找到一个平衡点，可以让我们少趟很多坑。小编使用几十种编辑器，尽...

什么是组件封装？ 组件封装是将前端代码中某一特定功能模块、视图部分或逻辑处理抽象成独立的可复用代码块，以便在不同场景中复用，同时提升开发效率和代码一致性。 主要有以下类型：...

大数据量或多任务单次调用会存在浏览器卡顿的问题，需要对多任务或大数据量处理进行优化，可采用切片，异步线程、零碎时间调用等方式进行优化，消除卡顿现象，提高用户体验...

【8月5日】Vue3 开发中的5个实用小技巧 在Vue3的日常开发中，有很多小技巧能够显著提升我们的开发效率，但往往容易被忽略。...

在JavaScript中，?., !., 和 ?? 是三个不同的操作符，各自有不同的用途，旨在提高代码的简洁性和安全性，尤其是在处理可能的null或undefined值时。...

迄今为止，我在博客上面写的关于js 和javascript的文章已经不少了，最近看了一篇国外的博客，里面总结了一些js实用技巧，本来想直接翻译一下放在我的博客上，但是网上查...

JSBridge实现原理 1. 背景 在介绍JSBridge实现原理时，先简单介绍下什么是hybrid APP，在传统的Native开发模式中，每次对功能的迭代更新都意味着...

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `heigh...

背景： 之前在做需求的时候，产品有提到一个bug，说是在某些情况下不应该触发外部滚动条滚动，例如鼠标在气泡框的内部就不能产生外部滚动条滚动，这样会影响用户的体验 原效果： ...

Vue 3 的 Composition API 给开发者带来了更强的逻辑组织能力，但很多人用 defineProps 的方式，依然停留在 Vue 2 的“Options 语...

1.前言 货拉拉自研H5离线包SDK，能显著提升H5打开速度，已在多个业务中落地。车型介绍页使用离线包前后打开效果如下： 图1 使用离线包前 图2 使用离线包后 货拉拉自研...

1. 前端倒计时为何不准？ 1.1 JavaScript的“单线程陷阱” JavaScript是单线程语言，所有任务（包括定时器回调）都在同一个线程中排队执行。当主线程被耗...

方案一：使用 Promise.all 控制并发 最直接的方法是使用Promise.all并行处理 A 和 B，待两者都完成后再发送 C。 优点：实现简单，代码清晰 缺点：如...