皮皮网

1.详解|天猫搜索前端技术历代记

详解|天猫搜索前端技术历代记

       天猫搜索前端技术的码分发展历程，从上古时代的码分PC搜索，到逐步演进的码分H5搜索，再到MV*时代的码分Preact应用，直至引入Weex技术与搭建时代的码分探索，直至智能时代的码分源码编程展望，每一步都承载着技术的码分革新与业务的革新。

       PC时代的码分搜索前端采用KISSY和MUI3作为主要技术方案，适应了3G/2G时代的码分网络环境和用户习惯。然而，码分随着智能手机的码分普及与流量成本的下降，流量需求激增，码分导致原有的码分技术方案显得力不从心。因此，码分H5搜索时代应运而生，码分源码分享网站采用Zepto和MUI4，引入前端模板，优化模块化方案与页面渲染策略，解决PC搜索时代的问题，同时引入前后端分离的wormhole app，降低模板维护成本。

       进入MV*时代，源码素材随着组织架构调整，搜索前端资源投入集中在核心功能与跨平台适应性上，如H5搜索凑单页、领券弹层等。引入Preact和MUI5，优化模块化方案，采用自动化工具转换技术，eclipse源码实现一份源码同时复用在Weex和Web上，提升了开发效率与代码复用性。

       Weex时代，为应对流量场景下的动态化需求，以及客户端迭代的挑战，引入Native内嵌Weex坑位技术方案，结合模板下发的eclipse 源码Oreo平台，采用Prax解决方案，实现在Web和Weex间的技术兼容性与性能优化。

       搭建时代，面对共建与规模化的需求，长颈鹿项目应运而生，通过千叶平台提供模块化搭建能力，为品牌商与行业提供定制化页面，实现模块化、自动化搭建，有效提升运营效率与用户体验。同时，无界模块定投方案解决了多场景间的交叉展示问题，进一步优化了模块化搭建的灵活性与适应性。

       深度搭建时代，引入Rax1.0，针对Web进行优化，模块化划分明确，实现交互、展示与数据模块的分离，以实现更高效、更灵活的页面构建与内容复用。此外，团队正尝试基于机器学习的智能UI生成技术，以期实现UI零成本构建，推动前端技术与业务的深度融合。

       智能时代，展望未来，前端技术将融合更先进的AI与数据驱动策略，实现自动化的界面生成、内容产出与用户行为分析，从而构建更为个性化、智能化的用户体验，推动业务创新与技术迭代。