很多人可能使用携程预订酒店，下图是该平台的价格日历，日历注明了所选酒店每天的价格，且低价时段在日历下方进行颜色标识，日历上方同时注明了节日。这个日历怎么在Power BI实现呢？...日历的构成非常简单，均为文本，Power BI日期度量值中使用UNICHAR(10)也可以很方便的进行文本换行。比较困难的是同一个文本需要不同的颜色。这种样式无法使用内置的条件格式实现。...以下是Power BI的实现效果： 图表度量值如下： 模拟携程日历 = VAR Color = IF ( SELECTEDVALUE ( '日期表'[价格] ) = MINX
作者简介 鹏程，携程 Android 开发工程师，Android google jetpack和kotlin语言的拥护者。...从pc直播到渐渐火爆的移动直播，直播技术也在不断地更新迭代，趋于成熟。 本文从直播流的选择、交互优化、快速迭代等方面介绍携程直播技术。 二、直播原理 视频直播流程如下图。...优势在于可以在一定程度上避免防火墙的干扰，可以使用HTTPS做加密通道，很好的支持移动端。 缺点在于由于它的传输特性，会让流媒体资源缓存在本地客户端，在保密性方面不够好。...5）由于开源软件和开源库的支持稳定完整（OBS软件，开源的librtmp库，服务端有nginx-rtmp插件），RTMP在国内流行度很高，技术相对成熟。 目前市面上有很多云直播厂商。...携程直播作出以下的分层结构： ? 视频直播前端框架图 1）Lib 这一层主要放置整个直播项目通用的类。
作者简介 Sketch 是伴随移动应用程序崛起而流行的 UI 设计工具。2014年 Sketch V3 增加 Symbols 功能，在 UI 设计工具领域的优势越来越大。...中国很多大中型互联网企业也开始研制自己的设计系统和插件工具，例如 Dapllo，Kitchen，Fusion，Anto。 2016年，携程机票UED团队主力生产工具完全切换到 Sketch。...二、Kirby - Sketch Plugin Kirby 是携程机票前端团队的 Sketch Plugin 系统代号，故事源于一次 Sketch 版本升级引起的标注导出功能失效问题。...{ "script" : "my-action-listener.js", "name" : "My Action Listener", "handlers" : { "...3.5 开发环境 官方提供了一个打包工具 skpm， 用于快速上手插件开发。它基于 webpack，项目根目录下存放 webpack.skpm.config.js， 用于工程配置修改。
/css/index.css"> 携程在手,说走就走 <!
本文由携程技术团队Aaron分享，，下文进行了排版和内容优化。 1、引言 网络优化一直是移动互联网时代的热议话题，弱网识别作为移动端弱网优化的第一步，受到的关注和讨论也是最多的。...本文从方案设计、代码开发到技术落地，详尽的分享了携程在移动端弱网识别方面的实践经验，如果你也有类似需求，这篇文章会是一个不错的实操指南。...2、本文作者 Aaron：携程移动开发专家，关注网络优化、移动端性能优化。...3、技术背景 自从2010年携程推出”无线战略“，并发布移动端APP以来，无线研发团队对于客户端网络性能的优化就一直没有停止过。...经过这十几年持续不断的优化，目前携程的端到端网络性能已经处于一个相当不错的水平，大盘数据趋于稳定，优化也随之进入 ”深水区“，提升难度巨大。
作者简介 本文作者为携程基础业务研发部呼叫中心团队，其在传统呼叫中心基础上，结合软交换、智能分配、自动语音语义处理等技术，为携程用户提供人性化、人机互动、便捷的电话语音服务。...携程呼叫中心研发团队根据业务的需求，研发完成了一套完整的呼叫中心移动坐席解决方案，使业务坐席不再受制于工作时间、办公地点，随时随地，有网络的地方，就有呼叫中心。 二、移动办公呼叫中心系统架构 ?...移动场景保留了典型的呼叫中心系统架构，在接入端加入SBC，用于移动呼叫中心语音接入和安全控制。...四、携程呼叫中心移动坐席解决方案 携程呼叫中心通过优化标准的SIP协议，减少坐席应用与后端服务的交互；深度定制音频编解码器，在提高音质的同时降低了数据流量；通过丢包补偿技术来提升弱网环境下的通话质量。...CCodec编解码器算法延时小的特性，非常适合应用于携程电话、VoIP或视频会议等应用场景。
什么是插件 移动端要求的是快速开发，所以我们经常会借助于一些插件来帮我完成操作，那么什么是插件呢？ JS 插件是 js 文件，它遵循一定规范编写，方便程序展示效果，拥有特定功能且方便调用。...插件的使用 引入 js 插件文件。 按照规定语法使用。 fastclick 插件解决 300ms 延迟。...其他移动端常见插件 lsuperslide： http://www.superslide2.com/ l iscroll： https://github.com/cubiq/iscroll 5....移动端视频插件 zy.media.js H5 给我们提供了 video 标签，但是浏览器的支持情况不同。 不同的视频格式文件，我们可以通过source解决。...这个时候我们可以使用插件方式来制作。 我们可以通过 JS 修改元素的大小、颜色、位置等样式。
‑‑‑‑‑‑ 莱辛 作者简介 付文平，携程机票研发部前端开发总监。2011年加入携程，主要负责携程机票PC、H5、Hybrid业务方面的开发工作。...先后负责机票PC前后端分离，H5 Swift改版，机票React Native技术的推进，重点关注Node.js技术和产品体验。 本文来自付文平在“2018携程技术峰会”上的分享。...在携程内部，Nodejs也是应用广泛，从开发工具到web应用，从客户端到服务端，都能见到它的身影。...在机票H5实践前后端分离过程中，我们改进了技术架构，在前端的应用层，采用PM2+Node.js（8.9.4）+Express（4.0）框架，内部基于携程基础框架ctriputil，同时对一些常用功能的封装...在采用Node.js来完成前后端分离后，整个前台的架构分为三大块，一个是以浏览器渲染为主的客户端，二是Node.js为主的应用端，三是前台的数据聚合层，在前台的数据聚合层采用JAVA作为主要开发语言，对接后台底层的接口
携程Android App的插件化和动态加载框架已上线半年，经历了初期的探索和持续的打磨优化，新框架和工程配置经受住了生产实践的考验。...本文将详细介绍Android平台插件式开发和动态加载技术的原理和实现细节，回顾携程Android App的架构演化过程，期望我们的经验能帮助到更多的Android工程师。...需求驱动 2014年，随着业务发展需要和携程无线部门的拆分，各业务产品模块归属到各业务BU，原有携程无线App开发团队被分为基础框架、酒店、机票、火车票等多个开发团队，从此携程App的开发和发布进入了一个全新模式...插件化动态加载带来的额外好处就是客户端的热部署能力。...开源 经过以上介绍，相信各位对携程Android插件化开发和动态加载方案有了初步了解。实现细节请移步GitHub开源项目DynamicAPK。
作者简介 付文平，携程机票研发部前端开发总监。2011年加入携程，主要负责携程机票PC、H5、Hybrid业务方面的开发工作。...先后负责机票PC前后端分离，H5 Swift改版，机票React Native技术的推进，重点关注Node.js技术和产品体验。 本文来自付文平在“2018携程技术峰会”上的分享。...在携程内部，Nodejs也是应用广泛，从开发工具到web应用，从客户端到服务端，都能见到它的身影。...在机票H5实践前后端分离过程中，我们改进了技术架构，在前端的应用层，采用PM2+Node.js（8.9.4）+Express（4.0）框架，内部基于携程基础框架ctriputil，同时对一些常用功能的封装...二、Node.js与restfulAPI 在采用Node.js来完成前后端分离后，整个前台的架构分为三大块，一个是以浏览器渲染为主的客户端，二是Node.js为主的应用端，三是前台的数据聚合层，在前台的数据聚合层采用
//判断是手机端还是pc端 function isPc(){ if(window.navigator.userAgent.match(/(phone|pad|pod...MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) { return true; // 移动端...}else{ return false; // PC端 } }
作者简介 潘斐斐，携程无线平台研发部高级研发工程师。2008年加入携程，目前负责携程Node.js技术栈的基础平台研发工作。...携程在2017年9月份正式上线了Node.js应用，本文主要介绍近两年Node.js技术栈在携程的应用和体系情况。 一、技术栈 1.1 应用部署 ?...4）携程Node.js还提供：获取mysql数据库连接信息、ABTest、pm2跨进程通讯等功能模块。...4.2 SSR（Server-SideRendering） 服务端在携程的引入主要考量有几点： 1）SEO的.NET+V8的老架构 2）SPA模式首屏性能问题 3）JS技术栈陈旧等诸多问题 4）不同平台重复编码...【推荐阅读】 云计算时代携程的网络架构变迁 携程酒店小程序开发背后的“黑科技” 从智行 Android 项目看组件化架构实践 携程框架团队对于应用监控系统的探索与思考 节省55%测试时间，携程酒店比对平台介绍
作者简介 潘斐斐，携程无线平台研发部高级研发工程师。2008年加入携程，目前负责携程Node.js技术栈的基础平台研发工作。...携程在2017年9月份正式上线了Node.js应用，本文主要介绍近两年Node.js技术栈在携程的应用和体系情况。 一、技术栈 1.1 应用部署 ?...4.2 SSR（Server-SideRendering） 服务端在携程的引入主要考量有几点： 1）SEO的.NET+V8的老架构 2）SPA模式首屏性能问题 3）JS技术栈陈旧等诸多问题 4）不同平台重复编码...作者简介 潘斐斐，携程无线平台研发部高级研发工程师。2008年加入携程，目前负责携程Node.js技术栈的基础平台研发工作。...携程在2017年9月份正式上线了Node.js应用，本文主要介绍近两年Node.js技术栈在携程的应用和体系情况。 一、技术栈 1.1 应用部署 ?
作者简介 潘斐斐，携程无线平台研发部高级研发工程师。2008年加入携程，目前负责携程Node.js技术栈的基础平台研发工作。...携程在2017年9月份正式上线了Node.js应用，本文主要介绍近两年Node.js技术栈在携程的应用和体系情况。 一、技术栈 1.1 应用部署 ?...4）携程Node.js还提供：获取mysql数据库连接信息、ABTest、pm2跨进程通讯等功能模块。...4.2 SSR（Server-SideRendering） 服务端在携程的引入主要考量有几点： 1）SEO的.NET+V8的老架构 2）SPA模式首屏性能问题 3）JS技术栈陈旧等诸多问题 4）不同平台重复编码...五、小结 经过一年多的积累，携程已经上线500+的应用。
携程Android App的插件化和动态加载框架已上线半年，经历了初期的探索和持续的打磨优化，新框架和工程配置经受住了生产实践的考验。...需求驱动 2014年，随着业务发展需要和携程无线部门的拆分，各业务产品模块归属到各业务BU，原有携程无线App开发团队被分为基础框架、酒店、机票、火车票等多个开发团队，从此携程App的开发和发布进入了一个全新模式...插件化动态加载带来的额外好处就是客户端的热部署能力。...开源 经过以上介绍，相信各位对携程Android插件化开发和动态加载方案有了初步了解。细节请移步GitHub开源项目DynamicAPK。...携程无线基础研发团队未来会继续努力，为大家分享更多项目实践经验。
作者简介 Iris，携程前端开发经理，专注于前端组件库和工程化领域。 Abert，携程高级研发经理，关注跨端解决方案。.../zt-dialog.umd.js"> 这段代码表明，...可以从 Web 组件寄宿于不同环境这个角度进行思考，在这个场景下，Native 端、RN 端、小程序端都是宿主环境。...这导致在小程序端显示时，整体样式会比小程序的样式小一倍，最后的解决方案是编译小程序样式时利用插件对尺寸*2。 另外为了优化图片加载性能，Web 组件的图片会使用 webp 格式。...因此 Native 端的首页弹窗甚至无需再有 Native 端的人力介入，也可以完成一个完整闭环的需求交付周期。而这样的过程是可以完全复制到小程序端和 RN 端的。
背景与选型 移动端跨平台技术自移动开发诞生以来一直是个热门话题，一是持续关注研发效率，降本提效；二是一套代码多端运行可以提升多端业务逻辑的一致性；三是跨端技术方案通常意味着更佳的高效运维和缺陷修复。...作为移动端开发人员，我们希望找到一种性能与原生代码相媲美、与原生代码互操作能力强、开发思想与原生开发接近的跨平台开发框架。...Kotlin 在移动端的跨平台框架子集叫做 Kotlin Multiplatform Mobile，简称为 KMM。...2020 年携程机票 Android 团队将核心业务的历史 Java 代码迁移至 Kotlin + Coroutines + Jetpack AAC 技术栈获得了不错的成效，详见《携程机票 Android...携程自研的网络框架并非标准的 HTTP 协议，底层有大量定制的协议等内容。
作者简介 郑勇，携程高级技术经理，目前主要负责CRNWEB框架的开发工作，以及在携程内部的使用推广和性能优化。...携程基础业务研发团队迅速跟进，在React-Native基础之上，开发出了CRN这一适合携程业务高速发展的、抹平了iOS和Android端组件开发差异的、做了大量性能提升的框架。...然而无论是CRN还是React-Native本身都无法解决移动板块中的一大版图——WEB平台。...而现实是：存在大量的业务需求需要三端的支持，单独再开发一套H5成本高昂，后期的维护成本也很高，需求同步难，用户体验不一致等问题都会非常明显，而携程基础业务前端框架团队一直都在致力于解决iOS和Android...2）进入到Webpack的打包构建流程，我们编写了很多Webpack的插件，对它打包进行各种处理和优化。
作者｜潘斐斐 本文主要介绍在携程，Node.js 技术栈是如何从 0 到 1 进行技术落地的，以及在不断磨合的过程中，总结出来的最佳实践。...在携程 Node.js 应用根据用户群，主要分两个方向： DA（数据聚合服务）和 SSR（服务端渲染）是服务于外部用户的，目标是提升用户体验。...一、Node.js 工程化 基于上述三个场景， 目前携程有一套 Node.js 的工程化方案。...1.4 发布 携程云和公有云 每个云的部署环境、网络、位置等差异，会带来应用访问差异，例如访问异常，网络延迟等。这些差异需要在基础设施层面抹平，避免放在应用逻辑层面处理。...2008 年加入携程，目前工作内容为 Node.js 框架平台整体构建、产品性能优化和创新型项目研发。 本文来自在 2019 携程技术峰会上的分享。
触摸事件是在移动设备(如智能手机或平板电脑)上查看页面时触发的事件。 它们允许您跟踪多点触摸事件。...我们有4个触摸事件: touchstart 触摸事件已经启动(触摸表面) touchend 一个触摸事件已经结束(表面不再被触摸) touchmove 触摸移动手指(或任何接触设备的东西)在表面移动 touchcancel
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
腾讯会议
