前端技术观察第 29 期

《前端技术观察》是由字节跳动IES前端团队收集、整理、推荐的业界高品质前端资源合集，主要分为以下几个板块：

• Highlights

  • 优秀的工具、库

  • 好的教程、深度解读已有技术的文章

  • 业界最新的技术、热点文章

  • 业界对（新）技术的深度地、优秀地实践

  • Tutorial

  • Tools And Codes

《前端技术观察》的目的是让大家：

• 更及时的了解到业界最新的技术

  • 受益于高质量的教程、文章

  • 了解业界更优秀的代码、工具

  • 更多地、氛围更浓厚地讨论、研究、落地技术

highlights

WTFJS：一个有趣和诡异的Js示例列表

JavaScript 是一个非常有趣又充满戏法的语言。他们中的有些可以迅速将我们的日常工作变成地狱，有些可以让我们大声笑起来。

https://github.com/denysdovhan/wtfjs#readme

使用Next.js API路由构建GraphQL服务器（英）

教程介绍如何使用Next.js和GitHub API构建您的第一个GraphQL服务器。

https://www.smashingmagazine.com/2020/10/graphql-server-next-javascript-api-routes/

Angular 11 发布（英）

支持webpack5，更快的构建，改进的热更新以及字体的自动内联等特性

https://blog.angular.io/version-11-of-angular-now-available-74721b7952f7

Chrome 88 DevTools中有什么新东西（英）

DevTools现在在JS编译方面提升了约37%的速度（从6.9s到5s）！

https://developers.google.com/web/updates/2020/11/devtools

CSS Grid框架以外的思想（英）

现代浏览器对CSS Grid的支持开启了一种前所未有的布局选择，我们可以用比Flex布局更少的元素创建更复杂的设计，但是当你想到Grid布局时，你基本上想的是个“盒”式布局，对吧？

https://frontend.horse/articles/thinking-outside-the-box-with-css-grid/

tailwindcss - GitHub（英）

一个用于迅速构建自定义交互的工具性优先CSS框架。

https://github.com/tailwindlabs/tailwindcss

tutorial

jsdiff：Js实现的文本对比

可以通过各种方式比较字符串的差异，包括为更改创建补丁

https://github.com/kpdecker/jsdiff

深入ES模块（英）

阐述了ES模块导入和导出值的不同方式

https://ui.dev/esmodules/

「 giao-js 」用js写一个js解释器

通过JS构建我们自己的JS解释器，这能帮助我们学习JS引擎是如何工作的。

https://juejin.cn/post/6898093501376905230

精读《设计模式 - Composite 组合模式》

当我们需要把一组类似的对象当做同一个对象的时候，我们可以使用组合模式。

https://segmentfault.com/a/1190000038253548

tools And codes

MobileView for VS Code（英）

MobileView在VSCode中直接为你的App和网页提供了一个用于测试的响应式移动端视图。

https://marketplace.visualstudio.com/items?itemName=cirlorm.mobileview

Chrome DevTools: 用CSS Overview来重构和提升你的层叠样式（英）

CSS Overview面板提供了很多关于你的CSS的有趣的信息，当你重构的时候，你可以看到很多特别有用的高级CSS度量数据。

https://umaar.com/dev-tips/240-css-overview-improved/

JavaScript中的Object.is() vs ===（英）

Object.js()和JavaScript严格对比运算符非常相似，它们几乎可以互换。

https://ultimatecourses.com/blog/object-is-vs-comparison-operators

code-server GitHub（英）

不限环境不限场景地在浏览器中运行VSCode。

https://github.com/cdr/code-server

本系列会持续更新，欢迎大家持续关注。IES前端团队负责字节跳动互娱社区全线产品前端开发工作，包括但不限于抖音、火山、轻颜、faceu等。如果你想加入我们的团队，欢迎投递简历到 [email protected] 标题：【求职】岗位-姓名-电话