前端技术周刊 2022-11-25

发布时间： 2022.11.25

本周内容： 开源项目 x7、课程推荐 x3、工具推荐 x3、书籍推荐 x1、行业先驱 x1

本周素材由达观数据钟慎恩、赵卫红、陈小飞、李炳文、沈琬婷、苏玉春、陈泳宏等同学提供。

开源项目

DevHub（8.6k star）

这是一个 Github 消息推送工具，可以自定义需要关注的项目、用户的动态，并且有多套主题可以选择。值得一提的是该项目同时支持 Web、Mobile、Desktop 三端，并且共享代码比例超过 99%。

UnoCss（7.7k star）

UnoCSS 是一个具有高性能且极具灵活性的即时原子化 CSS 引擎，受 Windi CSS、Tailwind CSS 的启发，相对于前两者，UnoCSS 设计很优雅，足够轻，用着非常爽，并且它对 Windi CSS 和 Tailwind CSS 的写法做了兼容，过渡成本低。

CSS 灵感（8.4k star）

这里可以让你寻找到使用或者是学习 CSS 的灵感，该项目以分类的形式展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法。

Qwik（13.6k star）

一个新的前端框架，宗旨是 HTML first，号称可以即时加载（大约 1kb）任何规模的前端应用，值得一提的是该项目的作者同时也是著名前端框架 Angular 的作者，不过该框架的语法却和 React 更为类似。

import { component$, useStore } from '@builder.io/qwik';

// Qwik components can be asynchronous
export const MyCmp = component$(async (props: MyCmpProps) => {
  // Declare local state
  const state = useStore({
    count: 0,
  });

  // Returns JSX
  return (
    <>
      <span>
        Hello, {props.name} {state.count}
      </span>
      <div>Times: {state.count}</div>
      <button
        onClick$={() => {
          // This will update the local state and cause a re-render.
          // Reactivity is at Qwik's core!
          state.count++;
        }}
      >
        Increment
      </button>
    </>
  );
});

TanStack Router（3.7k star）

一个框架无关的路由库，之前叫 React Location，该路由库同时支持在 React、Preact、Solid、Vue、Svelte 中使用。它有类型安全、内置缓存、异步路由、预加载、搜索参数 API 深度集成等特性。

MDX（14.2k star）

MDX 允许你在 Markdown 内容中使用 JSX。基于提供的功能可以快速的通过该技术方案实现一个博客网站或文档站。例如字节的 Semi Design 文档站的生成就是采用了 MDX。

Paper.js（13.4k star）

一个在 HTML5 Canvas 之上运行的开源矢量图形脚本框架。它提供了一个干净的场景图/文档对象模型和许多强大的功能来创建和使用矢量图形和贝塞尔曲线，所有这些都整齐地包裹在一个设计良好、一致和干净的编程界面中。HappyIslandDesigner 是基于 Paper.js制作的一个绘图工具。

课程推荐

全栈公开课 2022

这是赫尔辛基大学（QS 67）计算机科学系的全栈课程的在线免费版，可以学习如何使用 TypeScript、React、GraphQL、React Native、Express、CI、CD、Docker 等时下流行技术栈构建一个完整的 Web 应用。

Free TypeScript Tutorials

一个免费的，练习驱动的，深度的 TypeScript 教程集合，供你在你的 TypeScript 魔法之旅中使用。如果你的 TypeScript 略有欠缺，那么一起来学习吧。

RegexLearn

一个免费的从零基础到高阶逐步学习正则表达式的课程，该课程还提供了游乐场工具供你在线调试正则表达式。

工具推荐

DeepL

号称全世界最准确的翻译，支持添加至 Chrome 扩展程序，即可享受文本实时扫描翻译，同时支持上传 PDF 文件、照片、实时口语翻译等，相比 Google 翻译，结果更加口语化且可读性更强。

Notion

Notion 是一款全球流行的集成笔记、知识库、数据表格、看板、日历等多种能力于一体的应用程序，近期 Notion 正式宣布已经把 AI 无缝嵌入到个人知识管理工具以增强创作力，目前进入到 alpha 版本的已知特性有智能写作、头脑风暴、单词和语法纠错、摘要生成以及全文翻译。值得一提的是 Notion 的创始人是出生于中国新疆的华人。

书籍推荐

是一部对人工智能充满敬畏之心的匠心之作，由《深入理解Java虚拟机》作者耗时一年完成，它将带你从奠基人物、历史事件、学术理论、研究成果、技术应用等5个维度全面读懂人工智能。本书以时间为主线，用专业的知识、通俗的语言、巧妙的内容组织方式，详细讲解了人工智能这个学科的全貌、能解决什么问题、面临怎样的困难、尝试过哪些努力、取得过多少成绩、未来将向何方发展，尽可能消除人工智能的神秘感，把阳春白雪的人工智能从科学的殿堂推向公众面前。

行业先驱

艾伦·麦席森·图灵

艾伦·麦席森·图灵，OBE，FRS（英语：Alan Mathison Turing，又译阿兰·图灵，Turing 也常翻译成涂林或者杜林，1912年6月23日－1954年6月7日）是英国计算机科学家、数学家、逻辑学家、密码分析学家和理论生物学家，他被誉为计算机科学与人工智能之父。

二次世界大战期间，“Hut 8”小组，负责德国海军密码分析。期间他设计了一些加速破译德国密码的技术，包括改进波兰战前研制的机器Bombe，一种可以找到恩尼格玛密码机设置的机电机器。图灵在破译截获的编码信息方面发挥了关键作用，使盟军能够在包括大西洋战役在内的许多重要交战中击败轴心国海军，并因此帮助赢得了战争。

图灵对于人工智能的发展有诸多贡献，例如图灵曾写过一篇名为《计算机器和智能》的论文，提问“机器会思考吗？”（Can Machines Think?），作为一种用于判定机器是否具有智能的测试方法，即图灵测试。至今，每年都有试验的比赛。此外，图灵提出的著名的图灵机模型为现代计算机的逻辑工作方式奠定了基础。

为了纪念图灵在计算机科学上的杰出贡献，计算机协会在 1966 年设立“图灵奖”，目前为止图灵奖是计算机界最负盛名的奖项，有“计算机界诺贝尔奖”之称。