技术周报·「全栈 Web 开发」在字节跳动的实践

4,618 阅读2分钟

编辑推荐

「全栈 Web 开发」在字节跳动的实践

2022 年 1 月 7 日,在第十届全球软件案例研究峰会中。孔嘉聪分享了 《全栈 Web 开发在字节跳动的实践》 。分享围绕 Modern.js 展开,并专注于服务端的能力及收益,从不同的角度进一步介绍了 Modern.js。本文是该分享的文字版本,期待大家有所收获。

SEE Conf: Umi 4 设计思路文字稿

本文为 2022.1.8 在 SEE Conf 分享的文字稿,介绍了 Umi 4 的一些设计思路,时间原因,只聊 4 个,包含编译时框架、依赖预打包、默认快、约束与开放。这几天 colors 和 faker.js 闹得前端社区沸沸扬扬,但 Umi 却能独善其身,希望其中「依赖预编译」的部分能给大家一些启发。

新春创意特效合集

掘金春节创意投稿大赛 火热进行中,欢迎投稿。

Three.js 实现虎年春节3D创意页面

使用 Three.js 实现 3D 贺年效果:

一场烟花盛宴🎇,祝2022新春快乐🎉 | 可在线观看

使用 p5.js 实现烟花绽放效果:

用粒子动画来忆起你的春节时光 | 支持表情文字

原生 canvas 实现粒子爆炸效果:

滴!请查收你的新年礼物 — css布老虎玩具

纯 CSS 画布老虎:

实践 & 应用

CSS in JS 新秀:vanilla-extract 浅析

vanilla-extract 主打零运行时类型安全,2021年一经推出迅速登上 css-in-js 满意度榜首,值得看看。

Web 多线程开发利器 Comlink 的剖析与思考

对于多线程编码的痛点,Comlink 很巧妙的在其外层进一步封装,隐藏了内部通讯逻辑,实现了 RPC 的模式。实际开发过程中,我们也常常会遇到这种基于 Message Event 的通讯方式,比如 iframewindow.openwindow.opener,理论上说,Comlink 的实现方式都可以适用于这些场景。

我们需要怎样的 Service

在编程世界里,有太多我们习以为常的东西,我相信存在即合理,同时我也相信存在都有前提,而前提会随着时间变化甚至消失。下面我想跟大家探讨下,我们前端项目中那些应该被剃刀剃掉的东西。

写一个快速创建项目的CLI工具,不难吧?

搭了一个基于 egg框架 的 bff-service-cli工具,支持 ts/js、eslint、prettier 等工程化工具,默认提供 router/controller/service/config 等配置,so easy。