STARBLOG / 技术与日常的文字存档

文章索引

写下实践中的发现，也留住那些值得回看的想法。

682篇文字 · 持续记录中

349StarBlog前端开发-Vue2023-07-14

StarBlog博客开发笔记：前端开发之导航守卫

路由对象router给我们提供了beforeEach方法，可以在每次路由之前进行一些相关处理，也叫导航守卫，我们这里就通过导航守卫实现一些类似身份认证的辅助功能。修改router/index.js文件，添加导航守卫，在每次路由时判断用户会话是否过期。如果登录有效且跳转的是登录界面，就直接路由到主页；如果是非登录页面且会话过期，就跳到登录页面要求登录。代码如下 router.beforeEach

350StarBlog前端开发-Vue2023-07-14

StarBlog博客开发笔记：前端开发(8)之vuex与状态管理

状态管理在很多应用场景下，我们需要在组件之间共享状态，比如我们的左侧导航栏需要收缩和展开的功能，收缩状态时宽度很小，只显示菜单图标，因为导航菜单栏收缩之后宽度变了，所以右侧的主内容区域要占用导航栏收缩的空间，主内容区域宽度也要根据导航栏的收缩状态做变更，而导航栏和主内容区域是两个不同的组件，而非父子组件之间不支持状态传递，所以组件之间的状态共享问题发生了。之前我写flutter的时候，响应式设

351StarBlog前端开发-Vue2023-07-14

StarBlog博客开发笔记：前端开发(7)之主页面

界面设计按照ElementUI提供的布局来左边是导航栏，右边上方是标签页，然后是主内容区如图二级类目开始写代码主页面的内容已经比较复杂了，全部写在一个文件内不现实我们来分解一下根据这个布局，页面可以分为头部、主体、左侧导航栏三部分所以我来新建三个vue页面 HeaderBar.vue Navbar.vue MainContent.vue 完成之后目录结构如下 views ├──

352StarBlog前端开发-Vue2023-07-14

StarBlog博客开发笔记：前端开发(6)之登录页面

前言前端开发的准备工作在前面已经完成了，接下来就要开启写页面（Copy/Paste）操作了~ 用ElementUI写页面很简单，对照着官网文档代码一顿复制粘贴就完事了。写代码没啥好说的，直接代码布局 template el-form :model=loginForm :rules=fieldRules ref=loginForm label-position=left label-wi

353StarBlog前端开发-Vue2023-07-14

StarBlog博客开发笔记：前端开发之文件上传

参考资料前端通过axios和FormData实现文件上传功能遇到的坑：https://segmentfault.com/a/1190000016927601 Element el-upload上传组件详解：https://segmentfault.com/a/1190000013796215

354StarBlog前端开发-Vue2023-07-14

StarBlog博客开发笔记：前端开发之瀑布流图片列表

用到的组件：vue-waterfall 项目地址：https://github.com/MopTym/vue-waterfall 参考资料 Vue<瀑布流加载效果>：https://www.jianshu.com/p/97b89597ab5c

355StarBlog前端开发-Vue2023-07-14

StarBlog博客开发笔记：前端相关

markdown编辑器 v-md-editor，http://ckang1229.gitee.io/vue-markdown-editor/zh/ 在我的项目里最大化有问题，后面我自己搭配vuex实现了优点是界面比较好，TOC可以放在左边其他尝试 vue-element-admin整合的markdown编辑器：https://panjiachen.github.io/vue-element-a

356项目开发小结系列2023-07-14

项目完成小结：使用Blazor和gRPC开发大模型客户端

其实几年前我就有轻度使用了一下 Blazor 这个技术，一开始使用 Blazor ，我是有点嫌弃的，我还是比较倾向于传统的前后端分离，AspNetCore用来做后端，用 React 做前端，生态很丰富，要做啥组件都容易。这次只是个小 Demo 项目，试用了一下 Blazor ，从一开始的非常别扭，到越来越顺手。感觉 Blazor Server 写小项目还是挺好用的，后面继续完善项目，持续发掘 B

357Asp-Net-Core学习笔记2023-07-12

Asp-Net-Core学习笔记：4.Blazor-WebAssembly入门

本来今天开始是有其他的安排了，也没办法抽出那么多时间来学NetCore，不过我想做事情有始有终吧，除了gRPC还没跑起来之外，Blazor这部分也了解了一点。目前来说还不是很完善，真正的离线单页应用还处于预览版阶段。

358项目开发小结系列2023-07-12

项目小结：使用Docker迁移服务到离线服务器

最近遇到的这个场景，需要把之前开发的一套系统迁移到一个离线的服务器上，这个服务器有点麻烦，接入VPN后通过堡垒机才能访问，速度也很慢，遇到不少坑，本文记录一下迁移过程。

359Asp-Net-Core学习笔记2023-07-11

Asp-Net-Core学习笔记：gRPC快速入门

gRPC 使用起来非常的丝滑，目前来说也没遇到什么坑，可以非常平滑地与已有项目集成，如果有类似的场景，强烈推荐尝试一下 gRPC ！gRPC 的功能很多，本文仅介绍了最基本的使用，更多的请阅读文档，详细有了本文的基础铺垫，读者再阅读文档深入使用时，会比较轻松上手。

360StarBlog博客开发笔记2023-07-04

StarBlog博客开发笔记(29)：添加RSS订阅功能

RSS 的对立面是算法推荐，像微信公众号、知乎、微博、今日头条等平台。且不说算法推送平台广告多，迁移麻烦的问题。算法推荐的特点是，你不需要刻意选择，算法会根据你的喜好，给你推送内容。这样一来，你几乎没有选择的余地，在不断被「喂饱」中逐渐失去判断的能力。