
vue3
文章平均质量分 74
VUE3
Wait.End
热爱前端开发的工程师
展开
-
如何入门编程
随着信息技术的快速发展,编程已经成为一个越来越重要的技能。那么,我们该如何入门编程呢?欢迎大家积极讨论。原创 2023-06-02 15:49:12 · 325 阅读 · 0 评论 -
Vue3 + TypeScript 实现自动打字、打字机动画、动画打字工具(TypeIt)
typeitjs是一个JavaScript库,用于创建简单而流畅的打字效果和动画效果。它可以用于网页开发中的很多场景,例如创建动态文字效果、制作页面过渡动画、增强用户体验等。我们还可以利用它进行一些后端日志的回显,如果某个进程后端实时或者定时返回结果,前端进行一个动画打字的回显功能,一方面可以让我们的页面更丰富,另一方面可以给客户一个很好的体验。原创 2023-04-10 18:06:41 · 5515 阅读 · 10 评论 -
Vite4自定义插件之终端打印自定义logo(图案)
在SpringBoot项目启动成功的时候,终端会打印出由字符组成的图案以及版本信息。SpringBoot还提供了配置文件(banner)进行自定义Logo内容。所以实现起来就比较容易。其实Vite项目中也可以实现这种效果。因为它并没有提供相关的配置,所以我们得自己手动写一个插件。这里就不对进行讲解了,网上资源很多。免得写多了大家也看得云里雾里的。废话不多说,开搞。原创 2023-01-17 18:02:05 · 1976 阅读 · 4 评论 -
Vite4 + Vue3 项目打包并发布Nginx服务器 (前端必看)
这里因为我们有的小伙伴可能不太需要服务器,单纯学习的话也没有必要去买一个服务器。如果需要把自己的东西部署到公网上,有很多方式,自行百度。你也可以购买阿里云或者腾讯云。逻辑都是一样的,我这里使用的虚拟机+centos系统,我已经提前在自己的机器安装好了。感兴趣的小伙伴可以看我专栏。里面有从虚拟机、centos到一些开发工具的详细安装步骤。特别是我们这篇文章中要用到的nginx服务器。原创 2023-03-26 00:15:01 · 17588 阅读 · 5 评论 -
Vite4+Vue3之watch侦听器的使用
计算属性允许我们声明性地计算衍生值。然而在有些情况下,我们需要在状态变化时执行一些“副作用”:例如更改 DOM,或是根据异步操作的结果去修改另一处的状态。在选项式 API 中,我们可以使用在每次响应式属性发生变化时触发一个函数。(这是来自的描述)在使用前面我们先了解一下watch侦听器如何使用。第一个参数:为需要监听的数据源。第二个参数:就是在我们监听的数据源发生变化后的回调函数(newVal,oldVal)第三个参数:为一个options配置项。原创 2023-02-28 14:47:32 · 507 阅读 · 0 评论 -
Vite4+Vue3 组件封装之SVG
Vue 模板会被预编译成虚拟 DOM 渲染函数。Vue 也提供了 API 使我们可以不使用模板编译,直接手写渲染函数。在处理高度动态的逻辑时,渲染函数相比于模板更加灵活,因为你可以完全地使用 JavaScript 来构造你想要的 vnode。原创 2023-03-07 17:50:25 · 808 阅读 · 0 评论 -
Vue3(递归组件) + 原生Table 实现树结构复杂表格
什么是递归,Javascript中经常能接触到递归函数。也就是函数自己调用自己。那对于组件来说也是一样的逻辑。平时工作中见得最多应该就是菜单组件,大部分系统里面的都是递归组件。文章中我做了按需引入的配置,所以看不到我引用组件、Vue3的相关API等等。需要了解的小伙伴可以看我的另一篇文章。原创 2023-03-14 20:46:22 · 6662 阅读 · 6 评论 -
Vue3 实现随机抽奖(分类、概率控制)
假设我今天对于吃正餐还是小吃很纠结,始终确定不下来😣😣。于是我就做了下面这个和抽奖一样的东西,抽到啥吃啥😅😅。正餐我给的probability是20,小吃是80。比如一个盒子里面有100张纸。20纸上面写着我的正餐,剩下的都是小吃,那我抽中的概率就是20%🌟🌟🌟🌟。原创 2023-03-09 11:15:42 · 1522 阅读 · 0 评论 -
Javascript,typeScript根据身份证提取省市县、生日、性别。脱敏、校验等工具类(vue3)
JavaScript、TypeScript处理身份证。根据身份证提取省市县、生日、性别。脱敏、校验等。要对身份证进行处理,前提就得先了解身份证含义。2013年1月1日起第一代居民身份证将停止使用,全面使用第二代居民身份证。所以就不考虑15位的情况。原创 2023-01-28 17:28:29 · 2061 阅读 · 0 评论 -
前端开发过程常用的API网站
易学易用,性能出色,适用场景丰富的 Web 前端框架。原创 2022-11-15 17:41:17 · 1327 阅读 · 0 评论 -
VUE3 + CSS实现有趣的单选框示例
VUE3 + CSS实现有趣的单选框。不管是和传统的radiobox还是市面上的UI框架的radio对比。我这个选择器更加显得花里胡哨。你可以稍微改造一下就能变成一个自己的radio组件。示例中使用了element-ui的el-divider分割线组件和el-tooltip文字提示组件。因为我做了自动按需引入,所以部分依赖需要自己手动引入一下。注意使用animate的时候一定要加上animate__animated类,不然不起作用❗️❗️❗️❗️❗️❗️。让页面动起来,显得更加的生动原创 2022-10-27 17:39:45 · 870 阅读 · 0 评论