小红书前端架构

简介: 小红书前端架构

小红书的前端架构是建立在经典的架构模式之上的。这种架构模式通常包括渲染层和逻辑层两个主要部分。

渲染层主要负责接受渲染指令、进行视图的绘制与用户交互的响应。而逻辑层则用于与系统能力进行交互,在安全的 JS 线程内调度用户业务逻辑。这两层之间通过 js-bridge 进行消息的通讯。

小红书的小程序基础架构也是对齐业界经典架构进行建设,运行时主要分为 渲染层 - Render、逻辑层 - Service。 Service 用于与系统能力进行交互,在安全的 JS 线程内调度用户业务逻辑。 而 Render 则负责接受渲染指令、进行视图的绘制与用户交互的响应。 逻辑层与渲染层则通过 js-bridge 进行消息的通讯,容器则负责接受 api 指令进行端能力的调用。之所以需要一个独立的线程来执行 JS,其主要目的是为了限制 JS 灵活性。

为了提供一个可用的 JS 环境,小红书可能使用浏览器内核提供的 Service worker,来单独运行 service 层 JS 代码,或者使用多个 webview 实例来分别承载双端 js 的执行环境。

相关文章
|
1月前
|
存储 缓存 监控
2024年春招小红书前端实习面试题分享
春招已经拉开帷幕啦! 春招的拉开,意味着新一轮的求职大战已经打响,希望每位求职者都能充分准备,以最佳的状态迎接挑战,找到心仪的工作,开启职业生涯的新篇章。祝愿每位求职者都能收获满满,前程似锦!
76 3
|
5月前
|
存储 缓存 关系型数据库
小红书万亿级社交网络关系下的图存储系统的架构设计与实践
本文将为你分享小红书面向超大规模社交网络的图存储系统REDtao的架构设计与技术实践过程,希望能带给你启发。
121 0
|
Kubernetes Cloud Native 架构师
《云原生技术与架构实践年货小红书》电子版地址下载
为了让更多的开发者、架构师获取云原生所带来的技术红利与众多企业的实践经验,阿里巴巴云原生推出《云原生技术以及架构实践年货小红书》。
178 0
《云原生技术与架构实践年货小红书》电子版地址下载
|
Kubernetes Cloud Native 架构师
《云原生技术与架构实践年货小红书》电子版下载
为了让更多的开发者、架构师获取云原生所带来的技术红利与众多企业的实践经验,阿里巴巴云原生推出《云原生技术以及架构实践年货小红书》。
94 1
《云原生技术与架构实践年货小红书》电子版下载
|
Kubernetes Cloud Native 架构师
《云原生技术与架构实践年货小红书》电子版
为了让更多的开发者、架构师获取云原生所带来的技术红利与众多企业的实践经验,阿里巴巴云原生推出《云原生技术以及架构实践年货小红书》。这其中包括阿里云云原生各路技术专家大神所撰写干货、200 多篇的实践内容,全面内容涵盖 Spring Cloud Alibaba、K8s等技术的一线实践案例。
191 0
《云原生技术与架构实践年货小红书》电子版
|
Kubernetes Cloud Native 架构师
《云原生技术与架构实践年货小红书》电子版下载地址
为了让更多的开发者、架构师获取云原生所带来的技术红利与众多企业的实践经验,阿里巴巴云原生推出《云原生技术以及架构实践年货小红书》。
91 0
 《云原生技术与架构实践年货小红书》电子版下载地址
|
Kubernetes Cloud Native 架构师
《云原生技术与架构实践年货小红书》电子版地址
为了让更多的开发者、架构师获取云原生所带来的技术红利与众多企业的实践经验,阿里巴巴云原生推出《云原生技术以及架构实践年货小红书》。
257 0
《云原生技术与架构实践年货小红书》电子版地址
|
流计算 SQL HIVE
小红书如何实现高效推荐?解密背后的大数据计算平台架构
小红书作为生活分享类社区,目前有8500万用户,年同比增长为300%,大约每天有30亿条笔记在发现首页进行展示。推荐是小红书非常核心且重要的场景之一,本文主要分享在推荐业务场景中小红书的实时计算应用。
小红书如何实现高效推荐?解密背后的大数据计算平台架构
|
流计算 大数据 SQL
小红书如何实现高效推荐?解密背后的大数据计算平台架构
2019阿里云峰会·上海开发者大会于7月24日盛大开幕,本次峰会与未来世界的开发者们分享开源大数据、IT基础设施云化、数据库、云原生、物联网等领域的技术干货,共同探讨前沿科技趋势。本文整理自开源大数据专场中小红书实时推荐团队负责人郭一先生的精彩演讲,将为大家分享小红书大数据计算平台架构演进。
4867 0
|
8月前
|
Web App开发 前端开发 JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
95 0