腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

携程技术

来自携程技术人的一手干货文章~

专栏作者

507

文章

716576

阅读量

175

订阅数

干货 | 携程商旅大前端 React Streaming 的探索之路

react streaming 客户端前端数据

19 组清风，携程资深前端开发工程师，负责商旅前端公共基础平台建设，关注 NodeJs、研究效能领域；

2023-09-06

2170

携程跨端解决方案的新选择：Taro-CRN

react api 小程序微信网站

随着小程序用户的增长，APP和小程序在需求迭代上呈齐头并进的趋势。与此同时，前端研发人员面对多套平台代码的维护与开发，研发投入上耗时耗力。目前携程内部急需一种跨平台的开发框架，来节约不必要的多套开发量。

2023-02-28

6580

干货 | Taro性能优化之复杂列表篇

小程序微信渲染 react 数据结构

作者简介 Kenny，携程高级前端开发工程师。2021年加入携程，从事小程序/H5相关研发工作。一、背景随着项目的不断迭代，规模日益增大，而基于Taro3的运行时弊端也日渐凸显，尤其在复杂列表页面上表现欠佳，极度影响用户体验。本文将以复杂列表的性能优化为主旨，尝试建立检测指标，了解性能瓶颈，通过预加载、缓存、优化组件层级、优化数据结构等多种方式，实验后提供一些技术方案的建议，希望可以给大家带来一些思路。二、问题现状及分析我们以酒店某一多功能列表为例(下图)，设定检测标准(setData次数及该set

2022-09-22

2K0

干货 | 携程小程序生态之Taro跨端解决方案

react 小程序微信打包

作者简介携程前端框架团队，为携程集团各业务线提供优秀的Web解决方案，当前主要专注：新一代研发模式探索，Rust构建工具链路升级、Serverless应用框架开发、在线文档系统开发、低代码平台搭建、适老化与无障碍探索等。一、摘要随着携程接入小程序平台类型的增加，前端需要负责的端越来越多，研发成本也随之成倍增加。为了解决一套代码多端运行的诉求，携程小程序框架不断调整、升级，逐渐形成了携程Taro跨端解决方案。二、背景 2.1 小程序现状近几年业界推出了各种小程序平台，每个小程序平台都会提供一个专

2022-08-25

1.2K0

干货 | 携程机票前端Svelte生产实践

vue.js 编程算法 react html webpack

作者简介 shuan feng，携程高级前端开发工程师，关注性能优化、低代码、svelte等领域。一、技术调研最近几年，前端框架层出不穷。近两年，前端圈又出了一个新宠：Svelte。作者是 Rich Harris，也就是 Ractive, Rollup 和 Buble的作者，前端界的“轮子哥”。通过静态编译减少框架运行时的代码量。一个 Svelte 组件编译之后，所有需要的运行时代码都包含在里面了，除了引入这个组件本身，你不需要再额外引入一个所谓的框架运行时！在Github上拥有 5w 多的 st

2022-06-06

2.1K0

干货 | 提升50分，Trip.com 机票基于 PageSpeed 的前端性能优化实践

webpack javascript 打包网站 react

作者简介 Patrick，携程资深前端开发工程师，专注于前端工程化和性能优化。前言网站性能对于用户体验、转化率和流失率、SEO 排名等至关重要，Trip.com 主要用户来自海外，对网站访问性能有更高的要求。能够快速响应的网站通常有机会获取更多流量，并为用户带来更好的体验。近期我们对 Trip.com 机票站点做了一版性能优化，通过对主要 landing 页面进行系统优化，将页面的 PageSpeed 评分从原本 30 左右提升到 80 分以上。这里分享在优化过程中的一些经验，将从性能指标、性能测

2022-03-04

5960

《携程技术2021年度合辑》，送给爱学习的你

大数据 react flutter 运维 ios

序言 2021年仍然是艰难的一年。反复的疫情和全球经济的不确定性，让几乎所有对旅游业不利的因素都在释放。但于变局中开新局，在危机中育新机，旅游业人带着穿越寒冬的信念，奋力前行。携程技术人则“深耕国内,心怀全球”，切身体会到反复疫情为用户出行带来的困难，我们重点提升服务效率，推动进一步化繁为简并提高灵活性，加强系统的自动化程度，加快对用户需求的响应。移动端的跨端技术深入进一步赋能业务，React Native、Flutter、小程序等跨平台框架将动态化的能力最大化的支撑业务，带来业务迭代周期缩短、开发效率的

2022-03-04

5540

干货 | React 中的 Canvas 动画

canvas 渲染 javascript react css

移动端硬件性能越来越好的今天，页面的交互也越来越丰富，Web 体验在不断向原生应用靠拢，加入了越来越多的手势与动画。除了常见的 CSS 动画外，有时候我们还会使用到 Canvas 或者 SVG 进行动画内容表现。

2021-12-13

2.8K0

干货 | 耗时缩短2/3，Taro编译打包优化实践

webpack react 打包 babel.js 缓存

随着项目越来越大，编译的耗时也在默默地不断增加。无论是开发阶段还是生产集成，编译耗时都成为了一个不容小觑的痛点。

2021-12-01

2.8K2

干货 | React Server Components 初探

react 渲染 api javascript

Sprite 82，喜欢研究各种语言对 web 框架的实现，函数式编程的爱好者，最近在编译原理前端中验证学习到的函数式编程知识。

2021-08-13

9340

干货 | Reactive模式在Trip.com消息推送平台上的实践

react ajax sdk rpc ide

KevinTen，携程后端开发工程师，关注Reactive和RPC领域，深度参与开源社区，对Reactive技术有浓厚兴趣。

2021-08-13

7570

干货 | Taro虚拟列表最佳实践

渲染小程序 https react 微信

最近组内小程序项目从Taro1迁移到了Taro3，紧跟凹凸实验室的步伐，开发体验确实比版本1好了很多，完全支持React语法，没有了那么多鸡肋的限制，项目的可配置程度也大大放开，充分给予了开发者自由发挥的空间。

2021-07-22

1.3K0

干货 | 携程门票H5转小程序实践

微信小程序 react 打包 api

自微信小程序出来后，互联网进入一个新的纪元。由于手机的容量有限，每个人不可能装太多APP ，总有一些APP大家都装，称之为超级APP，它们集成越来越多的功能，其中以小程序尤为突出。小程序巨大的流量红利不容小视，这也是小程序越来越火的部分原因。

2021-07-22

1.7K0

干货 | 减少50%空间，携程机票React Native Bundle 分析与优化

react 打包面向对象编程 javascript css

Sheila，携程资深前端开发工程师，关注前端性能优化；xqin，携程前端开发专家，CRN bundle分析平台开发者。

2021-04-26

1.5K0

干货 | 携程桌面应用的前端内存优化与监控

javascript react

桌面应用的前端场景不同于传统前端，具有使用者停留时间长，功能复杂且高度聚集在单一页面等特征，因此带来了不同的技术挑战，其中很重要的一点是内存泄漏问题。

2020-08-31

1.9K0

干货 | 从0到1，搭建一个体系完善的前端React组件库

npm react git 单元测试 css

随着前端工程的发展，组件化的思想早已深入人心；现代的前端框架React/Vue等，都是围绕组件设计；组件化的开发模式，大大提高了开发效率；设计和开发高质量高复用性的公共组件，可以更好地保持产品迭代的高效和稳定。

2020-08-10

1.7K0

干货 | 携程度假无线前端架构演进之路

react mvc flutter ios android

Jade Gu，携程高级前端开发专家，负责度假前端框架设计和 Node.js 基础设施建设等工作。

2020-07-24

2.1K0

干货 | 携程RN渲染性能优化实践

react 渲染打包容器 java

随着 React Native 在前端业界规模性的应用越来越多，各大厂也对其渲染性能越来越看重。

2020-07-02

2.4K0

干货 | 携程火车票Rematch框架实践

reactnative react

本文主要介绍携程火车票模块在进行新业务开发和老代码重构时，使用rematch状态管理框架的实践经验总结，包括在过程中暴露出来的一系列问题以及相应的解决方案。

2020-05-22

8330

干货 | 携程机票RN复杂交互实践

海涛，携程前端开发工程师，负责机票主流程预订、React Native技术栈相关开发工作。

2020-03-11

4.7K1

点击加载更多

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态