前端截图工程师

📊 总体架构对比 🔄 响应式系统对比 Vue 2 响应式原理 核心实现：Object.defineProperty Vue 3 响应式原理 核心实现：Proxy 响应式...

这里主要介绍 docker 环境和 mac 和docker 环境共享的问题 因为 流水线一般都是linux 所以需要linux...

项目创建 在要安装的目录下执行以下命令 代码规范 .editorconfig统一编码风格 用于在不同IDE编辑器上处理同一项目的多个开发人员维护一致的编码风格，- 安装 E...

40岁老前端学习记录第5波，每半年一次。对前四次学习内容感兴趣的可以去我的掘金专栏“每周学习记录”进行了解。以前端前沿新特性为主。...

上文，我们分析了渲染过程中响应式机制的建立。那么接下来我们就来具体分析响应式机制的具体实现细节，本文先分析依赖收集的具体实现细节。 一、整体设计 Vue 的依赖收集采用了精...

Vue响应式系统的核心问题 当我们修改Vue组件中的数据时，视图会自动更新——这看似神奇的背后，是Vue强大的响应式系统在发挥作用。而这个系统的核心，正是依赖收集机制。本文...

本文将通过debug源码的方式带你搞清楚，v-bind指令是如何实现简写、同名简写等多种方式将变量绑定到html的attributes属性上。...

在实际开发中，我们常常基于成熟的 UI 组件库（如 Element Plus）进行二次封装，以统一交互风格、增强复用性或加入业务逻辑。本文将通过具体示例，逐步演示如何封装一...

这是一个非常好的问题，涉及到了 React 和 Vue 的底层架构设计理念差异。我们可以从几个维度来理解为什么 React 需要 Fiber 架构，而 Vue（特别是 Vu...

前言 我相信 90% 的前端工具人都遇到过 node-sass 的问题。项目死活跑不起来，或者跑起来后直接报错、node-sass 安装阶段各种报错，安装不上等问题。 第一...

面试官：Object和Map的区别，Map的时间复杂度是多少 简述 面试官：说下Object和Map的区别。 我：.........心里想完蛋Map虽然知道这个词，但是平时...

啵啵音乐 2.0 版本，支持歌词匹配，支持合集收藏，支持检查更新。歌词实现采用 flutter_lyric 插件。...

循环滚动是一个很常见的需求，在前端开发过程中几乎不可避免。先介绍下这个 NPM 包的功能：超大数据流畅滚动；适应变化，始终顺滑；灵活滚动控制；在传统的循环滚动实现中，我们通...

🤷‍你可能正在使用Vue CLI创建项目，但需要对vue.config.js有更深入的理解，以便进行定制化配置。...

面试官问我 Vue 的 `nextTick` 原理是怎么实现的，我这样回答： 在调用 `this.$nextTick(cb)` 之前： 1. 存在一个 `callbacks...

2024年，让我们放弃框架来实现Web布局吧！框架虽便利，但也限制了创意和性能。通过直接使用CSS Grid和Flexbox，我们可以打造更高效、独特的网页设计。不再依赖冗...

最近在更新《在Typescript中旅行》的专栏系列文章，如果对你有帮助那就帮我点个赞。今日更文《「Typescript之旅」：看一遍就理解Typescript中的类cla...

Vue3.5新增了一个baseWatch，让watch函数和Vue组件彻底分手，他的实现和Vue组件以及生命周期没有一毛钱关系。...

《浅读Vue3代码10万行，总结出30个代码规范》有同学提问："你写的规范，有没有可以直接拿来用的配置？"。加上新建项目，有同学提问如何为新项目配置代码规范。引申出来的思考...