不知答案尚可求，不知问题何以谋。
#网站 工具模板

https://github.com/smashing-team/smashing.tools
GitHub
GitHub - smashing-team/smashing.tools: A curated collection of the best starter kits, UI components, design kits, AI & Dev tools.
GitHub - smashing-team/smashing.tools: A curated collection of the best starter kits, UI components, design kits, AI & Dev tools.
A curated collection of the best starter kits, UI components, design kits, AI & Dev tools. - smashing-team/smashing.tools
网站
Node18 停止维护
#AI #文章 谷歌提示工程实践

https://baoyu.io/blog/google-prompt-engineering-whitepaper
baoyu.io
Google 官方提示工程 (Prompt Engineering)白皮书
这份白皮书的完成得益于众多专家的协作和贡献。审阅者、贡献者、策划者、编辑、技术作者和设计师等不同角色的参与，体现了在人工智能领域创建高质量技术文档所涉及的多方面努力和严谨的开发审查流程。这表明，尽管提示工程的概念相对容易理解，但其有效实践和知识传播仍需结构化的方法和清晰的呈现，反映了该领域日益增长的重要性和复杂性
AI 文章
#网页工具 颜色选择器

https://www.jscolorpicker.com/
Jscolorpicker
Javascript Color Picker
An open source, free (as in beer), versatile, flexible and lightweight Javascript Color Picker Component supporting light and dark skins, swatches, multiple color formats, CSS color parsing, instant and confirm modes and much more.
网页工具
#网页工具 字体选择工具

https://www.jsfontpicker.com/
Jsfontpicker
Javascript Font Picker
An open source, free (as in beer), versatile, flexible and lightweight Javascript Font Picker Component for System fonts, Google fonts and custom (woff/ttf) fonts. Features dynamic font loading, favourites, keyboard navigation, fuzzy search, advanced metrics…
网页工具
#AI 大容量上下文和持久记忆的agent

https://www.augmentcode.com/
Augmentcode
Augment Code – Developer AI for real work
Augment Code – Developer AI for real work
Experience the AI platform that truly understands your codebase. Our developer AI helps teams code faster, make smarter decisions, and unlock collective knowledge. Try free today.
AI
#AI

https://www.anthropic.com/engineering/claude-code-best-practices
Anthropic
Claude Code Best Practices
Claude Code Best Practices
A blog post covering tips and tricks that have proven effective for using Claude Code across various codebases, languages, and environments.
AI
#文章 #AI 如何使用 React.js 和 Next.js 搭建一个简单的 AI 聊天应用，并通过 OpenAI API 实现聊天功能。教程内容包括从零开始构建应用的完整过程，以及如何实现更流畅的交互体验。​

https://www.robinwieruch.de/react-ai-chat/
www.robinwieruch.de
Full-Stack React.js AI Chat with OpenAI API
Full-Stack React.js AI Chat with OpenAI API
Build a full-stack AI chat app using React.js on Next.js and the OpenAI API ...
文章 AI
#AI 构建自己的MCP

https://mcpify.ai/
mcpify.ai
MCPify.ai: Build MCP Servers in Minutes – No Code!
MCPify.ai: Build MCP Servers in Minutes – No Code!
With MCPify.ai, create MCP servers fast – no coding needed! Turn your ideas into AI tools effortlessly.
AI
#文章 深入解析流动的 WebGL 渐变效果 —— 即使你不想在网页上实现这种炫酷的等离子效果，这篇文章也值得一读。它深入浅出地探讨了使用简单 GLSL 代码实现该效果背后的数学原理和技术细节，任何 JavaScript 开发者都能轻松理解。

https://alexharri.com/blog/webgl-gradients
Alexharri
A flowing WebGL gradient, deconstructed
An introduction to writing WebGL shaders using gradient noise and cool math.
文章
#开源 将 node 命令打包成可执文件

https://github.com/Ray-D-Song/lexe
GitHub
GitHub - Ray-D-Song/lexe: Package your Node.js application into a single executable file, but only 10MB.🔥
GitHub - Ray-D-Song/lexe: Package your Node.js application into a single executable file, but only 10MB.🔥
Package your Node.js application into a single executable file, but only 10MB.🔥 - Ray-D-Song/lexe
开源
#网站 《探索 TypeScript：TS 5.8 版本》

https://exploringjs.com/ts/
网站
#文章 面相痛苦编程，这篇文章强调了一种以实际问题为导向的编程理念，通过逐步迭代和深入理解问题领域来构建高效、优雅的系统，同时避免过早优化和过度工程化。

http://nathanmarz.com/blog/suffering-oriented-programming.html
Nathanmarz
Suffering-oriented programming - thoughts from the red planet - thoughts from the red planet
Someone asked me an interesting question the other day: "How did you justify taking such a hu...
文章
#文章 OWASP速查表系列 - 该系列涵盖众多安全主题，包括但不限于AJAX安全、访问控制、身份验证、授权、SQL注入预防等，还提供下载链接和最新更新的ATOM feed。

https://cheatsheetseries.owasp.org
cheatsheetseries.owasp.org
Introduction - OWASP Cheat Sheet Series
Website with the collection of all the cheat sheets of the project.
文章
#文章 2025 必须知道的 JS 属性

https://waspdev.com/articles/2025-04-06/features-that-every-js-developer-must-know-in-2025
WaspDev
Some features that every JavaScript developer should know in 2025
Some features that every JavaScript developer should know in 2025
The list of JavaScript features that every web developer should know in 2025 in order to efficiently code in JavaScript.
文章
#文章 fastify-vite 比 nextjs 快 7 倍

https://hire.jonasgalvez.com.br/2025/apr/9/fastify-speed/
hire.jonasgalvez.com.br
Fastify + React is 7x Faster than Next.js
Fastify + React is 7x Faster than Next.js
文章
#React #文章 SVG懒加载：svg 精灵图方法来优化性能

https://www.jeantinland.com/blog/lazy-load-svg-icons-with-use-react-js/
Jeantinland
Lazy load SVG icons with <use/> in React.js
Learn how to optimize your React.js applications by lazy loading SVG icons using the use tag. This article covers different methods of incorporating SVG icons, including inline injection, sprite files, and splitting sprites into individual files. It also…
React 文章
#React #文章 “分层 React 结构”（Layered React Structure，简称 LRS）是一种经过实践验证的 React 项目组织方式，可以帮助开发者更好地管理大型项目。它通过明确的分层和组件职责划分，提高了代码的可维护性和可扩展性。如果你正在寻找一种更系统的方式来组织你的 React 项目，LRS 值得一试。

值得注意：文章提到了文件命名的方式，推荐是`kebob-case`

https://playfulprogramming.com/posts/layered-react-structure
Playful Programming
Scale Your Project with Layered React Structure
Scale Your Project with Layered React Structure
Learn how to scale your React project using Layered React Structure (LRS). Take your app from small-time to enterprise grade by organizing your code better.
React 文章
Before
After
Back to Top