- 博客(11)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 一个基于Vue.js的tab切换组件，切换效果为左右移动，带有过渡效果
在这个组件中，我们使用了Vue.js的transition组件来实现过渡效果，同时使用了CSS3的`transform`属性来实现左右移动的效果。在CSS中，我们使用了`.slide-enter-active`和`.slide-leave-active`来定义过渡的动画效果，使用`.slide-enter`和`.slide-leave-to`来定义进入和离开的状态。在Vue.js中，我们使用`v-if`来控制当前显示的tab内容，使用`@click`来监听tab头部的点击事件，从而切换tab。
2023-05-24 09:01:57
1788
原创 vue3和ts使用
Vue3是Vue.js的最新版本，它带来了很多新的特性和改进，包括更好的性能、更好的开发体验和更好的可维护性。六、使用TypeScript编写Vue3组件的Methods 在Vue3中，我们可以使用TypeScript来定义组件的Methods。三、使用TypeScript编写Vue3组件的Props 在Vue3中，我们可以使用TypeScript来定义组件的Props。七、使用TypeScript编写Vue3组件的Watch 在Vue3中，我们可以使用TypeScript来定义组件的Watch。
2023-04-19 08:56:15
3827
原创 VScode常用30个插件，非常全面
18. JavaScript Booster ：代码重构，简化插件（把var转为const或者let，去除多余的else语句，合并声明和初始化）1. Vetur/Volar ：vue/vue3语法高亮、智能感知、Emmet等, 包含格式化功能， Alt+Shift+F （格式化全文）15. Color Info ： CSS 中使用颜色得色彩模型的（HEX、 RGB、HSL 和 CMYK）24. Alignment：根据=、:、*=、+=、=>、/=等符号对选中代码快速对齐。
2023-03-31 13:01:26
1175
原创 如何提高前端开发效率
我们需要不断尝试新的工具和技术，以提高我们的开发效率。一、使用脚手架工具 脚手架工具可以大大提高前端开发效率，它可以帮助我们快速生成项目的基础结构和配置，减少我们的重复工作。二、使用自动化构建工具 自动化构建工具可以帮助我们自动化执行一些重复的任务，如代码压缩、文件合并、图片压缩等。使用自动化构建工具可以让我们更专注于代码的编写，提高开发效率。使用组件库可以减少我们的UI设计时间，提高开发效率。在这个竞争激烈的时代，提高前端开发效率是非常重要的，本文将分享一些提高前端开发效率的技巧和工具。
2023-03-15 09:05:10
1355
原创 WEB前端介绍
前端开发需要掌握HTML、CSS、JavaScript等技术，以及流行的前端框架。了解这些技术和框架可以帮助您构建美观、高效的Web应用程序。
2023-03-09 13:25:45
601
原创 vue3中defineProps和defineEmits的TS使用方法
【代码】vue3中defineProps和defineEmits的TS使用方法。
2023-03-03 09:19:06
867
1VUE使用DevUI报错
2023-04-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人