Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
【前端】Vue+Element UI案例:通用后台管理系统-项目总结
文章目录 相关链接 前言 效果 登录页 首页 管理员的首页 xiaoxiao的首页 用户管理 总结 项目搭建 左侧 CommonAside 上侧 CommonHeader和CommonTag 首页 Home vue 用户管理 User vu
前端案例
vuejs
前端
ui
jQuery实现下拉菜单[代码+详细讲解+效果图]
文章目录 前言 一 案例功能描述 二 html代码讲解 三 css代码讲解 四 jQuery实现功能及代码讲解 五 效果图 总结 前言 下拉菜单也是每个网页基本都会用到的案例 所以知识点还是要我们掌握的 这个案例比较简单 主要还是我们的jQ
前端案例
jQuery
javascript
前端
【前端】Vue项目:旅游App-(7)city:搜索框search和标签页Tabs
文章目录 目标 过程与代码 搜索框 初步 自己实现取消功能 样式修改 标签页 效果 总代码 修改的文件 common css city vue main js 目标 过程与代码 搜索框 初步 在Vant文档中找到搜索框 Search搜索 按
前端案例
vuejs
前端
旅游
【前端】Vue+Element UI案例:通用后台管理系统-Header+导航栏折叠
文章目录 目标 代码 0 创建组件 1 按钮 2 头像下拉框 3 去除左右缝隙 4 点击按钮折叠导航栏 Vuex 5 折叠标题和Header效果 总代码 CommonHeader vue store的index js store的tab j
前端案例
vuejs
前端
ui
【前端】Vue项目:旅游App-(18)TabBar:debug,非点击tabBar的路由跳转active显示问题
文章目录 目标 过程与代码 原因与属性的添加 currentIndex的修改 效果 总代码 修改的文件 tab bar vue 本项目博客总结 前端 Vue项目 旅游App 博客总结 目标 当我们在url处实现路由跳转时 tabBar没有产
前端案例
前端
vuejs
旅游
【前端】Vue项目:旅游App-(12)home-Calendar:日期选择、日历、动态显示时间
文章目录 目标 过程与代码 安装依赖 结构样式 动态数据 默认数据今天明天 添加日历 修改样式 动态数据 显示日历中选择的数据 效果 总代码 修改或添加的文件 formatDate js home vue main js 目标 点击时间 弹
前端案例
前端
vuejs
旅游
【前端】Vue项目:旅游App-(1)搭建项目、重置css、配置router和store(pinia)
文章目录 创建项目 搭建和配置项目 项目目录结构划分 重置CSS normalize css reset css 目录结构 配置router 对应页面组件 index js 配置store 创建项目 npm init vue latest
前端案例
前端
css
vuejs
【前端】Vue项目:旅游App-(22)detail:房屋信息、房屋设施、插槽
文章目录 目标 过程与代码 房屋信息部分info 相似结构的组件section 房屋设施facility 效果 总代码 修改或添加的文件 detail section detail facility detail info detail 参
前端案例
前端
vuejs
旅游
【前端】Vue项目:旅游App-(8)city:标签页Tabs动态数据:网络请求axios与request、数据管理store与pinia、各种封装
文章目录 目标 过程与代码 安装相关库 封装网络请求相关代码 网络请求数据 网络请求数据操作封装 pinia管理数据并封装 tab栏改为动态数据 效果 本篇总结 总代码 修改或新建的文件 service index modules的city
前端案例
前端
vuejs
旅游
【前端】Vue项目:旅游App-(13)home:热门数据的网络请求、store和显示
文章目录 目标 过程与代码 页面html与css 获取数据 网络请求 store 展示数据 效果 总代码 修改或添加的文件 service的home js service的index js store的home js home vue 本项
前端案例
前端
vuejs
旅游
【前端】Vue项目:旅游App-(5)NavBar:结构与样式
文章目录 目标 总代码 参考 目标 做出这个即可 总代码 写在home vue中 都是html和css
前端案例
前端
vuejs
【前端】Vue项目:旅游App-(15)home:网络请求house数据、动态并组件化展示house列表信息
文章目录 目标 过程与代码 content组件 请求数据 houseList request store 控制台输出 动态加载更多列表数据 house item组件 阶段1 数据传送 阶段2 对着目标写样式 house item v9 ho
前端案例
前端
vuejs
旅游
【前端】Vue项目:旅游App-(10)city:以indexBar的形式显示数据
文章目录 目标 过程与代码 分析数据并展示 封装到一个组件 添加indexBar 样式修改 优化tab栏的切换 效果 总代码 修改或新增的文件 common css city vue currentGroupCity vue main js
前端案例
vuejs
前端
旅游
【前端】Vue项目:旅游App-(6)city:隐藏TabBar的2种方法
文章目录 目标 过程与代码 方法1 通过路由隐藏 方法2 用样式隐藏 对方法2封装 总代码 修改的文件 common css index js city vue 目标 city页是点击上篇 广州 位置所跳转的页面 此页面要隐藏TabBar
前端案例
vuejs
前端
旅游
【前端】Vue项目:旅游App-(24)useScroll:加强useScroll的功能性,监听窗口和页面的滚动
本项目博客总结 前端 Vue项目 旅游App 博客总结 窗口和页面滚动相关链接 前端 如何判断是页面滚动还是窗口滚动 karshey的博客 CSDN博客 import ref from vue import onMounted onUnmo
前端案例
vuejs
前端
旅游
【前端】Vue项目:旅游App-(2)TabBar:搭建TabBar、循环获取动态数据、相关工具封装
文章目录 目标 代码与过程 静态html css 改成动态数据 效果 总代码 修改或新建的文件 tabbarData js tab bar vue load assets App vue 目标 有两种实现方式 把数据写死 静态 直接写在ht
前端案例
前端
vuejs
旅游
【前端】Vue3+Vant4项目:旅游App-项目总结与预览(已开源)
文章目录 项目预览 首页Home 日历 日期选择 开始搜索 位置选择 上搜索框 热门精选 房屋详情1 热门精选 房屋详情2 其他页面 项目笔记 项目代码 项目数据 项目预览 启动项目 npm run dev 在浏览器中F12 首页Home
前端案例
旅游
css
CSS3
【前端】Vue+Element UI案例:通用后台管理系统-Home组件:卡片、表格
文章目录 目标 代码 0 布局 1 左上User卡片 2 左下table卡片 2 1数据 TableData js 2 2table 2 3代码优化 循环 3 右上数据卡片 3 1数据 CountData 3 2结构 3 3布局 3 4样式
前端案例
vuejs
前端
ui
【前端】Vue项目:旅游App-(16)home+hooks:窗口滚动到底部动态加载新数据、抽取到hook
文章目录 目标 过程与代码 监听窗口的滚动 窗口上事件监听的移除 封装到一个hook 回调函数法 不推荐 返回值法 推荐 效果 总代码 修改或添加的文件 hooks的useScroll home content 参考 本项目博客总结 前端
前端案例
前端
vuejs
旅游