Skip to main content

11月20日内容汇总

· 7 min read
加菲猫

📒 相关文章推荐

一个 Next.js 13 的演示教程,里面讲了一个 use 导致的无限循环 bug

https://www.youtube.com/watch?v=zwQs4wXr9Bg

如何用 JavaScript 来对 2800 万数据进行去重? — 这是 Stack Overflow 上一个很有趣的问题

https://stackoverflow.com/questions/74329830/deduping-28-million-strings-using-javascript

Sourcegraph 公司讲述了为什么他们选择从 Monaco 编辑器切换到 CodeMirror

https://about.sourcegraph.com/blog/migrating-monaco-codemirror

新的 JavaScript 时间 API 提案 --- Temporal(已进入 stage 3)

https://vladmihet.hashnode.dev/temporal-api-javascript-dates-but-better

Rome v10:由 Rust 驱动的 JS Linting 与格式化工具 — 由 Babel 的作者 创建的项目自然会引起大家的兴趣

https://rome.tools/blog/2022/11/08/rome-10/

Node 安全版本:v19.0.1、v18.12.1、v16.18.1 和 v14.21.1

https://nodejs.org/en/blog/vulnerability/november-2022-security-releases/

Hapi v21:简单、安全的 Node 应用程序框架 - 专注于现代化和全面 Node v18(和 ESM)支持。值得注意的是 Hapi 不光没有外部依赖,还提供了很多开箱即用的功能

https://github.com/hapijs/hapi

在多个云提供商上部署一个简单的 Node 应用程序

https://medium.com/eleven-sh/deploying-a-simple-node-js-app-with-https-on-cloud-providers-in-2022-heroku-render-fly-io-aws-9358294803c5

将 TypeScript 与 Node.js 结合使用

https://www.robinwieruch.de/typescript-node/

用 Wails 和 React 在 Go 中构建一个桌面应用程序 — Wails 于 Go(lang) 就像 Electron 于 Node 一样,你可以前端用 JavaScript,后端用 GO 在 Mac、Linux 和 Windows 上开发桌面应用程序

https://react.statuscode.com/link/131395/web

CRACO v7.0:覆盖 Create React App 配置 — 如果你仍然喜欢 Create React App,而不是如 Next.js 之类的更大的 React 应用构建方式,CRACO 让你继续使用 CRA,但增加了一个可理解的配置层

https://github.com/dilanx/craco

📒 当谈论协程时,我们在谈论什么

⭐️ 看一遍就理解:IO模型详解

⭐️ 🎉 dumi 2,它来了它来了它来了

⭐️ 面试必备:零拷贝详解

📒 2022年我的面试万字总结(代码篇)

📒 【第2785期】雪球跨端架构建设之跨端容器篇

⭐️ Go 1.20新特性前瞻

⭐️ 实战总结!18种接口优化方案的总结

📒 深入理解 Golang map 设计理念与实现原理

📒 为什么我抓不到baidu的数据包

📒 React这25个精选库,将助你工作更上一层楼

📒 React 中的重新渲染

📒 【常见题型总结】二分以及为何能二分(二段性的拓展)

📒 保姆级教程!2 万字 + 30 张图搞懂 MySQL 是怎么加行级锁的

📒 我修复了一个 Vite Bug,让我的项目首屏性能提高了 25%

📒 Nuxt.js 3.0 正式发布!

📒 【第2784期】从cdnjs 的漏洞来看前端的供应链攻击与防御

📒 Go1.20 中两个关于 Time 的更新,终于不用背 2006-01-02 15:04:05 了!

📒 JavaScript错误处理完整指南

⭐️ 使用反射操作channel

⭐️ 成为 Go 高手的 8 个 GitHub 开源项目

🌛 使用useReducer + useContext 代替 react-redux

📒 前端食堂技术周刊第 59 期:GitHub Universe 2022、Rome v10、Parcel v2.8.0、可扩展的 CSS 演变

⭐️ 万字图文讲透数据库缓存一致性问题

📒 【面试高频题】难度 2/5,经典区间 DP 模板题(详解如何思考区间 DP 问题)

📒 打脸了兄弟们,Go1.20 arena 来了!

📒 【第2782期】得物API一站式协作平台探索与落地

📒 如何在测试中发现goroutine泄漏

⭐️ 忘了又看,看了又忘?保姆级教学,一口气教你玩转 3 种高频设计模式!

📒 【中级/高级前端】为什么我建议你一定要读一读 Tapable 源码

📒 MDH 前端周刊第 76 期:可扩展的 CSS、TanStack Router、Solid Start Beta、Rome 10

React Router 6 提供了 deferred API,让我们可以区分页面的关键数据和可选数据。可选数据不应该影响页面渲染,比如博客文章的评论、购物车中的推荐产品、最近的搜索等。用法如下。同时可选数据加载报错不会让整体路由渲染报错。

const critical1Promise = fetch('/xxx').then(res => res.json);
const critical2Promise = fetch('/xxx').then(res => res.json);
const lazy1Promise = fetch('/xxx').then(res => res.json);
const lazy2Promise = fetch('/xxx').then(res => res.json);
export const loader = async () => {
return defer({
critical1: await critical1Promise,
critical2: await critical2Promise,
lazy1: lazy1Promise,
lazy2: lazy2Promise,
});
}

这和在组件里用 useEffect 有啥区别?useEffect 的方式,不能做到所有请求并行发起,相比之下会慢一些。「The earlier you initiate a fetch, the better, because the sooner it starts, the sooner it can finish.」

https://dev.to/infoxicator/react-router-6-deferred-fetch-4k68

MDH 前端周刊第 76 期:可扩展的 CSS、TanStack Router、Solid Start Beta、Rome 10

📒 Node.js 安全最佳实践

📒 2种方式!带你快速实现前端截图

⭐️ Go学设计模式-程序流程要动态切换?用这个模式写更丝滑

📒 2022 年 JavaScript 从 ES6 到 ES12 新特性汇总

📒 【第2781期】React 渲染的未来

📒 Go语言爱好者周刊:第 167 期 —— 结构化日志期待下