2024 已经到来，在 Web 前端这个岗位已经工作 6 年，这里将 2023 的学习内容做一些总结，并规划 2024 的学习计划。同时，子弈祝大家新的一年，身体健康、工作顺利、学有所成、生活美满。

1. 学会 vite 简单原理 2. 学会使用 VSCode 调试源码 3. 学会如何编译 Vue 单文件组件 4. 学会如何使用 recast 生成 ast 转换文件 5. 如何加载包文件等

这70道前端算法题也许对你有用~

这是村长整整花了一个月时间收集题目，亲自手写答案，录制讲解视频，汇集了50+以上经典的Vue面试题，每题我都力争做到源码级的解析，希望大家可以深入学习，如果你喜欢请务必点赞、收藏、留言支持我~

Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元素顺序被改变、或者子元素被删除的特殊情况，提前说明清楚。 那么它的 vnode 也就是虚拟 dom 节点大…

而 302 表示临时重定向，这个资源只是暂时不能被访问了，但是之后过一段时间还是可以继续访问，一般是访问某个网站的资源需要权限时，会需要用户去登录，跳转到登录页面之后登录之后，还可以继续访问。 301 类似，都会跳转到一个新的网站，但是 301 代表访问的地址的资源被永久移除了…

前端缓存，这是一个老生常谈的话题，也常被作为前端面试的一个知识点。前端缓存分为强缓存和协商缓存两种。今天我们再来总结一下。

本文从nextTick API 的概念到使用，再到源码，层层剖析。系统地回顾nextTick的相关用法，以及内部调用逻辑。

01 如何实现一个元素的水平垂直居中 可打开 codepen 进行调试: https://codepen.io/shanyue/pen/XWMdabg，以下是布局代码 提供一些现代浏览器下使用 fle