以上的配置是主要框架的配置，一些细节方面的可能需要你根据自己的需求进行配置处理，比如：axios、swiper等一些需要东西。

ref()是使用.value属性访问和更新的，而reactive()是原始对象的代理。4.watch()默认情况下只监视ref()的直接.value更改，同时对reactive()对象进行深度监视。尽管如此，用对象初始化的reactive({count：0)}是完全有效的，并创建了一个reactive对象。2.您可以使用.value访问存储在ref()中的值，而reactive()对象可以直接用作

今天我们聊聊前端性能优化系列之图片预加载。相信很多小伙伴已经知道图片懒加载是怎么实现的，它的核心思想就是利用占位图这么一个操作，当图片到达视口时，将占位图换成真实的图片地址，具体怎么判断图片到达视口可以利用监听滚动事件或者利用intersectionObserver进行判断。现在我们换一种方式来进行图片加载的优化，利用webworker技术来进行优化。

今天我们聊聊前端性能优化系列之图片预加载。相信很多小伙伴已经知道图片懒加载是怎么实现的，它的核心思想就是利用占位图这么一个操作，当图片到达视口时，将占位图换成真实的图片地址，具体怎么判断图片到达视口可以利用监听滚动事件或者利用intersectionObserver进行判断。现在我们换一种方式来进行图片加载的优化，利用webworker技术来进行优化。

平时开发Vue项目时，用的最多的就是模板组件，一些模板组件实现起来稍微麻烦的需求，也会用到渲染函数，对于JSX/TSX的应用相比之下就少了很多，不知大家是否也是如此呢？不过没关系，今天我们来详细的梳理下如何在Vue项目中使用JSX。建议跟着文章敲起来，为自己的技术道路添砖加瓦。JSXJSX是一种类似XML的JavaScript扩展，本身没有特定的语义。JavaScript引擎和浏览器没有直接实现它

在开发过程中，我们经常需要将表格数据导出为 Excel 文件。大多数情况下，由后端处理即可，但是当数据量不大、需要快速响应用户操作、或者数据已经在前端进行处理和展示时，前端该如何实现呢。本文将介绍两种方法：一种是使用xlsx.js进行简单导出，另一种是使用进行样式化导出，包括多 sheet 支持。

在实际开发中，多屏切换是常见的需求，尤其是在需要展示大量内容或信息时。下面我将向大家展示我是如何实现三屏，并通过动态按钮控制切换屏幕的。

1、默认登录进去是全屏了，但是F5刷新后界面会全屏失败，控制台有警告（因为没有用户点击事件代码控制全屏浏览器是不允许的），图标按钮切换了，但实际全屏未成功。2、通过F11打开的全屏，点击图标按钮无法退出，会有提示信息请按Esc键，按了Esc键无反应，会有提示请按F11退出全屏。如果窗口高度=屏幕高度并且窗口宽度=屏幕宽度，证明是全屏，否则不是，监听屏幕变化时，修改的是全屏对象isFullScree

平时开发Vue项目时，用的最多的就是模板组件，一些模板组件实现起来稍微麻烦的需求，也会用到渲染函数，对于JSX/TSX的应用相比之下就少了很多，不知大家是否也是如此呢？不过没关系，今天我们来详细的梳理下如何在Vue项目中使用JSX。建议跟着文章敲起来，为自己的技术道路添砖加瓦。JSXJSX是一种类似XML的JavaScript扩展，本身没有特定的语义。JavaScript引擎和浏览器没有直接实现它

in在JavaScript中，for...of是遍历可迭代对象的标准语法。类似地，在Vue.js中，v-for结合of可以遍历一切可迭代对象，如数组、字符串、SetMap等。尽管of并没有广泛应用于Vue.js文档中的例子，但它在处理特定数据结构时非常有效。ofv-for是Vue.js中非常强大和常用的指令，而理解in和of的差异能够帮助你更灵活地处理不同的数据结构。无论是遍历数组、对象，还是其他