
Vite+Vue3 项目实战示例
文章平均质量分 92
Vite+Vue3项目实战示例
Wait.End
热爱前端开发的工程师
展开
-
【1】Vite+Vue3 登录功能
Vite + Vue3 实现系统登录功能,登录功能是指用户通过提供一定的凭证(如用户名和密码)来验证自己的身份,并获得对系统的访问权限。原创 2023-07-17 16:41:22 · 1307 阅读 · 0 评论 -
【2】LocalStorage 的介绍以及使用场景
localStorage是web浏览器的一种本地存储技术,即使关闭当前页面甚至关闭浏览器它也会一直存储,除非用户去清理。否则会永远存在。所以它也是前端持久化技术的一种。原创 2023-06-16 16:47:53 · 1594 阅读 · 0 评论 -
【3】Vite Vue3 用户、角色、岗位选择组件封装
用户、角色、岗位、组织等等是我们在项目中最常见的一个选择。每一个组件的实现方式可能也不一样,用户的话可能是一个列表的展示,进行单选多选。而组织可能是树节点的形式。但不管是哪一种封装的逻辑基本都是一样的。我们需要一个展示框,展示用户选择的数据。同时展示框可以进行点击弹出需要选择的数据。对于组件来说,无非就是弹出框中展示的数据不一样。本文我们就讲解如何通过一个input框进行用户选择的组件封装。原创 2023-07-17 17:10:19 · 1127 阅读 · 0 评论 -
【4】Vite+Vue3左右容器中相同属性的元素内容自动对齐
这个需求的话相对比较冷门,一般会出现在图文排版,在文章或者网页中,将图片和文字按照某种规则进行对齐,提高排版效果和可读性.其次是做到页面一致性,一致的对齐方式可以使整个界面看起来更加的统一和协调,从而引导用户的注意力。这个功能的话其实开发永远用得最多,比如我们在git提交代码的时候,会有代码对比功能,很清晰的就能知道我们修改了些什么内容。如果你有word或者文章进行比对的话,就可以应用次功能,进行段落或者标题的对其,直接提供用户体验。原创 2023-07-18 10:31:25 · 834 阅读 · 0 评论 -
【5】Vite+Vue3 JsonPath的使用
是一种用于查询和过滤JSON数据的语言。它类似于XPath,但专为处理JSON数据而设计。使用JsonPath,您可以根据预定义的语法模式从JSON数据中选择和提取特定的值或对象。它可以用于查找、过滤和提取JSON数据的任何部分,如属性、数组、嵌套对象等。通过指定路径表达式,您可以快速、简洁地定位JSON数据中的目标元素。原创 2023-07-18 14:34:43 · 1537 阅读 · 0 评论 -
【6】toLocaleString、toLocaleDateString、toLocaleTimeString等toLocale系列方法的使用及案例
用toLocaleString、toLocaleDateString、toLocaleTimeString方法可以根据用户所在地区的语言和时间格式来显示日期和时间,提供更好的用户体验。我是Etc.End。每一次进步都值得庆祝,每一次努力都值得赞赏。不要忽视自己的成长,每一步都是向前迈进的力量。😍。原创 2023-07-27 15:15:04 · 1656 阅读 · 0 评论