旅游玩乐 业务组件 UI 交互
旅游玩乐 业务组件 UI 交互
旅游业务组件
ctrip
PC web
https://piao.ctrip.com/dest/t4651499.html
M web
https://m.ctrip.com/webapp/you/gspoi/sight/0/4651499.html?seo=0
- 相册 / video
https://vodlnr6niz5.vod.126.net/vodlnr6niz5/5d8c7d0d-385f-463e-8a96-e62095f6e7fe.mp4
- poi
https://m.ctrip.com/webapp/you/map/2/poi-4651499-sight.html
- 吸顶、tab 锚点
Service Worker
;try {
if (!window.__bfi) {
window.__bfi = [];
}
;if (navigator.serviceWorker) {
var isUnregister = false;
var runEnv = "prod";
var vd = '/webapp/you';
var _sendSWUbt = function(status) {
window["__bfi"].push(['_trackMetric', {
name: "104047",
value: 1,
tag: {
vd: vd,
status: status
}
}]);
};
if (window.location.search.indexOf("closeSW=1") !== -1) {
isUnregister = true;
}
;if (!isUnregister) {
if (window.location.hostname.indexOf("localhost") != -1) {
runEnv = "local"
}
;var swSrc = '/webapp/you/nfes/serviceworker/sw.js?v=2020_3_13' + "&isSupportWebP=" + !!(window.nfes_isSupportWebP) + "&runEnv=" + runEnv;
window.addEventListener('load', function() {
navigator.serviceWorker.register(swSrc, {
scope: vd
}).then(function() {
_sendSWUbt("success");
console.log("servicewoker done!");
}).catch(function(error) {
_sendSWUbt("fail");
console.log('sorry', error);
});
});
} else {
navigator.serviceWorker.getRegistrations().then(function(rs) {
for (var i = 0; i < rs.length; i++) {
var r = rs[i];
var scop = r.scope;
if (new RegExp(vd + "$").test(scop)) {
_sendSWUbt("unregister");
r.unregister()
}
}
}).catch(function(err) {
console.log('Service Worker registration failed: ', err);
});
}
}
} catch (e) {}
- cards 瀑布流布局
meituan
https://sh.meituan.com/s/海昌海洋公园门票/
http://i.meituan.com/s/-海昌海洋公园/
驴妈妈旅游
PC
M
https://m.lvmama.com/tour/ticket?keyword=上海海昌海洋公园主题度假酒店&homeSearch=1&hideAppHeader=1
旅游玩乐 业务组件 UI 交互的更多相关文章
- react UI交互 简单实例
<body><!-- React 真实 DOM 将会插入到这里 --><div id="example"></div> <!- ...
- 【附案例】UI交互设计不会做?设计大神带你开启动效灵感之路
随着网络技术的创新发展,如今UI交互设计应用越来越广泛,显然已经成为设计的主流及流行的必然趋势.UI界面交互设计中的动效包括移动,滑块,悬停效果,GIF动画等.UI界面交互设计为何越来越受到青睐?它有 ...
- Android业务组件化之子模块SubModule的拆分以及它们之间的路由Router实现
前言: 前面分析了APP的现状以及业务组件化的一些探讨(Android业务组件化之现状分析与探讨),以及通信的桥梁Scheme的使用(Android业务组件化之URL Scheme使用),今天重点来聊 ...
- Android业务组件化之现状分析与探讨
前言: 从个人经历来说的话,从事APP开发这么多年来,所接触的APP的体积变得越来越大,业务的也变得越来越复杂,总来来说只有一句话:这是一个APP臃肿的时代!所以为了告别APP臃肿的时代,让我们进入一 ...
- Android业务组件化之URL Scheme使用
前言: 最近公司业务发展迅速,单一的项目工程不再适合公司发展需要,所以开始推进公司APP业务组件化,很荣幸自己能够牵头做这件事,经过研究实现组件化的通信方案通过URL Scheme,所以想着现在还是在 ...
- Android项目架构之业务组件化
前言: 从个人经历来说的话,从事APP开发这么多年来,所接触的APP的体积变得越来越大,业务的也变得越来越复杂,总来来说只有一句话:这是一个APP臃肿的时代!所以为了告别APP臃肿的时代,让我们进入一 ...
- iOS开发笔记7:Text、UI交互细节、两个动画效果等
Text主要总结UILabel.UITextField.UITextView.UIMenuController以及UIWebView/WKWebView相关的一些问题. UI细节主要总结界面交互开发中 ...
- 类似UC天气下拉和微信下拉眼睛头部弹入淡出UI交互效果(开源项目)。
Android-PullLayout是github上的一个第三方开源项目,该项目主页是:https://github.com/BlueMor/Android-PullLayout 原作者项目意图实现 ...
- firefox 扩展开发笔记(三):高级ui交互编程
firefox 扩展开发笔记(三):高级ui交互编程 前言 前两篇链接 1:firefox 扩展开发笔记(一):jpm 使用实践以及调试 2:firefox 扩展开发笔记(二):进阶开发之移动设备模拟 ...
随机推荐
- 端口被占用通过域名的处理 把www.domain.com均衡到本机不同的端口 反向代理 隐藏端口 Nginx做非80端口转发 搭建nginx反向代理用做内网域名转发 location 规则
负载均衡-Nginx中文文档 http://www.nginx.cn/doc/example/loadbanlance.html 负载均衡 一个简单的负载均衡的示例,把www.domain.com均衡 ...
- macro-name replacement-text 宏 调试开关可以使用一个宏来实现 do { } while(0)
C++ 预处理器_w3cschool https://www.w3cschool.cn/cpp/cpp-preprocessor.html C++ 预处理器 预处理器是一些指令,指示编译器在实际编译之 ...
- Python基础(变量、字符编码、数据类型)
变量 变量名由字母.数字(不能为首字符).下划线组成,不能使用关键字 以下关键字不能声明为变量名 ['and', 'as', 'assert', 'break', 'class', 'continue ...
- 【题解】洛谷P3119 Grass Cownoisseur G
题面:洛谷P3119 Grass Cownoisseur G 本人最近在熟悉Tarjan的题,刷了几道蓝题后,我飘了 趾高气扬地点开这道紫题,我一瞅: 哎呦!这不是分层图吗? 突然就更飘了~~~ 用时 ...
- CF460C Present
写在前面 由于菜,写树状数组写挂了. 于是想出了一种不像线段树或树状数组+二分答案那样显然,但是依旧不难想,复杂度比较优秀,代码难度低的做法. 算法思路 外部二分答案,不多解释,稍证明一下单调性: 若 ...
- synchronized的底层探索
其实没看懂,但是提供了不同的思路,先记下 https://www.cnblogs.com/yuhangwang/p/11256476.html https://www.cnblogs.com/yuha ...
- ModelArts 与HiLens Kit联合开发丨行人社交距离风险提示Demo
摘要:本Demo使用YOLOv3_Resnet18模型来检测的视频流中的行人,获取行人坐标(即图中蓝色方框),然后计算所有检测到的人之间的相互"距离". 前情提要 听到行人社交距离 ...
- Spring框架——IOC&DI
Spring Spring 目标 内容 Spring与web整合的原理 Spring 中包含的关键特性 Spring架构图 企业级框架 企业级系统 IOCDI IOC DI IOC和DI 为什么使用依 ...
- 绿盟UTS综合威胁探针管理员任意登录
绿盟UTS综合威胁探针管理员任意登录 漏洞详情: 绿盟全流量威胁分析解决方案针对原始流量进行采集和监控,对流量信息进行深度还原.存储.查询和分析,可以及时掌握重要信息系统相关网络安全威胁风险,及时检测 ...
- debian 屌丝日记
好几年前,刚开始学习linux时,写的笔记,现在看来还挺有意思的,发出来 纪念下 1.安装debian系统,只安装最基本系统 不要桌面,不要print server,具体不会看网上图文并茂的 1) ...