1.本周热题

暂无

2.组内分享

1. 响应式编程入门

响应式编程是一种面向数据流和变化传播的编程范式。这意味着可以在编程语言中很方便地表达静态或动态的数据流，而相关的计算模型会自动将变化的值通过数据流进行传播。

2. WEB 前端技术摘录

从1990年，第一个web浏览器诞生，web前端已经曲折前行了32年。今天就摘录一些前端圈的里程碑事件，希望通过了解过去，更好的看清现在的前端框架的价值。

3.好文推荐

1. 为什么你不应该在 React 中直接使用 useEffect 从 API 获取数据

在 React 中，一个常见的 Pattern 是使用 useEffect 搭配 useState 发送请求、将状态从 API（React 外部）同步到 React 内部、用于渲染 UI，这篇文章恰恰在向你介绍为什么你不应该直接这么做。

2. 计算机体系结构基础

一本研究怎么造计算机而不是怎么用计算机的书. 包含计算机的组成, 指令系统, 软硬件协同, 并行编程以及多核处理器等相关基础知识.

3. 计算机教育中缺失的一课

除了编程语言之外, 熟悉一些常用的工具, 可以帮助我们提升工作效率. 为此, MIT开设了这样一门课, 带着我们一起学习如何更好的使用工具.

4. 工具资源

1. surrealdb

SurrealDB是一个端到端的云原生数据库，适用于web、mobile、serverless、jamstack、后端和传统应用程序。

2. GaiaX

GaiaX动态模板引擎是一套轻量化、跨平台、高性能的纯原生移动端卡片渲染动态化解决方案。

3. phlare

GrafanaLabs 推出持续性能分析平台 Phlare 持续性能分析是可观测性领域的新趋势，通过持续采集 CPU 内存等资源信息，帮助开发者更好得定位性能问题。

4. Bezel

协同3D设计工具, 可以一起搭建三维场景或者制作动画.

image.png

5. Quick Reference

推荐一个程序员快速参考备忘清单速查表，做得还挺不错的，对于中文用户很友好，可以理解你在敲代码过程中容易忘记的东西，大部分可以从这里查找到，如脚本、Docker 命令、Nginx 配置、ES6 语法等。

image.png

6. Railway

Railway 提供免费容器服务。支持主流语言 python、nodejs 等直接运行，支持 Dockerfile 在线构建docker 镜像。支持使用 CLI 部署。此外，还提供大量模板直接构建。例如code server（vscode网页版）等。

image.png

5. 行业动态

1. 抖音汽车嘉年华

Web端的车展，在疫情严峻的当下， 把线下展览活动搬到线上，是一个不错的选择 氛围和效果都做得非常好，即使是Web也能收获很棒的体验

image.png

2. 图扑软件 3D 组态编辑器，低代码零代码构建数字孪生工厂

图扑拖拽式智慧工厂编辑器，0 代码搭建 2D 和 3D Web 工业组态，打造可视化大屏，助力制造企业持续改进流程、预防问题发生、优化运营效率，跳出空间限制彻底改造价值链，重塑企业核心竞争力！它不仅能提高工厂生产效率，还能帮助积累和分析大数据，构建高效、节能、绿色、环保、舒适的人性化工厂。

2022年11月11日 (第 3 期) - 图5

3. JS版: 在旅途中

作者花费16个月, 用WebGL开发了一款驾驶游戏, 地图由程序生成, 可以一直开下去. 快打开浏览器, 来一场说走就走的旅行吧

image.png

6. 周进一步

1. 闭包的一个漏洞

  1. var o = (function (){
  2.   var obj = {
  3.     a: 1,
  4.     b: 2,
  5.   }
  6.   return {
  7.     get: function (key) {
  8.       return obj[key];
  9.     }
  10.   }
  11. })();
  13. // 如何在不改变上面代码的情况下
  14. // 修改 obj

答案javascript Object.defineProperty(Object.prototype, 'abc', { get() { return this; }, }); var obj = o.get("abc")

2. JS复制文字

1. Asynchronous Clipboard API

浏览器内置的API, 可以直接异步复制文字, 对于低版本浏览器兼容不是很好.

2. Document.execCommand(‘copy’)

兼容性比较好的做法, 但是不能直接传入字符串复制, 需要构造一个 textarea然后赋值, 然后再选中文字, 调用指令对选中的文字进行复制.

点击查看【codepen】

7. 言论观点

要想有所突破，需要建立批判性思维。一种新思潮的兴起过程很容易用力过猛。面向对象是一个很好的例子。面向对象是非常重要的进步，但是继承是一个过度设计，不只让软件工程师在组合与继承中纠结，也产生了复杂的对象继承树。我们只有在实践中不断总结与反思，才有可能产生新的突破。

— <极客时间: 许式伟的结构课>

暴风雨结束后，你会不记得你是怎样活下来的，你甚至不确定暴风雨是否真的结束了。但有一件事是确定的：当你穿过暴风雨，你早已不再是原来那个人了。

— 村上春树

8. 关联阅读

1. 软件测试周刊（第95期）： 无论高峰低谷，都能独自成军。

2. Web技术周刊：2022.11.07

3. Link设计周刊 | 010期

4. BLUE周刊-Vol.045

5. 体验碎周报第 119 期（2022.11.7）

6. javascriptweekly: 613

7. 科技爱好者周刊（第 230 期）：电子产品的用电量