Kyle_Zhang

当用户使用拼音输入法开始输入时，compositionstart 事件被触发，当用户完成拼音输入，选择了候选词后，compositionend 事件被触发，才调用搜索方法。

JS装饰器是一个强大的工具，允许我们在不修改原始函数或类的情况下增加新功能。装饰器在很多流行的JS库中都有使用，掌握装饰器也许会为你的JS生涯开辟新的可能性。

在前端开发中，我们经常会用到map函数来进行数据遍历和数据转换。然而，map函数并不仅仅被用于简单的数据遍历，而且很多开发者并不完全理解map函数的工作原理和优点。

在Web开发中，有时我们的应用需要处理复杂的计算或大量数据的操作，这些处理通常在主线程中执行，可能会导致页面的卡顿或延迟。但这个问题可以通过Web Worker来解决。

当请求数据时，一般我们会在页面中添加一个Loading动画，当数据返回时，就将该动画关闭。Vue3 结合Axios，就能实现这个需求，甚至让我们能对个别接口实现特殊配置，比如不显示Loading动画。

随着Vue.js 3.0发布，我们可以获得更出色的性能和更好的开发体验。然而，在这篇文章中，我想专注讲解Vue3的一个新的状态管理库：Pinia。

在Vue3中，ref()和reactive()是两个相当关键的函数，用于创建并返回一个响应式的数据对象。在实际使用过程中，它们各有便利的使用场景。

在Vue.js开发中，经常会遇到需要展示搜索和列表的需求。为了提高代码复用性和开发效率，我们可以封装一个可配置的搜索列表组件，使其能够根据配置展示搜索表单和列表数据，并支持搜索和分页功能。

在日常开发中，有时我们会遇到下拉框数据量大，需要分页加载的情况。而ElementUI的下拉框组件默认并未提供分页功能。本篇文章就将教你怎样二次封装el-select组件，实现可分页的下拉框。