karshey的博客

最近有一个功能，将json文件里的内容抽取到一个xlxs中，然后维护xlxs文件。不要做那种：“没有outputKey应该不传，但我就传个空串”，可能会报奇怪的错误！中途使用md5加密后的en翻译为key，将对应xlsx文件中的翻译（那一行）保存到set中，是因为xlsx中。维护一个xlsx文档，里面包含国际化的所有翻译，如下：第一行 为 语言。:传入一个数组，包含要求的语言，没有就不填，会默认xlsx里的所有文件。），将对应翻译生成到对应文件夹。其中key值为i18n的标记，value值为对应的翻译。

Todo的状态表示：text表示代办内容，done表示是否完成，id表示它在列表中的位置。// 操作只有添加todo和修改todo两种// 点击修改状态return [...list,},if (index!default: {useReducer部分：写在比较父级的组件中。把对应方法用prop的方式传给需要用的子组件。此博客写在了Main组件中。

【前端】Vue3+Vant4项目：旅游App-项目总结与预览（已开源）

移动端适配

useScroll：加强useScroll的功能性，监听窗口和页面的滚动

detail：房东介绍、热门评论、预定须知组件

detail：房屋信息、房屋设施、插槽

detail：房屋详情页及其数据、返回导航栏、轮播图

home：点击跳转至带参数的动态路由

loading：网络请求时显示loading效果

home：页面滚动显示搜索栏、节流、时间同步

TabBar：debug，非点击tabBar的路由跳转active显示问题

home+hooks：窗口滚动到底部动态加载新数据、抽取到hook

网络请求house数据、动态并组件化展示house列表信息

home+search：搜索按钮及其路由跳转、分组数据的网络请求request、数据存储store和动态显示

home：热门数据的网络请求、store和显示

旅游App博客总结

home-Calendar：日期选择、日历、动态显示时间

添加热门数据、动态修改索引栏、点击跳转、显示城市

city：以indexBar的形式显示数据

city：固定tab栏、内容中显示数据

标签页Tabs动态数据：网络请求axios与request、数据管理store与pinia、各种封装

city：搜索框search和标签页Tabs

city：隐藏TabBar的2种方法

NavBar：结构与样式

TabBar：Vant库实现功能与样式

点击active效果、点击路由跳转

TabBar：搭建TabBar、循环获取动态数据、相关工具封装

Vue项目：旅游App-1

这辈子不要再吃项目丢失的苦

Vue+Element UI案例：通用后台管理系统-项目总结

Vue+Element UI案例：通用后台管理系统-登陆不同用户显示不同菜单、动态添加路由

通用后台管理系统-登陆页面功能：登录权限跳转、路由守卫、退出

Vue+Element UI案例：通用后台管理系统-登陆页面Login

Vue+Element UI案例：通用后台管理系统-用户管理：Table表格增删查改、Pagination分页、搜索框

Vue+Element UI案例：通用后台管理系统-用户管理：Form表单填写、Dialog对话框弹出

Vue+Element UI案例：通用后台管理系统-面包屑、tag栏

Vue+Element UI案例：通用后台管理系统-Echarts图表：折线图、柱状图、饼状图

Vue+Element UI案例：通用后台管理系统-Echarts图表准备：axios封装、mock数据模拟实战