关于前端:前端周刊第十一期

前端周刊发表每周前端技术相干的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢送大家关注、转载。
<span style=”color:red;”> 如果外链不能拜访，关注公众号 前端每周看，外面有解决办法 </span>

大事件

• 大事件！大事件！浏览器可能反对运行 Typescript 啦——明天，咱们很快乐地发表咱们反对并与第三方独特单干来推动 新的 Stage 0 提案，以此为 JavaScript 带来可选和可擦除的类型语法。因为这种新语法不会扭转周边代码的运行形式，所以它能够无效地充当正文。咱们认为这有可能使 TypeScript 更容易、更快地用于各种规模的开发。
• Shader Park：应用 JavaScript 创立交互式 2D 和 3D 着色器——一个基于 Web 的开源平台、社区和 库，通过让您应用 JavaScript 程序化地创立着色器和 GPU 来简化神秘的着色器和 GPU 世界。这里有很多能够玩和摸索的中央。留神：因为应用了 WebGL，该站点在浏览器上的累赘很重，因而可能并不适宜所有设施。
• Prettier 2.6 公布——风行的代码格式化工具当初能够 singleAttributePerLine 抉择每行只搁置一个属性（这在某些类型的模板中很常见），增加了 TypeScript 4.6 反对，并在各种上下文中更好地格式化 JS 代码（例如装璜器、内 await 联 JSX，行尾正文）。
• npm 包如何用于乌克兰拥护和平的抗议流动——几天前，依赖 node-ipc 的我的项目（例如 Vue CLI）的用户开始留神到一些奇怪的行为，包含文件在天文定位到俄罗斯的零碎上被笼罩（或白俄罗斯）和抗议信息。这是一个简单的故事，也是包装供应链有多软弱的另一个揭示。如果您违心，Register 有一个更短且更具新闻性的文章。
• Deno 1.20 已公布——JavaScript / TypeScript 运行时的一个相当大的版本，具备更高的性能、用于运行基准测试和测试套件的新命令、AbortSignal 超时，以及对 V8 10.0 和 TypeScript 4.6 的降级。要是所有我的项目都写得像这样彻底就好了。

文章

1. How To Make a Drag-and-Drop File Uploader with Vue.js 3 — 整整四年前，咱们链接到 Joseph 的应用 vanilla JavaScript 制作拖放文件上传，但当初他又回来了最新版本的 Vue.js 面临同样的挑战。
2. 令人欢快的 React 文件 / 目录构造 — 咱们曾经介绍了许多此类文章，但对于布局我的项目的“正确”形式，总是有另一种观点的空间，尤其是 React 自身在这个问题上相当不以为然。
3. jQuery 源代码中的“双重分配模式”– 作者在 jQuery 的代码中发现了一种乏味的技术，并着手钻研它的益处。
4. Next.js 的新官网“根底”课程 – Next.js 公布了一个新的根底课程，涵盖了 React 的基本知识、它与 Next.js 的关系以及构建第一个 Next.js 应用程序。
5. Remix vs Next.js – Remix 是一个绝对较新的基于 React 的全栈框架，由 React Router 背地的原始团队创立。它对更为人所知的 Next.js 采纳了不同的办法。这是要害差别的具体指南。
6. 创立一个简略的表格排序和分页性能 – 在 JavaScript 的帮忙下出现一个可排序的分页表格。
7. TypeScript 善于的中央的探讨 – TypeScript 的 Luke Hoban 和 Daniel Rosenwasser 的采访摘录。
8. 降级 Next.js 以实现即时性能改良 – Vercel 团队如何将 Next.js 8 演示晋升到 Next.js 12 规范并在过程中看到微小改良的案例钻研。

框架公布

1. Verdaccio 5.8 – 公有 npm 注册表，当初具备可定制的 Web UI。
2. Vuetify 3.0 Beta – Vue 的资料组件框架。
3. MDX 2.1 – Markdown 中的 JSX。
4. React Menu 3.0 – 可定制的嵌套菜单组件。
5. angular 13.3.0

代码和工具

1. Peaks 1.0：与音频波形交互的 UI 组件——假如你正在构建某种音频编辑器——这就是你可能想要应用的那种控件。它也来自 BBC，这很酷。
2. Wave.js 2.0：Real Simple String Diffing — 一个音频可视化库——如果你不须要创立音频编辑器而只想要一个音乐去 wub wub，线条去摆动摆动类型的可视化，这是给你的。这里有一些现场演示。
3. Faker 6.0：在节点或浏览器中生成大量虚伪数据——在维护者“流氓”的问题之后，一个社区团队接管了风行的 Faker 我的项目，他们的第一个次要版本现已公布，并提供 ESM 反对。v5 到 v6 迁徙阐明。
4. sysend.js：在同一浏览器中关上的页面或选项卡之间发送音讯——一个小型库，形象了在同一浏览器中关上的页面之间发送音讯的机制。反对跨域通信，基于 localStorage 和 BroadcastChannel API。这是一个演示（如果你关上它两次）。
5. Chrome 扩大 CLI：下一个 Chrome 扩大的 CLI — 想要尽快为 Chrome 构建扩大？该工具旨在让您尽快走上正确的路线。
6. js2xml：将 JavaScript 代码转换为 XML 文档——为什么？显然，为了更容易应用 XPath 从其余中央提取货色。
7. Emoji Button：A Vanilla JavaScript Emoji Picker — 将按钮元素转换为 emoji 选择器（相似于某些操作系统提供的）。
8. Liqvid 2.1：应用 React、HTML、CSS 和 JS 创立交互式视频——当初您也能够在视频中应用 Web Animations API。