CatchLight的博客

之前的几篇文章都是基于comtainer布局的aside边栏部分来写的，像logo、menu以及Icon图标组件，后面也写了关于路由动态加载和菜单渲染的文章。今天就撤离aside，来讲一下header部分的实现。使用pinia定义了一个的路由信息状态，方便各个组件修改路由的状态。之前在路由动态加载中就提到过，在router.ts工具类中，通过将处理好的菜单路由放到了中，然后渲染menu。是实现tabs的三个变量。activeRoute表示当前激活的路由是哪个，这样才能利用route.push。

在后台管理系统或者前端页面的切换过程中，总会遇到网络波动、数据加载慢导致的页面访问慢的问题。我们在访问一些网站，遇到页面加载不出来的时候，通常显示一个进度条，或者一个loading页面的动画页面。那么，进度条和loading页面是如何实现的呢？这就是BuildAdmin中进度条和Loading页面的实现，主要是对router路由导航守卫的一个结合使用。

大数据毕业设计之前端

如何使用python对腾讯云开发者社区各位创作者，进行一个区域和技术偏好分析。作为数据分析的课题，我们首先想到的就是，如何去收集创作者们的区域和技术偏好数据。浏览腾讯云开发者社区的数据展示设计，发现在个人主页就能收集到区域和技术偏好数据。那么我们就要考虑如何进入到个人主页。本篇文章数据分析为主、爬虫为辅，实现了对腾讯云开发者社区部分创作者的区域分布和技术偏好分析。

仙路尽头谁为峰，一见无始道成空！！！

仙路尽头谁为峰，一见无始道成空。

上篇文章主要讲了图标组件Icon的实现，主要包括了两种常用的图标。今天就讲一下如何在Icon中加载本地的svg图标。开篇还是将Icon实现结构图放出来，今天只看svg这条支线。在components/icon/svg目录下，实现了一个svg的component，定义html原生的svg标签。下的中的href属性，需要指定的是svg图标的名字，而绑定的iconName，可以看到是引用的是props.name，即是通过父组件传过来的name属性。

说到图标，在BuildAdmin中用到的地方很多。比如上一篇中的折叠图标，还有菜单栏图标、导航菜单栏图标等。常见的图标有：ElementUI图标、font-awesome、iconfont阿里图标以及本地svg这四类图标。在使用四种不同的图标时，使用的标签都是不一样的，所以定义一个统一的组件，使用一个标签就能包含四类图标是非常有必要的。当然，这只是其中的一个原因，至于其他原因可以接着看下文。这里先放出架构图，可以看完整篇文章之后再回来看。使用。

上一篇文章中，借助aside的实现讲了一些开发的小技巧，以及css的解读。本篇文章主要写一下如何填充aside的内容。aside主要是由两个部分组成的：logo和菜单。实现logo和菜单在点击图标时，菜单和logo会进行折叠封装图标组件本篇文章主要写的是logo和menu的实现。其中menu后面菜单的渲染、动态路由是BuildAdmin的一个重点，后面会用很大的篇幅去写。下一篇先写组件，毕竟后面的很多地方都用到了图标。