我们在网页加载的时候总会加上一些过渡效果来引导用户，减少白屏时间，而加载的效果可以用svg也可以使用一些我们封装好的组件,今天就...

跟随作者来搭建 vite + vue3 + vue-router4 + vuex4 + ant-design-vue2 + axios + mockjs 工程吧！

下面是公司搭建的真实项目开发环境我提炼出来比较重要的一些知识点作为内部技术分享。 打包成功后，会在项目的根目录自动创建一个 dist 文件夹，里面的 main.js 文件就是我们打包后的文件。 注意：若不想将配置写在配置文件中，可在项目根目录创建 babel.config.js…

1. Vue2的局限性 2. 如何使用CompositionAPI解决问题 最佳的解决方法是将逻辑聚合就可以很好的代码可读性。 这就是我们的CompositionAPI语法能够实现的功能。CompositionAPI是一个完全可选的语法与原来的OptionAPI并没有冲突之处。…

今天我们这一篇的主题就是 “快速搭建开发环境”。快速，有多快？答案：取决于你的网速。因为我们真的有这么一个脚手架：qvk。 qvk 是一个集成现代前端工程化最佳实践的通用 Web 开发环境，可用于开发传统 C/S 架构的 Web 应用、SPA（单页应用）、H5（App 内嵌页）…

类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

在开发项目过程中，通常会用到很多功能和设计相类似的组件，为了避免重复造轮子，我们经常会用到一些第三方组件，比如 vux，vant。但是这样会引入太多没用到的组件，造成打包体积过大。所以我们有必要封装一些基础的组件用于开发。 下面我为大家介绍如何封装vue的toast和dialo…

猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目，在此分享给大家。 以下为【前端GitHub】的第 9 期精华内容。 1. LightHouse LightHouse 是一个开源的自动化工具，用于改进网络应用的质量。 可以将其作为一个 Chrome…