后台管理系统究极保姆级教学(看了必会)!!! 1.分析项目 项目大概可以分为8个部分 1.基础配置 2.登录模块 3.用户模块 4.权限管理模块 5.商品模块 6.订单模块 7.数据统计模块 8.打包优化 1.基础配置: 新建一个vue2的项目,安装aixos,element-ui,vuex-persistedstate固化插件 对axios进行第一次封装,在src下新建unitils文件夹,里面新建一个request.js文件(名字自定 前端 2025年05月01日 149 点赞 0 评论 12047 浏览
vue3新一代状态管理库 Pinia Pinia优势 Pinia是一个全新的Vue状态管理库,是Vuex的代替者,尤雨溪强势推荐 1.Vue2 和 Vue3 都能支持 2.抛弃传统的 Mutation ,只有 state, getter 和 action ,简化状态管理库 3.不需要嵌套模块,符合 Vue3 的 Composition api,让代码扁平化 4.TypeScript支持 Pinia 基本使用 初始化项目: npm in 前端 2025年05月01日 115 点赞 0 评论 7951 浏览
#什么是防抖和节流,他们的应用场景有哪些 防抖(debounce) 触发高频事件后 n 秒内函数只会执行一次,如果 n 秒内高频事件再次被触发,则重新计算时间 #示例代码: 节流(throttle) 高频事件触发,但在 n 秒内只会执行一次,所以节流会稀释函数的执行频率 #示例代码 #总结 (简要答案) 防抖:防止抖动,单位时间内事件触发会被重置,避免事件被误伤触发多次。代码实现重在清零 clearTim 前端 2025年04月30日 35 点赞 0 评论 14700 浏览
input中的属性 placeholder:它的属性值为提示文本,但不占位 autofocus:自动获取焦点,没有属性值 autocomplete:类似于百度搜索的自动补全功能,此属性有两个值:on:打开 /off:关闭。要使用这个属性有两个条件: 1.必须成功提交过:提交过才会记录; 2.当前添加autocomplete的input元素必须有name属性; required:必须输入,如果没有输入则会阻止当前数据提 前端 2025年04月30日 34 点赞 0 评论 18982 浏览
vue中api统一管理 针对小型项目 无需管理的情况下 <script> import axios from 'axios'; export default { methods: { async request() { let data = {} try { // host指的是请求的域名,path指的是请求的路径, data是相关的参数和请求头配置 前端 2025年04月30日 130 点赞 0 评论 1872 浏览
微前端实现方案之iframe 微前端是最近几年火起来的概念,iframe是早期实现微前端的理想方案,而现在有了其它的方案,比如qianduan框架,single-spa,以及webpack5带来的联邦模块方案。但是每一个方案都有其优缺点,感兴趣的可以去实践一下。 1、项目创建 创建3个项目,一个基座项目project_base,2个子项目project_a和project_b项目。并在各个项目安装好依赖(本项目基于vue搭 前端 2025年04月30日 72 点赞 0 评论 2564 浏览
Vue3 10多种组件通讯方法 本文简介 点赞 + 关注 + 收藏 = 学会了 本文讲解 Vue 3.2 组件多种通讯方式的基础用法,并且使用了 单文件组件 <script setup> 。 众所周知,Vue.js 中一个很重要的知识点是组件通信,不管是业务类的开发还是组件库开发,都有各自的通讯方法。 本文适合: 有 Vue 3 基础的读者。 打算开发组件库的读者。 本文会涉及的知识点: Props 前端 2025年04月27日 100 点赞 0 评论 13613 浏览
js获取url参数值的几种方式 方法一:采用正则表达式获取地址栏参数 (代码简洁,重点正则) function getQueryString(name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); let r = window.location.search.substr(1).match(reg); 前端 2025年04月27日 69 点赞 0 评论 15593 浏览
vue学习(49)vue-router(1) 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 前端路由:key是路径,value是组件。 基本使用 安装vue-router,命令:npm i vue-router 应用插件:Vue.use(VueRouter) 编写router配置项: //引入VueRouter import VueRouter from 'v 前端 2025年04月27日 78 点赞 0 评论 7608 浏览
uniapp入门教程 UniApp是一款跨平台的开发工具,可以用一个代码库同时构建出iOS、Android两个平台的应用程序,并能方便地发布到App Store和各大应用商店。它基于Vue.js框架,开发者可以使用Vue.js的语法进行开发,可以轻松地迁移现有的Vue.js项目。 本篇文章将为大家介绍UniApp的入门教程,帮助初学者快速上手并开始开发自己的APP。 1. 环境搭建 在开始使用UniApp之前,我 前端 2025年04月27日 163 点赞 0 评论 8053 浏览