本文将介绍通过CSS的animation来实现无缝滚动动画，动画逻辑是：2个相同的元素，父容器的宽度是1680px，当第1个元素向左偏移840px完成后，瞬间复原位置，利用视觉差来实现无缝滚动的效果。

前言 本文详细的介绍了render是什么？render的作用是什么？以及虚拟DOM的好处是什么？还有些小demo可以测试一下 render()函数 什么是render？ 简单粗暴的理解： render

现有3个嵌套组件，A->B，B->C。 我们使用vuex来进行数据管理，依赖于vuex我们可以一次改变，任何一个组件中都能获取。但是如果多个组件共享状态比较少，使用vuex过于麻烦和难以维护。element-ui中大量采用此方法。 自定义vue bus事件总线，原理类似vuex…

v-model双向绑定实现   单向数据流- 父组件将值传递给子组件，子组件修改值时，将当前值e.target.value传递给父组件，父组件将该值传递给子组件，子组件的值修改 v-model只可以一

前言 每次用vite创建项目秒建好，前几天用vue-cli创建了一个项目，足足等了我一分钟，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

Nginx是一个开源的高性能HTTP和反向代理服务器。它可以用于处理静态资源、负载均衡、反向代理和缓存等任务。Nginx被广泛用于构建高可用性、高性能的Web应用程序和网站。

大屏，vue大屏，react大屏，svelte大屏，vue，react，svelte，屏幕适配，使用 scale 做屏幕适配。 vue 组件，react 组件 适配大屏最简单方便的方案

在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（