技术期刊 · 虎踞龙盘今胜昔 | Shopify 的高扩展性 UI 实践:远程渲染;为什么我们需要 AST;一步一步实现国际……

原创
2022/01/26 18:00
阅读数 209

虎年将近,大家最近有没有复盘这一年来的工作生活呢?过去这一年来,相信大家对微前端、插件化这些名词概念都能耳熟能详,或许也会像 Shopify 团队一样尝试将远程渲染作为业务拓展的新思路,如何一步一履学习积累,为业务提供支持,去实现那些小目标……

观海志

登山则情满于山,观海则意溢于海

Shopify 的高扩展性 UI 实践

梗概:下一代的高扩展性 UI 框架是怎样的?来自 Shopify 开源技术团队的 @remote-ui 框架通过 RPC + DOM 渲染层实现了远程渲染的效果,加上不同平台的 JS 沙箱实现,甚至可以平滑运行在 Android 与 iOS 平台上。

Remote Rendering: Shopify’s Take on Extensible UI

推荐语:作为世界上最大的电商平台之一,Shopify 通过应用商店为数百万商家提供个性化定制的能力,第三方开发者通过 Shopify 提供的扩展机制,为商家们提供诸如营销自动化,销售渠道整合、产品采购等功能。

在「微前端」、「插件化」等名词的高频轰炸下,普通开发者如何设计更加适合自己业务的扩展架构?除了上述技术以外,还有没有其他选择?Shopify 开源技术团队的全新思路 -- 远程渲染,或许可以给你一点启发。

为什么我们需要 AST

梗概:这是一篇关于AST(Abstract Syntax Tree,抽象语法树)的新手友好向文章,文中依次介绍了其概念、生成过程、基本结构、节点类型、实际应用。

浅谈前端AST的概念与实际应用

推荐语:作为一名前端同学,或许没有听说过AST,但Babel却不可能不知晓。当我们探索Babel的工作原理之前,必须首先对AST有一定的知识储备,因为Babel插件正是作用于这种语法结构,深入理解AST不仅能帮助我们理解Babel,同时也能够更好的帮助我们完成日常的开发任务。

一步一步实现前端国际化支持

梗概:作者在文中主要介绍了多语言在不同技术栈中的实现方案,并以实际项目为例进行剖析,最后还针对多语言未来演进的方向提出了自己的畅想。

如何解决前端多语言选型和实现难题?

推荐语:“多语言支持是企业项目走向国际化的必经之路,也是前端工程师最佳实践的内容之一。”

深入理解贝塞尔曲线

梗概:本文讲解了贝塞尔曲线的基础概念以及数学原理,并深入浅出地阐述了如何从一阶、二阶、三阶推导出 n 阶曲线公式。

深入理解贝塞尔曲线

推荐语:贝塞尔曲线(Bezier Curve)在计算机图形领域应用非常广泛,比如我们熟知的 CSS 动画、 Canvas 以及 Photoshop 等都可以看到贝塞尔曲线的身影。理解了贝塞尔曲线在数学上的原理,能让你对它的使用更加得心应手。

复盘如何达成数千万流水的小目标

梗概:来自于面包多其创始人的 2 年小复盘,讲述了面包多过去 2 年的发展,从搭建到运营、以及推广的一系列关于产品的经历和思考。

面包多 2 年小复盘:100 万用户,数千万流水以及一些碎碎念

推荐语:作者谈到了早期的错误拉新策略,以及之后通过产品创新,完成了许多比较「独特」的功能,引发用户自传播的经验;同时也谈到了商标被恶意抢注、产品被抄袭的经历,让我们感觉亲历了一个产品的曲折发展,从中得到一些启发。

写在最后

「蒲公英」期刊,每周更新,我们专注于挖掘「基础技术工程化跨端框架技术图形编程服务端开发桌面开发人工智能设计哲学前端框架」等多个大方向的业界热点,并加以专业的解读;不仅如此,我们还会推介精选凹凸技术文章,向大家呈现团队内的研究技术方向。抬头仰望,蒲公英的种子会生根发芽,如夏花绚烂;格物致知,我们登高远眺、沧海拾遗,以求积硅步而至千里。

往期回顾

第 47 期

更多前沿技术,欢迎大家继续关注凹凸实验室公众号,小助手一直在这里等你来撩哦~

👇 查看原文,电脑端更方便阅读哦~

本文分享自微信公众号 - 凹凸实验室(AOTULabs)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部