判断提前,循环置后

文章链接 作者提出了两个编程的技巧,我觉得非常有用。 1. 将判断提前到调用的地方使用比如先在一个函数中进行判断,在判断之后调用另一个函数,然后另一个函数中又有一个判断,那么可以直接把这两个判断都提到外部调用的地方,让这两个函数都变成纯执行的函数 //修改前fn g() { if foo && bar { h() ...

阅读全文

Mastra 03 Workflow简单使用

Mastra中的工作流程可以帮助编排复杂的操作序列,具有如分支、并行执行、资源暂停等功能。 大多数的AI应用都需要不止一次的调用语言模型。如果想要运行多个步骤,有条件地跳过某些步骤,甚至完全暂停执行步骤,可以使用Workflow。 Mastra的Workflow提供以下功能: 定义步骤,并将这些步骤聚合链式执行的标准。 支持简单(线性)和高级(分支、并行)...

阅读全文

Mastra 02 Agent的更多使用

多层级Agent使用Agent嵌套Agent的形式来运行 创建一个编写博客内容的Tool,内部调用编写博客的Agent进行博客内容生成 创建一个文章内容润色的Tool,内部调用润色文章的Agent进行博客内容润色 创建一个发布博客的Agent,给其加入上述的两个Tool,然后prompt中让其使用Tool,先生成内容,再润色内容 import {...

阅读全文

Mastra 01 Agent的简单使用

简单介绍TS AI Agent框架Mastra,提供记忆功能框架、执行Workflow、RAG等功能。 Agent使用System Promptsimport {createOpenAI} from "@ai-sdk/openai";import {Agent} from '@mastra...

阅读全文

CSS 全屏滚动

See the Pen CSS Scroll Snap by kmmoonlight (@kmmoonlight) on CodePen. 全屏滚动总结下来就只有两个属性,scroll-snap-type和scroll-snap-align。在父元素上面添加scroll-snap-type属性,并设置为y mandatory,意思是在...

阅读全文

CSS 渐变色边框

See the Pen Gradient Border With Radius by kmmoonlight (@kmmoonlight) on CodePen. .border-div { width: 400px; height: 300px; border: solid 10px transparent; //...

阅读全文

CSS Mask图片切换效果

效果演示 See the Pen Mask Use by kmmoonlight (@kmmoonlight) on CodePen. 制作思路CSS 的mask属性用于控制元素的可见区域,通过图像或渐变的透明度来隐藏或显示部分内容。元素的每个像素根据遮罩的对应像素的透明度决定显示程度。遮罩中完全透明的区域会隐藏元素内容,不透明区域则保留...

阅读全文

PICO-8 02 在Pico8上制作贪吃蛇

贪吃蛇大家小时候都玩过,整体逻辑也不是很复杂,于是就使用PICO-8将其简单的复刻了一下。 场景布置场景上很简单,就是在屏幕的四周围了一圈墙壁,随手画了一个墙壁的sprite,并将其Flag第一个灯打开,用于检测碰撞。然后使用绿色块来作为蛇身,橙色块作为食物。 Flags:PICO-8机制,可以给精灵图设置Flag,一共0-7,对应2的0-7次方相加,比如...

阅读全文

PICO-8 01 初学制作Flappy Bird Demo

PICO-8是由Lexaloffle Games开发的游戏引擎。模仿了80年代八位机系统的有限图形和声音功能,以此来鼓励制作游戏的创造力和独创性,而不是被现代工具和机器的性能所淹没。 著名游戏《蔚蓝》的初始版本就是在PICO-8上完成的,你甚至可以在《蔚蓝》游戏内玩到初始的PICO-8版本。 PICO-8 编辑器PICO-8主要包含两大块布局,通过顶部...

阅读全文

Lua备忘清单

Lua是一个简洁、轻量、可扩展的脚本语言。Lua有着相对简单的C语言API而很容易嵌入应用中。很多应用程序使用Lua作为自己的嵌入式脚本语言,以此来实现可配置性、可扩展性。 注释-- 单行注释--[[ 多行注释]] 变量赋值赋值 a = "hello, world" 给多个变量赋值 c, d = 10, 30 交换变量 x, y...

阅读全文