开发者社区> 问答> 正文

优酷前端团队在技术演进之路的原理方面主要有哪些内容?

优酷前端团队在技术演进之路的原理方面主要有哪些内容?

展开
收起
1358896759097293 2021-03-14 22:13:29 1007 0
2 条回答
写回答
取消 提交回答
  • 下一站是幸福

    核心还是采用 Bigpipe + Nunjucks 模板编译实现的。模板 tpl 和 data 编译,生成 html,这个部分其实 Biglet 的 render 方法里做的。然后在请求写入的生命周期上,将 html 分块写入浏览器。

    2021-03-16 10:50:37
    赞同 展开评论 打赏
  • 45271990@qq.com

    优酷前端团队在之前 PC 首页/频道页面改造的基础上,将 React 服务端渲染沉淀出了一 个技术框架,该项目已经在 Github 开源,截止 2020 年 1 月底已有 657 star,具体使用方式和 源码请查看 egg-react-ssr 项目地址(https://github.com/ykfe/egg-react-ssr) 第一版:Bigpipe + JQuery 1. 原理: 核心还是采用 Bigpipe + Nunjucks 模板编译实现的。模板 tpl 和 data 编译,生成 html,这个 部分其实 Biglet 的 render 方法里做的。然后在请求写入的生命周期上,将 html 分块写入浏览器。 1)采用 Bigpipe 有 2 大核心优势:  兼容 IE6 等低版本浏览器,不得不用。现代 Web 框架只支持主流浏览器。之前开发对 JQuery 都比较熟悉,二者结合是当时最完美的选择;  业务属性决定的,新老接口拼凑(PHP 的,Java 的,HTTP 的),采用 Bigpipe,利用 Node.js 并发,将接口请求从前端转移到服务端,即可以保证业务快速迭代,也可以保证页面性能; 将页面进一步抽象,以前理解是每个模块都 Biglet。但实际使用中,进行分级处理会更好。  首先渲染布局;  核心:渲染首屏,对于播放页重点是播放器和剧集内容;  其他:看不到的可以偷偷加载,及时不展示也没问题;

    2021-03-16 10:54:35
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
+ 订阅
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
阿里文娱大前端技术实践 立即下载
前端代码是怎样智能生成的 立即下载