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