在实现定高虚拟列表的实现之后，不定高的实现方案似乎已经成了不可绕开的话题。在面试过程中也被问过一次，自己写的一个Express+Vue3的小项目中找了个场景使用，遂有此文

面试手写题：如何用原生 JS 快速实现一个虚拟列表展示其效果，并讲讲实现原理以及相关的优化手段🤔。

写在前面 最近借着空闲时间断断续续两个月看完了《JavaScript权威指南(第七版)》，《JavaScript权威指南》一直以来被称为“犀牛书”，前面的第六版我大概略过一遍，由于书的厚度实在有点“厚

通常限制一个input仅能输入指定字符我们会去监听其input事件，然后通过正则过滤掉非法字符。然而在vue中，仅仅修改input的value并不会同步到v-model上。

一直在研究eslint和prettier，网上看了很多文章，发现要么是互相抄袭，要么就是讲得不够通俗易懂，于是乎我就自己写一篇文章来讲清它们的关系。 大家可以认真的看一下，全程精品，毫无废话。

-. 使用Vetur时出现问题的解决方案 -. `vetur`与`Prettier`的配合使用 -. 定制`Vetur+Prettier`配置项`settings.json`

最近写Vue代码，发现template里的html代码，会因为标签内的属性稍有超出就出现换行，看着挺难受的，毕竟屏幕还挺宽敞的。 2. 关于vetur.format.defaultFormatterOptions

现在，Vue.js已成为前端开发的热门框架。有很多工程师利用Vue.js的便利性和强大功能。但是，我们完成的某些解决方案可能未遵循最佳做法。好吧，让我们看一下那些必备的Vue技术。 1. 函数组件 创建一个函数组件非常容易，你需要做的就是在SFC中添加一个 functional…

这是我参与8月更文挑战的第16天，活动详情查看：8月更文挑战 1. js-cookie 安装及引入 js-cookie 是关于 cookie 存储的一个js的API，根据官网描述其优点有：适用所有浏览