在 Web 开发中保持领先：最新消息、工具和见解 #58-js教程-PHP中文网

Stay ahead in web development: latest news, tools, and insights #58

在此处注册时事通讯，以便将每周摘要直接发送到您的收件箱。

weeklyfoo #58 在这里：您需要了解的所有 Webdev 新闻的每周摘要！这次您将找到 7 个类别的 37 个有价值的链接！享受吧！

？读它！

如何成为一名更高效的工程师：软技能、隐性层次结构、获得“小胜利”、了解晋升流程等的重要性。作者：Cindy Sridharan / 职业、工程 / 26 分钟阅读

？很高兴知道

2024 年 11 个最佳开源网络爬虫和爬虫：如果您需要一个爬虫，可以考虑的一个很好的爬虫列表。作者：大卫·卢卡奇 / 爬虫 / 22 分钟阅读
离开 Stripe：在 Jon de la Motte 的 stripe 工作 / stripe，职业 / 15分钟阅读
Y Combinator 申请指南：Yurii Rebryk 的 YC 校友关于 YC 申请的建议 / yc / 0 分钟阅读
Grok API 公共测试版：从今天开始，开发人员可以使用我们新发布的 API 在我们的 Grok 基础模型上进行构建。作者 x.ai / grok, ai / 3 分钟阅读
我对员工指标的看法发生了变化：经理放弃了 Rachel / 领导力 / 4 的指标分钟阅读
请停止说：观察同样的事情，有时我也是这样做的人之一。但斯科特就在这里，无论如何都不应该使用它。作者：Scott Ringwelski / 工程 / 5 分钟阅读
始终发布：因为说实话，没人在乎你的新产品，Andrew Chen / 产品 / 阅读 7 分钟
可能性有多大？：您担心 UUID 冲突吗？您的数据中心更有可能在核打击中被摧毁。优先考虑重要的事情。作者：Jonathan Hall / uuid / 4 分钟阅读
Monorepo - 我们的经验：九个月前，我们转向了 monorepo。在这里，我描述了迄今为止我们使用该开关的经验。作者：ente.io / monorepo / 10 分钟阅读
什么是单页应用程序？：Web 开发社区谈论了很多单页应用程序，但我们都在一个页面上吗？作者：杰克·拉扎罗夫 / 水疗 / 15 分钟阅读
JavaScript 的 ??= 运算符：默认值变得简单：在 JavaScript 中使用 ??= 优雅地处理 null 和未定义值的指南，作者：Trevor I.Lasn / javascript， 运算符 / 4 分钟阅读
用 JavaScript 攻击汽车：使用 HackRF 在浏览器中运行重放攻击，作者：Charlie Gerard / hacks / 12 分钟阅读
我认识的最优秀工程师的 7 个简单习惯：优秀的软件工程师如何保持卓越表现，engineerscodex.com / 工程 / 阅读时间 10 分钟

？工具

NocoDB：NocoDB 允许通过电子表格轻松构建无代码数据库解决方案。作者：nocodb.com / 数据库
Cash：现代浏览器的一个小得离谱的 jQuery 替代品。作者：Fabio Spampinato / dom, javascript
pqoqubbw/icons：由 pqoqubbw / icons 为您的项目提供的流畅动画图标的开源集合
有一天：免费托管和开源 cal.com / calendly 替代方案，基于 Google-Apps-Script 为 Gmail 用户构建。采用 React、TypeScript、Shadcn/UI 和 Vite 等现代技术构建。作者：robby / 日历，日历
HTML to React & Figma by Magic Patterns：Chrome 扩展，可将您在任何网站上找到的内容转换为 React 组件。作者：magicpatterns.com / react，chrome
NPM 图表：搜索包以查看其随时间的下载统计信息。作者：塞巴斯蒂安·肖邦 / npm，统计
yauzl：Josh Wolfe 的另一个 Node 解压库 / nodejs, zip
单击组件：选项单击浏览器中的 React 组件即可立即在 VS Code 中打开源代码，作者：Eric Clemmons / react
skellyCSS：一个轻量级 CSS 框架，可将框架快速实现到您的项目中。通过 Ritter Insurance / 骷髅
npmpackage.info：发现有关 npm 包的详细信息。作者：Shrinath Nayak / npm
BemiDB：Postgres 只读副本针对 bemidb.com / 分析进行了优化分析
varse：varse.io / config 的快速应用程序配置管理器
Draw.Audio：Draw.Audio 是一个免费的音乐素描板，用于探索声音创意。它是使用 Web Audio API 制作的。作者：draw.audio / 音频
React GJS 渲染器：Gnome JS 的 React 渲染器。它提供了允许使用 React 构建本机 Gnome GTK 应用程序的组件和方法。通过react-gjs / react，gnome
点状世界：使用自定义选项创建矢量点状地图，并通过 worldindots.com 将其下载为 SVG 或 PNG 文件 / maps

？设计

为 Z 世代设计：期望和用户体验指南：围绕 Z 世代以及他们如何使用技术存在许多神话。是时候看看除了大量使用社交媒体之外的实际行为模式了。作者：Vitaly Friedman / ux / 15 分钟阅读
设计原则：设计原则和方法的开源集合。作者：principles.design / 原则 / 2 分钟阅读

？乐趣

面试出错：Python 如何让我们感到困惑 ;) 作者：ashu1461 / python, 访谈 / 2 分钟阅读

？教程

浏览器控制台中的动画：@jh3yy / console、svg / 使用 svg 动画作为背景0 分钟阅读
HLS 视频转码器：在 Cloudflare R2 上流式传输视频，作者：Wes Bos / cloudflare / 4 分钟阅读
如何使用 React 和 AI Agent 创建 AI 驱动的新闻通讯聚合器：在本实用教程中开始使用 AI 代理，并学习使用 React 和 KaibanJS 构建 AI 驱动的新闻通讯聚合器。作者：Dariel Vila / ai, kaibanjs / 15 分钟阅读
用 JavaScript 生成随机迷宫：今年我没有机会去南瓜地，所以我错过了看到任何玉米迷宫。为了弥补这一点，我决定自己做一些迷宫！作为一名程序员，我过度设计了它并构建了一个随机迷宫生成器！作者：Paul Herbert / 迷宫 / 13 分钟阅读