不务正业
StableDiffusion-AI图像生成-[模型篇]
引用站外地址
Civitai
用户可以上传和共享经过训练可以生成特定风格艺术的模型,或者浏览和下载其他用户创建的模型。
Checkpoint检查点模型,因模型体积较大又被称为大模型,不同的大模型使用不同的图片训练而成,对应不同的风格,相当于最底层的引擎。
VAEVAE 模型类似滤镜,对画面进行调色与微调,一般需要搭配相应的模型一起使用。正常情况下,每个模型都是自带了一个 VAE 的。在一个大模型的内部,它本身是带有 VAE 权重的。选择了外挂 VAE 模型后,大模型内本身带有的 VAE 则会完全失效。
Embeddings关键词预设模型,即关键词打包,即等于预设好一篮子关键词 a,b,c 打包,进而来指代特定的对象/风格。也可以通过下载 Textual inversion 进行使用。
LoRALora 是特征模型,体积较小,是基于某个确定的角色、确定的风格或者固定的动作训练而成的模型,可使用权重控制,确定性要远强于 embedding。embedding 和 Lora 有功能交集的部分,也有互相不可取代的地方。多个 ...
不务正业
StableDiffusion-AI图像生成-[提示词篇]
引用站外地址
Civitai
用户可以上传和共享经过训练可以生成特定风格艺术的模型,或者浏览和下载其他用户创建的模型。
提示词分类示例
分类
提示词
人物及主体特征
服饰穿搭 white dress发型发色 blonde hair, long hair五官特点 small eyes, big mouth面部表情 smiling肢体动作 stretching arms
场景特征
室内、室外 indoorloutdoor大场景 forest, city, street小细节 tree, bush, white
环境光照
白天黑夜 day/night特定时段 moning,sunset光环境 sunlight, bright, dark天空 blue sky,starry
画幅视角
距离 close-up,distant人物比例 full body, upper body观察视角 from above, view of back镜头类型 wide angle,Sony
画风提示词
插画风 illu ...
学习笔记
Vue项目搭建规范
editorconfig 配置EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格。
在项目根目录中创建.editorconfig文件
123456789101112131415# http://editorconfig.orgroot = true[*] # 表示所有文件适用charset = utf-8 # 设置文件字符集为 utf-8indent_style = space # 缩进风格(tab | space)indent_size = 2 # 缩进大小end_of_line = lf # 控制换行类型(lf | cr | crlf)trim_trailing_whitespace = true # 去除行尾的任意空白字符insert_final_newline = true # 始终在文件末尾插入一个新行[*.md] # 表示仅 md 文件适用以下规则max_line_length = offtrim_trailing_whitespace = false
VSCode 需要安装一个插件:EditorConfig for VS ...
问题汇总
keep-alive路由多级嵌套不生效
问题项目中的keep-alive只能缓存一级和二级组件,多级嵌套的路由页面缓存没有生效。
原因keep-alive实际就是根据组件的名称,如果即将渲染的组件名称命中存在缓存数组,那么直接取缓存里的组件进行渲染。也就是我们一个页面的渲染,是按一个一个组件来的,组件命中缓存则取缓存,如果没有缓存,则下面的子组件不再进行缓存命中的判断,重新渲染。我们在路由上定义了name属性,以name和组件名称相对应的形式去判断路由跳转时当前组件是否销毁。实际上keep-alive就是根据组件名称去判断是否保活的,所以之所以多级路由没有生效的原因就显而易见了,多级路由我们有一个中间组件去作为路由容器,然而这个路由容器组件我们没有定义组件名,所以导致了没有办法缓存最后一层的组件。
解决方法将二级以后的路由拍平
123456789101112// 将树形结构转换成数组treeToArray(tree) { let res = []; for (const item of tree) { const { children } = item; if (chi ...
问题汇总
常见的浏览器兼容问题及解决方案
PC 端样式兼容不同浏览器的标签默认的margin和padding不同1234* { margin: 0; padding: 0;}
图片加<a>标签在 IE9 中会有边123img { border: none;}
IE9 以下浏览器不能使用opacity123opacity: 0.5;filter: alpha(opacity = 50);filter: progid:DXImageTransform.Microsoft.Alpha(style = 0, opacity = 50);
rgba不支持 IE8可以用opacity,但是opacity会影响里面元素的透明度
12eg:opacity:0.7;/*FF chrome safari opera*filter:alpha(opacity:70);/*用了 ie 滤镜,可以兼容 ie*/
display:inline-block IE6/7 不支持12display: inline-block;display: inline;
IE6 背景闪烁的问题问题:链接、 ...
学习笔记
JS数据结构与算法
数据结构栈123456789101112131415161718192021222324class Stack { items = []; pop() { return this.items.pop(); } push(data) { this.items.push(data); } peek() { return this.items.at(-1); } isEmpty() { return this.items.length == 0; } clear() { this.items = []; } size() { return this.items.length; } toString() { return this.items.join(","); }}
队列12345678910111213141516171819202122 ...
问题汇总
打印时元素背景颜色丢失
问题在页面上元素有背景颜色,但部分浏览器在打印时,有背景颜色丢失的情况
解决方法给要打印背景的元素添加样式
123456// Chrome-webkit-print-color-adjust: exact;// Firefoxprint-color-adjust: exact;color-adjust: exact;
问题汇总
前端性能优化之虚拟列表
虚拟列表:简而言之,对于大量列表数据,仅渲染滚动区域内可视区域 所对应 数据源 的部分数据
介绍举个例子:比如我要渲染 1000 条数据,每条数据高度 60px,如果我想把全部元素渲染,那么滚动区域至少需要 6000px 高但是呢,如果我渲染 1000 条数据,那么整个 dom 树就会出现巨量 dom 元素,如下图,B,C,D 区域将全部都是 dom 元素,一旦回流重绘就会非常卡顿。
这种场景的优化方案就是采取虚拟列表去渲染,即我们要做的就是在滚动的时候只渲染可视区域对应的 dom 元素,即下图的 B,非可视区域内元素不去渲染(即 C,D 区域不渲染元素),这样的话可以减少大量非必要 DOM 渲染(C,D 区域用户也不需要看见,所以它的 dom 渲染是非必要的),去提高性能!
实现原理
根据视口高度(上图中的 B 区域高度),父元素的滚动距离(scrollTop)及每一个列表元素 item 的平均高度,计算出当前 scrollTop 到 scrollTop+视口高度这段可视区域 对应数据源列表所需要展示的 部分数据,再将这部分数据展示在 B 区域内,对于隐藏滚动区域 C,D 使用 ...
问题汇总
git 退回历史版本
这是一个悲伤的故事 😢
方法一:直接回退版本
如果想恢复到之前某个提交的版本,且那个版本之后提交的版本我们都不要了,就可以用这种方法。
查看历史版本号1git log -10 #查看最近10次commit的记录
版本回退1git reset --hard 目标版本号
代码提交123git push -f# 此时如果用“git push”会报错,因为我们本地库 HEAD 指向的版本比远程库的要旧。# 所以我们要用“git push -f”强制推上去,就可以了。
方法二:反做历史版本
如果我们想撤销之前的某一版本,但是又想保留该目标版本后面的版本,记录下这整个版本变动流程,就可以用这种方法。
查看历史版本号1git log -10 #查看最近10次commit的记录
反做目标版本12git revert -n 目标版本号# 注意:这里可能会出现冲突,那么需要手动修改冲突的文件。而且要git add 文件名。
代码提交12git commit -m "XXXX"# 此时可以用“git log”查看本地的版本信息,可见多生成了一个新的版本
代码提交1gi ...
问题汇总
ElemetUI 问题汇总
<el-menu>导航折叠展开卡顿问题el-menu在展开子菜单时异常卡顿
原因<el-icon>的样式font-size使用了18px导致的
解决方法
123:deep(.el-icon) { font-size: 1em; // 不要用18px,其他大小自己尝试,直到不卡顿}
<el-table>底部滚动条无法拖动问题解决问题el-table中的el-table-column提供了一个fixed属性设置固定列,但是设置了之后发现表格的滚动条无法拖动了,
原因滚动条被固定列生成的元素覆盖了。
解决方法
123456789101112131415.el-table { .el-table__fixed { // 左固定列 height: auto !important; bottom: 18px; // 改为自动高度后,设置与父容器的底部距离,高度会动态改变,值可以设置比滚动条的高度稍微大一些 } .el-table__fixed-right { // 右 ...