做一个有温度和有干货的技术分享作者 —— Qborfy

背景

从去年疫情还没解封开始，陆陆续续就传来各种裁员新闻，虽然去年没有波及到我，但是基本上身边的朋友多多少少都几个被牵扯到了，因此我这边很焦虑，从2023年1月1日起，开始重新踏起起点，不断学习，不断更新个人博客，这一篇算是对我今年半年的总结以及复盘。

温馨提示：本文文字居多，且内容主要偏向于个人总结，如果觉得对自己有用的，请耐心观看。

做一个有温度和有干货的技术分享作者 —— Qborfy

背景

大模型篇

AIGC篇

开源工具篇

使用RAG-GPT和Ollama搭建智能客服原创

做一个有温度和有干货的技术分享作者 —— Qborfy

背景

前阵子搞了一下如何在Vue项目中加载远程的组件，文章为【低代码平台加载远端组件解决方案(1)——defineAsyncComponent】，遗留一些问题，就是如何在项目中实际应用，因为所有的问题都来源自实际项目，所以本文会继续把这个坑填完。

解决思路

涉及到项目实战了，解决方案是需要通过wepack或vite构建工具将资源进行打包，然后通过解析文件，进行模拟封装成可以加载的 js函数即可，下面我们以 vite为构建工具进行编译组件文件async/Async.vue

做一个有温度和有干货的技术分享作者 —— Qborfy

背景

最近在做低代码平台项目中遇到一个很容易遇到的问题，具体描述如下：

• 问题描述：低代码平台依赖的组件库，如果将一个组件库进行融合打包到平台项目中的就会导致平台在渲染页面的时候需要加载完整的组件库，从而导致页面加载了一些大部分页面不需要的组件文件
• 希望方案：页面使用到哪些组件就去动态加载组件
• 解决方案：
  • Vue的异步加载组件，Suspense和defineAsyncComponent
  • React的异步加载组件， Suspense和import()

由于低代码项目本身使用的 Vue3 框架，而且 Vue和 React的异步加载组件方案其实差异不多，所以下面以 Vue为主进行介绍。

参考资料

• k8s学习资料 https://kuboard.cn/learning/
• k8s管理界面 https://github.com/eip-work/kuboard-press

做一个有温度和有干货的技术分享作者 —— Qborfy

思考的框架

我们绝大部分行为都是建立在我们所理解的知识领域基础之上，所以我们大部分决策都是都是存在盲区，为了做出更好的决策，本书讲述了不同的思维模型，用来让你的大脑在做出决策之前可以通过不同的思维角度去思考。

做一个有温度和有干货的技术分享作者 —— Qborfy

做一个有温度和有干货的技术分享作者 —— Qborfy

前言

循环轮播图，基本上大家用的都是现有组件，如果要让你自己设计实现一个，其实最主要的两个点：循环算法和滚动动画

手写难度：⭐️⭐️

涉及知识点：

• 循环播放的思路
• CSS 动画，transtion和 transform
• Web Component 自定义组件

做一个有温度和有干货的技术分享作者 —— Qborfy

背景

最近在开发一个简单的个人记录网站，技术栈是使用 Vite + Vue3，由于使用的单台服务器，有时候服务器会被限制带宽，所以平时都会比较访问比较慢。所以想实现一个离线应用，而 PWA 应用则是目前最佳方案。

本文涉及知识点如下：

• PWA 的概念
• Service Worker使用
• 用构建工具搭建 PWA 应用

背景

其实从今年开始运营这个博客，我一直想增加一些新的交互功能，如：评论，之前一直有些问题没搞定，现在终于通过 Google 搜索解决问题了， 其实也算是每天学习一些新东西。

解决问题：给 Hexo 博客新增 Github评论功能

为什么选择 Github 呢？是因为 Github 对于偏向开发人员基本上属于一个必注册网站，而我博客的内容又偏向于技术，所以才会采取这个。