随笔分类 -  前端技术

摘要：平时我们在开发中也会封装数据请求的通用工具，因为有很多相同的处理，没必要每次使用都把重复的再写一遍。在微信小程序中也是一样，封装数据请求的方式可以提高代码的可维护性和复用性。 创建请求模块 首先，创建一个新的 JavaScript 文件（例如 api.js），用于封装所有的数据请求。这个模块将包含一 阅读全文

摘要：使用 Vite 快速搭建脚手架 命令行选项直接指定项目名称和想要使用的模板，Vite + Vue 项目，运行（推荐使用yarn） # npm 6.x npm init vite@latest my-vue-app --template vue # npm 7+, 需要额外的双横线： npm init 阅读全文

摘要：正则表达式是一个强大的文本匹配工具。但是，对于初学者来说，众多的符号和规则可能让人难以理解。其实，你不需要记住所有的正则表达式语法！本文将分享一些简单而实用的技巧，帮助理解正则表达式的核心概念，轻松使用正则表达式！ 基础入门 概念 正则表达式（Regular Expression，在代码中常简写为r 阅读全文

摘要：数据验证 数据验证应该是正则表达式最常见的场景了，经常用于用户的输入是否符合所需的条件。数据验证可确保输入或导入的数据准确、一致，并符合预定义的规则。 验证手机号： const phoneNumber = "13712345678"; const regex = /^1[3-9]\d{9}$/; c 阅读全文

摘要：Vue3组件通信方式 不管是vue2还是vue3,组件通信方式很重要,不管是项目还是面试都是经常用到的知识点。 比如:vue2组件通信方式 props:可以实现父子组件、子父组件、甚至兄弟组件通信 自定义事件:可以实现子父组件通信 全局事件总线$bus:可以实现任意组件通信 pubsub:发布订阅模 阅读全文

摘要：搭建后台管理系统模板 2.1项目初始化 今天来带大家从0开始搭建一个vue3版本的后台管理系统。一个项目要有统一的规范，需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复，需要使用husky来做commit拦截，需要使用commitlint来统一提交规范，需要使 阅读全文