迁移博客文件到新电脑
将旧电脑里blog文件夹下所有文件拷贝到新电脑中,这个过程持续时间比较长,所以先做。
如果想要加快拷贝速度的话,可以把node_modules文件夹删除,在新电脑里通过npm install的命令重新下载回来
配置新电脑基础环境
Git安装&配置
由于我使用的是window系统,去官网下载Git客户端安装Git - Downloading
Package
安装完成后,在桌面右键单击,看到菜单有git相关的选项即为安装成功。
点击选择
Open Git Bash here打开git终端,输入以下命令将git配置的用户名邮箱设置...
前言
通常我们在使用大语言模型(LLM)时,都是通过输入指令的形式,让LLM完成指定的任务。
在用户指令输入后,LLM首先会将文本指令做分词处理(以BPE分词为例):
LLM训练阶段:会将数据集中的文本拆分成一个个小的子词单元(即Token),然后通过统计每个词出现频率来构建词汇表。然后合并频率最高的词汇形成新的词汇,反复迭代后就形成词汇表。
用户输入阶段:LLM用训练阶段生成的词汇表对输入的指令进行分词,将文本转换为模型可识别的子词单元(即Token),然后把这些Token作为模型的输入
模型输出阶段:模型将每个Token转化为一个固定长度的向量,然后通过Transfor...
前言
MinIO是一个对象存储系统,它适合用于存储大容量非结构化的数据。
对象存储对比传统文件存储方式的优点:
可扩展性和灵活性高:基于分布式架构设计,可以轻松地水平扩展存储容量,无需担心容量限制问题,适合数据量快速增长的场景
高耐用性与容错性:通过数据复制或分布式冗余存储策略,提供高数据持久性和故障恢复能力
简易管理:对象存储通过API接口访问,简化了数据的管理和访问过程,无需关心文件系统的层级结构
支持元数据:每个对象都可以携带丰富的元数据信息,便于进行标签化管理和搜索
对象存储对比传统文件存储方式的缺点:
访问延迟较高:主要通过http协议读写,相比直接...
前言
在开发过程中,开发完一个功能后,若是手动一个个取测试新旧功能接口是否正常的操作会比较重复乏味,因此学会对接口自动化测试,一键对新旧接口进行测试可以大大提升功能测试的速度,减少线上出bug的频率。
本文默认读者已掌握Postman基本用法,即已经会使用Postman进行模拟请求的操作。
本文的软件版本如下,不同版本页面的UI和部分功能位置可能会有点不同:
window10 64位
Postman for Windows 11.2.1
下面将从四点讲述自动化接口测试过程:
接口结果判断:接口是否请求成功
接口批量测试
接口定期测试
接口数据依赖
接...
基本概念
css中有两种形式实现动画效果:过渡动画transition和自定义动画animation。其中,animation动画可以循环多次执行,而过渡动画transition只执行一遍。
transition
若通过用户的交互直接改变css样式,呈现的形式是立即转变。若希望这个变化是有过渡效果的,便需要使用到过渡动画transition。使用transition的例子如下:
123456789101112131415161718192021222324252627282930313233343536<template> <div> <bu...
前言
在制作可视化大屏的过程中,边框制作是不可避免的。根据制作方法不同,可以把边框为两种:一种是将图片作为背景,主视觉效果在图片里体现,这里将其称之为图片边框;另一种是用纯css进行制作,主视觉效果依赖于css动画来体现。
在制作图片边框时,曾遇到这样的问题:图片作为背景插入到容器后,当容器大小超过图片大小时,会引起图片的变形。
比如有以下图片,当容器大小没有超过图片大小时,边框是完整没有拉伸的:
当容器的高度超过图片的高度时,图片会被拉伸变形:
而利用点九图,可以解决图片拉伸变形的问题
点九图
点九图,是Android开发中会用到的一种特殊切图格式。
Lottie是什么
Lottie是Airbnb开源的一个动画渲染库,同时支持Android、iOS、React
Native平台。Lottie支持渲染播放AE动画。通过AE插件bodymovie导出json文件作为动画数据。Airbnb的开发者打造了一个社区LottieFiles ·
GitHub来与设计师、开发者进行交流。
Lottie应用场景与原理
loading动画
动态图标
加载动画
动态banner
Lottie支持的AE属性
Lottie虽然能够满足多种场景的需要,但并非支持所有的AE效果。因此在设计动效时,需要考虑该效果是否被Lottie支持。否...
前言
数据可视化就是把一些相对复杂、抽象的、看不懂的数据通过可视化的方式,运用图形化的手段清晰有效地将数据信息进行解读和传达,帮助发现其中的规律和特征,挖掘数据背后价值的过程。
随着行业的发展,可视化大屏大致有以下类别:
行业可视化(如交通、医疗、金融、军警部队、农业、工厂、化工等)
智能终端系统类(如定制化终端产品)
演示demo(如数据演示、展览展示、数据看板)
可视化分析系统(如交通预警平台、天气监控平台等)
随着可视化需求的增多,各大厂商也逐渐整合可视化资源来实现低代码平台,国内比较知名的可视化厂商有:光启元(Ray
design)、Data V、优诺科技...
前言
实际项目中,多处使用到富文本编辑器,每次都配置会比较麻烦,故将要用到的功能封装到一起,需要时可直接调用,故发布了el-editor编辑器。
富文本编辑器v1.0.1
介绍
编辑器基于vue-quill-editor和element封装,目前版本仅支持vue2
与其他编辑器相比,本编辑器支持秀米编辑器、135编辑器样式的粘贴复制
注意,当前编辑器仅提供前端代码,编辑器默认不转存秀米图表,若需要开启这一功能,需要向handlePic参数传真值true,然后编写一个后端接口来实现秀米图片的转存,接口名默认为editor/get_xiumi_pic,可通过参数picUR...
在项目中遇到需要反复使用的代码时,通常会将其封装起来以待下一次的调用。若想要在不同项目里也能使用这些代码时,比较难在众多代码中找到需要的代码。而将组件打包并发布到npm库中,只需要记住相应的包名,便可从npm下载直接安装使用。
全局注册组件
在完成对应组件editor.vue的封装后,在组件存放目录下(这里默认为components)新建一个index.js文件用于将封装好的组件注册为全局组件,内容如下:
123456789101112131415161718192021import editor from './editor.vue'const compo...