componentsDIY: 各种前端特效、web小工具、组件集合在一个vue3项目里，逐渐加进来

# componentsdiy说明文档

## 项目简介  
        componentsdiy前端微型项目集合，项目中包含一些可复用的设置和自定义函数，例如目录和路由是动态生成的。  
        内容偏向学习研究，包括效果、工具或小游戏的，倾向于统一的配色和基本布局，重视全局设定和可扩展特性。  
        部分自定义功能，有较详细的注释，版本更替的时候会在此文档下方增加版本更新说明。此外，在博客中也发表了详细的相关文章，如果感兴趣请关注！

### 相关文章 
[相关文章 博客链接](https://blog.csdn.net/weixin_44841138?spm=1010.2135.3001.5343)

## 项目安装
```
npm install
```

### 编译与带热加载的本地预览
```
npm run serve
```

### 编译与webpack打包
```
npm run build
```

### 自定义参考vue文档
[Configuration Reference](https://cli.vuejs.org/config/).

### 版本更新说明

版本号从1.0.0上升至1.5.4，此版本为beta版，具体变更如下：

**主版本号未变还是1**

**次版本号从0上升为5**  
1. 全局参数-新增：[√] 设置并引入全局参数gData.vNum，表示版本号
2. 文档结构-变更：[√] readme结构增加版本说明
3. 导航守卫-变更：[√] 更改导航守卫中，引用的autoRf函数的的功能，采用版本号作为url更新参数。
4. 动态路由-变更(2个)：  
    - [√] 生成动态路由和目录的menus常数中新增mark属性，以便在不影响路径和名称的前提下，区分处理有指定标记的路由
    - [√] menus常数中新增linkTex属性，动态生成的目录默认使用menus.name作为显示文本，当目录中的文本与menus.name不一致时，使用linkTex属性设置目录文本。

**修订号从0上升至4：**
1. 兼容性-修复(2个)：  
    - [√] flex布局下gap兼容性问题修复  
    - [√] speadSmooth.vue页面元素，移动端横屏时的布局问题修复  
2. 代码结构-调整：  
    - [√]将router/index.js包含的多个自定义函数分别移到routerMaker.js、routerMeta.js、routerQuery.js文件中，并将menus常数分离至routerMenus.js文件，以便维护
3. 缓存-调整：
    - [√]调整autoRf函数的url过期校验方式，对目录采用版本参数+时间参数双校验模式

观察蚂蚁的人/componentsDIY

简介

发行版

贡献者

近期动态

观察蚂蚁的人/componentsDIY .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

观察蚂蚁的人/componentsDIY