很多人可能使用携程预订酒店，下图是该平台的价格日历，日历注明了所选酒店每天的价格，且低价时段在日历下方进行颜色标识，日历上方同时注明了节日。这个日历怎么在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"> 携程在手,说走就走 <!
作者简介 本文作者为携程基础业务研发部呼叫中心团队，其在传统呼叫中心基础上，结合软交换、智能分配、自动语音语义处理等技术，为携程用户提供人性化、人机互动、便捷的电话语音服务。...携程呼叫中心研发团队根据业务的需求，研发完成了一套完整的呼叫中心移动坐席解决方案，使业务坐席不再受制于工作时间、办公地点，随时随地，有网络的地方，就有呼叫中心。 二、移动办公呼叫中心系统架构 ?...移动场景保留了典型的呼叫中心系统架构，在接入端加入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作为主要开发语言，对接后台底层的接口
作者简介 付文平，携程机票研发部前端开发总监。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为主的应用端，三是前台的数据聚合层，在前台的数据聚合层采用
携程Android App的插件化和动态加载框架已上线半年，经历了初期的探索和持续的打磨优化，新框架和工程配置经受住了生产实践的考验。...本文将详细介绍Android平台插件式开发和动态加载技术的原理和实现细节，回顾携程Android App的架构演化过程，期望我们的经验能帮助到更多的Android工程师。...需求驱动 2014年，随着业务发展需要和携程无线部门的拆分，各业务产品模块归属到各业务BU，原有携程无线App开发团队被分为基础框架、酒店、机票、火车票等多个开发团队，从此携程App的开发和发布进入了一个全新模式...插件化动态加载带来的额外好处就是客户端的热部署能力。...开源 经过以上介绍，相信各位对携程Android插件化开发和动态加载方案有了初步了解。实现细节请移步GitHub开源项目DynamicAPK。
//判断是手机端还是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）携程Node.js还提供：获取mysql数据库连接信息、ABTest、pm2跨进程通讯等功能模块。...4.2 SSR（Server-SideRendering） 服务端在携程的引入主要考量有几点： 1）SEO的.NET+V8的老架构 2）SPA模式首屏性能问题 3）JS技术栈陈旧等诸多问题 4）不同平台重复编码...五、小结 经过一年多的积累，携程已经上线500+的应用。
背景与选型 移动端跨平台技术自移动开发诞生以来一直是个热门话题，一是持续关注研发效率，降本提效；二是一套代码多端运行可以提升多端业务逻辑的一致性；三是跨端技术方案通常意味着更佳的高效运维和缺陷修复。...作为移动端开发人员，我们希望找到一种性能与原生代码相媲美、与原生代码互操作能力强、开发思想与原生开发接近的跨平台开发框架。...Kotlin 在移动端的跨平台框架子集叫做 Kotlin Multiplatform Mobile，简称为 KMM。...2020 年携程机票 Android 团队将核心业务的历史 Java 代码迁移至 Kotlin + Coroutines + Jetpack AAC 技术栈获得了不错的成效，详见《携程机票 Android...携程自研的网络框架并非标准的 HTTP 协议，底层有大量定制的协议等内容。
作者简介 潘斐斐，携程无线平台研发部高级研发工程师。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 应用部署 ?
携程Android App的插件化和动态加载框架已上线半年，经历了初期的探索和持续的打磨优化，新框架和工程配置经受住了生产实践的考验。...需求驱动 2014年，随着业务发展需要和携程无线部门的拆分，各业务产品模块归属到各业务BU，原有携程无线App开发团队被分为基础框架、酒店、机票、火车票等多个开发团队，从此携程App的开发和发布进入了一个全新模式...插件化动态加载带来的额外好处就是客户端的热部署能力。...开源 经过以上介绍，相信各位对携程Android插件化开发和动态加载方案有了初步了解。细节请移步GitHub开源项目DynamicAPK。...携程无线基础研发团队未来会继续努力，为大家分享更多项目实践经验。
作者简介 Iris，携程前端开发经理，专注于前端组件库和工程化领域。 Abert，携程高级研发经理，关注跨端解决方案。.../zt-dialog.umd.js"> 这段代码表明，...可以从 Web 组件寄宿于不同环境这个角度进行思考，在这个场景下，Native 端、RN 端、小程序端都是宿主环境。...这导致在小程序端显示时，整体样式会比小程序的样式小一倍，最后的解决方案是编译小程序样式时利用插件对尺寸*2。 另外为了优化图片加载性能，Web 组件的图片会使用 webp 格式。...因此 Native 端的首页弹窗甚至无需再有 Native 端的人力介入，也可以完成一个完整闭环的需求交付周期。而这样的过程是可以完全复制到小程序端和 RN 端的。
作者简介 郑勇，携程高级技术经理，目前主要负责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
移动端常用开发插件 1.1. 什么是插件 移动端要求的是快速开发，所以我们经常会借助于一些插件来帮我完成操作，那么什么是插件呢？...移动端视频插件 zy.media.js H5 给我们提供了 video 标签，但是浏览器的支持情况不同。 不同的视频格式文件，我们可以通过source解决。...这个时候我们可以使用插件方式来制作。 我们可以通过 JS 修改元素的大小、颜色、位置等样式。 2. 移动端常用开发框架 2.1....既能开发PC端，也能开发移动端 前端常用的移动端插件有 swiper、superslide、iscroll等。 框架： 大而全，一整套解决方案 插件： 小而专一，某个功能的解决方案 2. 2....它能开发PC端，也能开发移动端 Bootstrap JS插件使用步骤： 1.引入相关js 文件 2.复制HTML 结构 3.修改对应样式 4.修改相应JS 参数
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
