小郭想进大厂

如上所示，在点击box后，它的位置随鼠标移动而移动，这样的效果很简单，但是倘若在页面刷新过后，那么box的位置就会变为原始的值，这个案例就是利用cookie实现对数据的本地化存储。

在前端面试中，常考的代码输出问题主要涉及到以下知识点：异步编程、事件循环、this 指向、作用域、变量提升、闭包、原型、继承等，这些知识点往往不是单独出现的，而是在同一段代码中包含多个知识点。

动态规划 动态规划之斐波那契数列 动态规划之青蛙跳台阶问题 变态青蛙跳台阶，核心其实就是根据这个动态思维，根据已有值，计算出未知数，动态分析。

树的搜索 树的深度优先搜索 树的广度优先搜索 图的搜索 图的深度优先搜索 图的深度优先搜索相比于树来说，就是需要多加判断哪些点是没有走过的 图的广度优先搜索

二叉搜索树 二叉搜索树也叫二叉排序树：因为它具有排序的效果 左子树的节点都比当前节点小 右子树的节点都比当前节点大 平衡二叉树 将二叉搜索树变成一颗二叉平衡搜索树

图的最小生成树问题 表示一张图，有点集合和边集合 树是有向无环图 关于最小生成树问题有两种算法 普利姆算法（加点法） 克鲁斯卡尔算法（加边法） 、

初步了解树形结构，树形结构也叫有向无环图。这篇文章很浅显的讲了二叉树方面，从二叉树的定义、实现、到二叉树的前序、中序、后续遍历，以及如何还原二叉树、二叉树的广搜和深搜以及diff算法，用js实现。

总结一下排序算法，还是需要多加练习，弄不清楚就画图体会。 排序 任何一种排序算法都没有优劣之分 排序不是比较大小，排序的本质是比较和交换

一个小案例了解v-model在vue3中是如何实现双向数据绑定的。值得注意的是在vue3中可以在自定义组件中使用但是去掉了model配置，更多细节后续陆续会做整理。