视野修炼-技术周刊第105期 | AI驱动全栈应用开发

news/2024/10/13 19:09:23

欢迎来到第 105 期的【视野修炼 - 技术周刊】,下面是本期的精选内容简介

🔥强烈推荐

  1. bolt - AI驱动一站式的应用开发
  2. WebChat - 同网页在线聊天
  3. 一年一度的 js13kGames结果公布 - 13KB 大小的游戏

🔧开源工具&技术资讯

  1. 新的 CSS logo?
  2. TS 类型体操练习
  3. 100+ 免费独特的 SVG 图标
  4. TutorialKit - 交互式教程创建

下面开始本期内容的介绍,预计阅读时间 7 分钟。

🔥强烈推荐

1. bolt - AI驱动一站式的应用开发

StackBlitz 出品的基于浏览器的 AI 辅助开发的工具。

咱们来实现个人机对战的五子棋!

prompt 如下:使用Vue3实现一个人机对战的五子棋,棋盘大小20*20

真的 牛逼,十几秒钟,自动创建每个文件并编写代码,编写完自动运行,下面是效果。

一次性生成的落子算法是随机的,咱们尝试让它改进一下算法。

下面是改进后的游戏效果:

只能说很牛逼了,以后这种 demo 都不用网上抄代码了,直接生成 过程清晰,随时"动动嘴"就改进。

平台还支持一键部署,直接给部署到 netlify 上

链接为:https://musical-smakager-13b9dd.netlify.app

大家可以访问试玩!

2. WebChat - 同网页在线聊天

一个浏览器插件,可以让你同访问同一网页的用户进行在线聊天,无需注册。

看网页资讯,交流神器,内容支持弹幕的形式在网页上展示。

3. 一年一度的 js13kGames结果公布 - 13KB 大小的游戏

从今年提交的 187 个参赛作品中选出,每个参赛作品都装在一个 13 KB 的 zip 文件中。

网页点开即可体验。

下面是 TOP 1 的作品介绍:

这些小游戏都挺有趣,虽小但一点都不糙。

13KB 中就实现了!非常的NB!

🔧开源工具&技术资讯

5. TS 类型体操练习

6. 100+ 免费独特的 SVG 图标

7. TutorialKit - 交互式教程创建

TutorialKit 是一个开源工具,可让您为 UI 库或 Javascript 框架创建交互式代码教程,而无需实现必要的用户界面或底层逻辑。

底层基于 StackBlitz WebContainer API 驱动

值得收藏,以后打磨在线教程的时候可以用上。

⭐️强力推荐关注

周刊部分内容来源如下渠道,推荐大家关注。

  • 阮一峰: 科技爱好者周刊 - 记录每周值得分享的科技内容,周五发布
  • 云谦:MDH 前端周刊 - 前端资讯和分享
  • 童欧巴:前端食堂 - 你的前端食堂,吃好每一顿饭
  • 前端 RSS - 根据 RSS 订阅源抓取最新前端技术文章
  • 值得一读技术博客 - 每天进步一点点,每天分享有料的技术文章!
  • FRE123 技术周刊精选 - 技术周刊精选推荐信息流

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ryyt.cn/news/71166.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

Centos7---k8s集群 20241013

目录一、硬件准备(虚拟主机) 二、环境准备1、所有机器关闭防火墙 2、所有机器关闭selinux 3、所有机器关闭swap 4、所有机器上添加主机名与ip的对应关系 5、在所有主机上将桥接的ipv4流量传递到iptables的链三、为所有节点安装docker 四、集群部署1、为所有节点修改仓库,安装…

rsa基本攻击手法总结大全(还在更新中)

一些关于分解n的常用手法: 1.最简单的就是直接使用yafu分解 2.费马分解然后我们令p=a+b,q=a-b,此时n=\(a^{2}-b^{2}\),那么\(b^2=a^2-n\),那么\(b=\sqrt{a^2-n}\),我们就让a=\(\sqrt{n}\)开始然后慢慢加1开始遍历,直到找到能够使得\(a^2-n\)能够为一个平方数即可得到我们的b…

2024-2025-1(20241321)《计算机基础与程序设计》第三周学习总结

这个作业属于哪个课程 <的链班级接>(如2024-2025-1-计算机基础与程序设计)这个作业要求在哪里 <作业要求的链接>(如2024-2025-1计算机基础与程序设计第一周作业)这个作业的目标 <理解并学习数字分类与计数法等内容>作业正文 ...https://www.cnblogs.com/gu…

php网站数据库连接

在PHP开发中,连接数据库是常见的操作之一。以下是连接MySQL数据库的基本步骤和示例代码: 1. 准备数据库信息主机名 (hostname): 数据库服务器的地址或域名。 用户名 (username): 连接数据库的用户名。 密码 (password): 对应用户的密码。 数据库名 (database name): 要连接的…

宝塔面板账号密码错误怎么重置

如果你忘记了宝塔面板的账号密码,可以通过以下几种方法进行重置:使用宝塔面板的重置功能:在登录页面,通常会有“忘记密码”或“重置密码”的链接。点击该链接并按照提示操作,一般会要求你输入注册时使用的邮箱或手机号进行验证,并发送重置链接。通过SSH重置密码:通过SSH…

网站联系人更改操作

要执行“网站联系人更改”操作,通常涉及以下几个步骤:登录后台管理系统:访问网站的管理后台。 输入管理员用户名和密码进行登录。定位到联系人信息页面:在后台菜单中找到“设置”或“配置”相关的选项。 选择“联系信息”或类似名称的子菜单。编辑联系人信息:在联系人信息…

怎么更改网页上的字

要更改网页上的文字,可以根据具体情况选择不同的方法。这里我提供几种常见的方法:浏览器开发者工具右键点击页面上的文字,然后选择“检查”或“Inspect Element”,这会打开浏览器的开发者工具。 在开发者工具中找到对应的文字元素,然后直接在HTML源代码中修改文本内容。Ja…

公司网页显示不全?网页显示乱码怎么办

公司网页显示不全或出现乱码通常是由以下几种原因造成的:编码设置问题:网页的内容编码与浏览器解析编码不一致会导致乱码。 资源加载失败:如CSS、JavaScript文件未能正确加载,可能导致页面样式或功能缺失。 服务器配置错误:服务器端的配置问题也可能影响到页面的正常显示。…