- 博客(662)
- 收藏
- 关注
RSS订阅原创 p5.js 绘制 3D 椭球体 ellipsoid
ellipsoid() 是 p5.js 中用于绘制 3D 椭球体的函数，就像 3D 版本的椭圆。它可以创建各种形状的球体和椭球体，是 3D 绘图中非常基础且常用的
2025-09-13 16:14:00
375
原创 玩转亚马逊云科技新利器 Strands：AI Agent 开发，原来可以这么简单！
新用户可获得高达 200 美元的服务抵扣金亚马逊云科技。注册即可获得 100 美元的服务抵扣金，在探索关键亚马逊云科技服务时可以再额外获得最多 100 美元的服务抵扣金。使用免费计划试用亚马逊云科技服务，最长可达 6 个月，无需支付任何费用，除非您选择付费计划。付费计划允许您扩展运营并获得超过 150 项亚马逊云科技服务的访问权限。在当前的 AI 开发领域，构建能够与外部系统交互、处理复杂工作流并维护上下文对话的智能体（Agent）已成为新的前沿。
2025-09-12 17:23:17
914
原创 「任天堂物语」009 枯萎技术开花结果，横井军平再次封神
上回讲到老任致敬奥德赛，推出自家的电视游戏机Color TV-Game。用了有点狡猾的营销手段，将Color TV-Game拆成2款来卖。Color TV-Game 6只有6款游戏，卖9800日元，Color TV-Game 15有15款游戏，卖1.5万日元。说实话，要不是钱包不给力的玩家，看到这个字面参数对比都会觉得15比较有性价比吧。总共卖出200万台，在当时的日本家用机市场也算是不错的成绩。
2025-09-12 16:47:03
808
原创 讲真，文心一言X1.1出来后，我骗不到它了！
刚开源10款大模型没多久（2025年6月30日开源了10款），百度的大模型又升级了？今天打开文心一言官网一看，多了一个更聪明的「文心 X1.1」。「文心 4.5」和「文心X1」已经挺聪明的了，我挺好奇这次更新后能达到什么程度，能不能接管我的工作。我从几个方面测试「文心 X1.1」。先说结论，我挺满意的。
2025-09-09 23:21:28
626
原创 「任天堂物语」08 任天堂的山寨时代
1973年任天堂开启了「激光飞碟射击场」项目，一出道就巅峰。山内溥抓住了日本保龄球热潮退去留下的巨大市场空白，用“激光飞碟射击系统”把一个个废弃的保龄球馆，变成了日进斗金的印钞机。订单像雪片一样飞来，工厂24小时连轴转。就在山内溥以为自己即将成为暴富神话时，中东战争爆发了，还引发了石油危机。日本受到这次危机的影响，物价飞涨。首当其冲的就是娱乐行业，大家勒紧裤头过日子，不敢投资大型的娱乐场所了。之前蹭蹭蹭飞过来的订单也陆续被取消了，但已经生产出来的东西可回不去啊😭。
2025-09-01 16:50:13
645
原创 PNG 3.0出来了，GIF还能活多久？
PNG官方组手握规范的定义权，他们是“立法者”。但Mozilla手握着当时最重要的浏览器之一Firefox，他们是“执法者”。在被官方拒绝后，Mozilla做出了一个大胆的决定：他们直接在Firefox 3.0中集成了对APNG的支持。这一举动，彻底改变了游戏规则。它在现实世界中创造了一个既成事实，一个官方可以无视但无法抹杀的APNG生态。随后的故事证明了“得民心者得天下”的道理。APNG凭借其优异的性能和兼容性，逐渐赢得了开发者的青睐。而压倒骆驼的最后一根稻草来自苹果公司。
2025-08-29 15:54:18
560
原创 p5.js 用 cylinder() 绘制 3D 圆柱体
cylinder()是 p5.js 中用于绘制的函数。圆柱体由顶部、底部两个圆形和侧面组成，所有表面由三角形拼接而成（这是 3D 绘图的常见方式）。cylinder()只能在「WebGL 模式」下使用（WebGL 是浏览器的 3D 绘图技术），普通 2D 模式下无法生效。
2025-08-22 11:49:17
947
原创 用亚马逊云科技 Bedrock 从零到一，打造一个“懂我”的 AI Chatbot [特殊字符]
大型语言模型（LLM）的发展势头迅猛，以至于在技术圈，如果不涉足一些人工智能（AI）应用，似乎就有些跟不上时代。许多开发者都渴望构建一个能够智能对话的 AI 助手。然而，当打开亚马逊云科技（Amazon Web Services）的 Amazon Bedrock 服务页面时，开发者往往会面临一个普遍的难题：Claude、Llama、Cohere、Mistral 等众多顶尖模型陈列在前，总数超过百个，令人眼花缭乱。这种“选择的悖论”常常导致决策瘫痪：应该如何选择？
2025-08-22 11:36:35
738
原创 终结开发混乱，用 Amazon Q 打造AI助手
有一说一，作为开发者，我们得戴着好几顶帽子干活。前一分钟，你还沉浸在 Python 后端，和数据库结构死磕；下一分钟，你可能就被空投到 React 前端项目里，对着组件库和设计系统一脸懵圈。每一次上下文切换，都是一次大脑的“硬重启”，伴随着全新的工具、语言和思维模式。现在，想象一下，你的命令行里就有一个像 Amazon Q Developer 这样的 AI 助手，随时待命。你问它：“嘿，这里有多少个 table？” AI 愣住了。你问的是 UI 里的 HTML<table>
2025-08-21 17:11:39
874
原创 使用自定义高亮API增强用户‘/’体验
📚 本篇依然来自于我们的项目！🧑💻 由团队成员翻译，欢迎大家持续追踪全球最新前端资讯!!最近引起了我的注意，因为它（Firefox 140，2025年6月），这使得所有主流浏览器都支持了这个 API。通过它，你可以对通过 JavaScript 中的Range()类获取的文本应用（某些）样式。我本来想说是你选择的文本，但这里实际上并没有涉及真正的普通选择器，这对于像我这样的 CSS 开发者来说是相当不寻常的。
2025-08-20 08:39:22
926
原创 「任天堂物语」上帝给任天堂焊死的门，被维修工一脚踹开
在多元化的战场上被揍得鼻青脸肿之后，山内溥做出了最符合人性的选择：战略性撤退，退回自己最熟悉的舒适区，纸牌。这不是信心的表现，而是求生的本能。毕竟，在找到新的金矿之前，守住祖上留下来的盐碱地，至少还能保证有口饭吃。任天堂首先加强了与迪士尼的合作。早在1959年，山内溥就展现了他超越时代的眼光，签下了迪士尼的IP授权，将米老鼠和唐老鸭印在了塑料扑克牌上。这一招在当时的日本市场堪称降维打击。
2025-08-18 01:00:20
953
原创 p5.js 3D 形状 “预制工厂“——buildGeometry ()
是 p5.js 中用于组装复杂 3D 模型的工具函数。把多个简单 3D 形状（比如box()sphere()）组合成一个完整的对象（可以理解为 “自定义 3D 零件”）；这个 “零件” 只需要在程序启动时制作一次，之后每次绘制直接调用即可，大幅减少重复计算；必须在WebGL 模式下使用（和所有 3D 函数一样）。就是来解决这个问题的：它能把多个简单 3D 形状 “打包” 成一个对象，只需创建一次，之后反复绘制都不会卡顿。就像快递打包，把多个小包裹捆成一个大包裹，搬运起来更高效～
2025-08-17 13:16:32
424
原创 p5.js 3D盒子的基础用法
如果你刚接触 p5.js，想尝试 3D 绘图，那么box()函数绝对是你的入门首选。它能快速绘制出 3D 长方体（或正方体），配合简单的交互就能做出酷炫的 3D 效果。本文会从基础到进阶，带你吃透这个实用 API。
2025-08-15 18:51:32
775
原创 数字游民的终点是社区
相比起单打独斗的数字游民，秦托邦把志同道合的人聚集在一起，这里的人没有直接的利益关系，往往大家聚在一起吃顿饭，喝杯酒，闲聊时无意中的灵感碰撞或是交换信息就解决困扰你好几天的问题，所谓旁观者清嘛。这里治的，不光是工作的压力，更是心灵的内卷。老K说，我一个人单干的这几年，最痛苦的时刻，不是搞不定一个复杂算法，而是搞定之后，身边连个可以分享喜悦或者吹牛逼的人都没有。更要命的是，当我遇到一个棘手的架构问题，或者一个客户提出极其不合理的需求时，我连个能商量、能吐槽、能确认一下“这是不是我疯了”的同行都没有。
2025-08-11 10:01:51
524
原创 「豆包」加「PromptPilot」等于「优秀员工」
像程序员敲代码的速度和 bug 率，会计做报表时小数点的精准度，设计师用PS把甲方爸爸的 “五彩斑斓黑” 从离谱变成能看，运营写文案时抓眼球的本事，甚至是销售背产品参数时比复读机还溜的记性。听完锁哥的介绍，我有种“得PromptPilot者得天下”的感觉，嘴角上扬，低声和锁哥说，这个PromptPilot这么牛，配合 doubao-seed-1.6，真是让我硬的地方更硬，软的地方更软啊，哈哈哈哈哈哈哈。酒过三巡，我们开始聊起了公司近况，公司最近裁员一波又一波的，领导一边喊着拥抱AI一边降本。
2025-08-05 18:55:13
888
原创 检查前端元素的小技巧
所有在检查工具中做的修改（隐藏元素、改样式等）都是临时的，刷新页面后会恢复原状，不用担心破坏网页。多动手尝试，很快就能熟练掌握这些技巧，轻松解决前端调试问题！以上就是本文的全部内容了，如果想了解更多前端调试的方法欢迎关注👉 前端Debug不求人也可以➕我 green bubble 吹吹水咯。
2025-08-05 16:32:33
933
原创 构建持久性：API依赖型系统与演示的弹性策略
如同代码中的技术债务会增加未来维护和迭代的成本一样，“演示腐烂”这种文档技术债务，会随着时间的推移，通过增加后续读者的困惑和时间浪费，不断放大其负面影响。平台的底层实现细节（对JSON事件的依赖）“泄露”了出来，迫使开发者必须在自己的代码中处理这种非标准的编码格式，增加了额外的复杂性。这些模式的根本目的，都是通过解耦来增强系统的整体弹性。通过将系统或演示与其无法控制的外部依赖分离开来，我们用一个可控、可预测且隔离的模拟环境，替代了那个不可控、不可预测的外部实体，从而从根本上保证了资产的长期可用性。
2025-08-05 15:07:05
1048
原创 Shadow DOM 架构师指南：现代 Web 开发中的封装、样式和集成
Web 组件并非单一技术，而是由三个核心的、可互操作的 Web 平台 API 组成的套件：自定义元素（Custom Elements）、Shadow DOM 和 HTML 模板（HTML Templates），后者包括<template>和<slot>元素 1。一个普遍的误解是将“Web 组件”与“自定义元素”划等号。虽然自定义元素是这套技术中最显而易见的部分，允许开发者定义新的 HTML 标签（如)，但它本身并未提供封装能力。
2025-08-05 14:06:17
821
原创 p5.js 用 beginGeometry () 和 endGeometry () 打造自定义 3D 模型
model()为什么需要它们？：为不变的复杂 3D 模型 “提速”，尤其适合需要反复绘制的场景。：只能在下使用（即画布必须用创建，因为 3D 绘图需要 WebGL 的支持）。
2025-08-03 17:36:09
936
原创 p5.js 3D模型（model）入门指南
在 p5.js 中，model()是专门用来绘制 3D 模型的 “画笔”。它的作用很简单：把一个提前准备好的 3D 几何对象（）画到画布上。必须在 WebGL 模式下使用。因为 3D 绘图需要 WebGL 的 3D 渲染能力，普通 2D 画布（默认模式）不支持！
2025-08-01 15:15:01
346
原创 『React』 组件通信全攻略
除了使用预定义的验证器，我们还可以创建自定义的验证函数，实现更复杂的验证逻辑。return (<input/>${type = {${type = {在这个例子中，我们定义了一个validateEmailFormat函数，用于验证email属性是否符合电子邮件格式。如果验证失败，函数会返回一个错误对象，React 会在开发环境中显示相应的警告信息。
2025-08-01 11:50:45
1080
原创 『OpenCV-Python』配合 Matplotlib 显示图像
对于刚接触 opencv 的工友来说，能快速看到图像处理的效果是很重要的。OpenCV 内置了图像预览方法，我在里已经介绍过。而在 Python 生态里，有一个更厉害的图像显示工具 —— MatplotlibOpenCV：这是一个专门用于图像处理和计算机视觉的开源库，它能方便地读取、处理各种图像。Matplotlib：这是 Python 的一个绘图库，其中的 pyplot 模块可以像 MATLAB 一样创建各种类型的图表，包括显示图像，而且显示效果直观，还能在图像上做一些简单标注等。
2025-07-30 08:40:55
1060
原创 深入剖析Three.js中的关键帧动画
作为一名资深的3D图形工程师和技术作者，我的工作核心在于解构复杂的技术概念，并将其以清晰、易懂的方式呈现给渴望学习的开发者。本文旨在为初涉3D Web领域的读者提供一份详尽的指南，我们将以Three.js官方示例为核心案例，从动画的基本原理出发，层层深入，直至完全掌握其背后的技术实现与设计哲学。
2025-07-30 07:47:43
1034
原创 p5.js 矩形rect绘制教程
react()。这个简单的函数能帮我们画出普通矩形、圆角矩形，甚至在 3D 模式下调整细节。不过我们先从最基础的开始，一步步学会用它。
2025-07-29 23:40:46
746
原创 p5.js 从零开始创建 3D 模型，createModel入门指南
用于从一个OBJ或STL格式的字符串中加载 3D 模型，并返回一个对象。它适用于已经以文本形式（例如通过读取文件后拼接的字符串）拿到模型数据的场景。为什么要用？当你想在运行时动态获取模型（比如用户上传、通过网络接口拿到纯文本 OBJ/STL）并立即生成几何体时，十分方便。如果只是从本地或服务器文件直接加载，更常用的是，它会返回同样的。
2025-07-29 23:28:30
634
原创 # JsSIP 从入门到实战：构建你的第一个 Web 电话
当调用 session.hold() 时，JsSIP 会构造一个新的 SDP（会话描述协议）内容，在其中将媒体流的方向属性标记为 sendonly（只发送，不接收）或 inactive（不发送也不接收）。我们将首先为你揭开通信协议的神秘面纱，用通俗易懂的语言和生动的比喻，让你理解电话是如何在互联网上“打通”的。这意味着它的消息是人类可读的，这在调试时非常方便。这就好比你住在一个大公寓楼里，你的地址是“XX 公寓 1802 房”，但邮递员只知道“XX 公寓”这个大楼地址，不知道如何把信直接送到你的房门口。
2025-07-26 10:31:40
991
原创 《从零开始学 JSSIP：JavaScript 实时通信开发实战》
SIP（Session Initiation Protocol，会话初始协议）是一种用于创建、修改和终止多媒体会话的应用层协议，广泛应用于 IP 电话、视频会议、即时消息等实时通信场景。它是由 IETF（Internet Engineering Task Force）制定的标准协议，在 RFC 3261 中详细定义。SIP 协议采用 C/S（客户端 / 服务器）架构，基于文本格式进行消息交换，具有简单、灵活、可扩展的特点。
2025-07-26 08:45:08
823
原创 p5.js 线段的用法
line()是 p5.js 中用于绘制线段的函数，作用就像用直尺在两点之间画一条直线。它是最基础的绘图工具之一，也是组合复杂图形的 “积木”—— 比如画正方形需要 4 条线段，画三角形需要 3 条线段。
2025-07-25 17:03:34
893
原创 解放生产力：Amazon API Gateway 与 Amazon Lambda 的优雅组合
在 RESTful 的世界里，API 由“资源”和对资源操作的“方法”组成。例如，/users是一个资源，而GET /users就是获取用户列表的方法。让我们为我们的 API 创建一个资源和方法。在 API 的“资源”页面，确保选中了根资源。点击操作下拉菜单，选择创建资源。在“资源名称”中输入greet。“资源路径”会自动填充为/greet。点击创建资源。现在，新创建的/greet资源被选中了。再次点击操作下拉菜单，选择创建方法。在/greet下方出现的小下拉框中，选择GET。
2025-07-25 14:08:28
837
原创 亚马逊云科技玩法：用 S3 + CloudFront，给你的静态网站上个全球 CDN 加速 ✈️
大功告成！现在，在浏览器中输入你的自定义域名，稍等 DNS 传播生效后，你就能看到一个通过全球 CDN 加速、并由 HTTPS 加密保护的专业网站了。安全可靠：内容存储在设计持久性高达 99.999999999% 的 S3 中，并通过 HTTPS 加密传输。全球高速：CloudFront 的全球网络确保了世界各地的用户都能获得极速的加载体验。可扩展且经济：这套架构可以从容应对从个人博客到大型商业网站的流量，而你只需为实际用量付费。以上就是本文的全部内容啦。
2025-07-25 14:05:03
888
原创 “不过如此“ 与 “花式作死“：任天堂的转型迷航
上回讲到，山内溥接手任天堂时，以雷霆手段裁汰老臣，一度将公司的就业氛围搅得紧张。但世人或许忘了：不过强者是从来都不抱怨环境，因为环境就是他们搞差的。
2025-07-25 11:25:51
920
原创 “不过如此“ 与 “花式作死“：任天堂的转型迷航
山内溥接手任天堂后，1956年美国之行打破其对扑克行业幻想。后借迪士尼IP合作卡牌成功，但随娱乐方式变化需转型。他跨界出租车、方便米饭、情趣酒店均失败，却在试错中明确任天堂应扎根“娱乐”领域。
2025-07-25 11:10:06
581
原创 亚马逊云科技实战架构：构建可扩展、高效率、无服务器应用
对于今天的开发者、架构师和技术爱好者而言，云计算早已超越了简单的“虚拟机租赁”或“服务器托管”阶段。它已经演化为一套丰富、强大且精密的工具集，能够以前所未有的方式设计、部署和扩展应用程序。真正的云原生思维，是掌握并运用多种架构模式，为不同的业务场景选择最合适的解决方案。：学习如何利用基础设施即服务（IaaS）的控制力，同时结合托管服务的可扩展性与持久性，构建一个既健壮又易于管理的个人云存储系统。：拥抱事件驱动的函数式编程模型，彻底摆脱服务器管理的束缚，构建一个能够自动、海量扩展的动态应用程序接口。
2025-07-24 14:55:20
1240
原创 p5.js 椭圆的用法：从基础到创意应用
ellipse()是 p5.js 专门用于绘制椭圆的函数。椭圆可以理解为 “被拉伸的圆”，当它的宽度和高度相等时，就变成了正圆形（这也是为什么circle()其实是ellipse()的特殊形式）。在创作中，椭圆的用途非常广泛：可以画月亮、鸡蛋、叶子、人脸、按钮，甚至是抽象艺术中的基础元素。
2025-07-24 14:29:02
903
原创 『React』组件传递与接收多个属性：从基础到优雅写法
传递多个属性优先使用扩展运算符{...对象}，简洁高效；需要新增 / 覆盖属性时，直接写在后面。接收属性用对象解构提取需要的属性，减少props.冗余；给非必填属性设置默认值，增强组件健壮性；嵌套属性用深层解构，配合默认值避免报错；多余属性用剩余运算符收集，方便透传。
2025-07-24 08:19:16
873
原创 『React』子组件的导出与使用：小白也能懂的组件组织方式
父组件：可以理解为 “容器”，负责整体结构。子组件：是父组件内部的 “零件”，负责具体功能。比如一个导航栏（Menu）是父组件，里面的每个导航项（Item）就是子组件。它们是 “整体与部分” 的关系，通常一起出现、一起使用。首先在项目中新建一个组件文件夹（通常叫components），再创建一个Menu文件夹，里面放index.js文件（约定俗成的命名方式）。// 1. 定义父组件：导航栏容器// children 是一个特殊属性，用来接收组件标签内的内容return (}}>
2025-07-24 00:20:25
957
原创 p5.js 圆（circle）的用法
如果你刚接触 p5.js，想知道怎么画一个圆，那circle()函数就是最适合的入门工具。它简单到只需要 3 个参数就能画出一个圆，甚至能轻松扩展出彩色、动画等效果。
2025-07-23 13:06:57
921
原创 p5.js 圆弧的用法
在 p5.js 中，arc()函数用于绘制圆弧，它是创建各种圆形图形和动画的基础。圆弧本质上是椭圆的一部分，由中心点、宽度、高度、起始角度和结束角度等参数定义。通过灵活运用arc()函数可以轻松创建饼图、仪表盘、时钟等常见 UI 组件，以及各种创意图形效果。
2025-07-22 23:40:26
912
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人