var i = 1;
const news1 = `<article class="article padding-side"><div class="article__header new-style-test-article__header"><h1 class="article__title">从人权“旗手”到退出人权理事会</h1><div class="article__content" style="height: auto;"><div><div class="pgc-img"><p class="img-wrapper-embedded" style="width: 100%; min-height: 226.128px;"><img src="https://p3.pstatp.com/large/pgc-image/15294805808624a72f971e5" img_width="600" img_height="391" inline="0" alt="从人权“旗手”到退出人权理事会" onerror="javascript:errorimg.call(this);" data-index="0" data-src="https://p3.pstatp.com/large/pgc-image/15294805808624a72f971e5" style="opacity: 1;"></p></div><div id="news"><p>美国又“退群”了！</p><p>6月19日，美国官员宣布，美国退出联合国人权理事会。美国向来以“人权旗手”自居，并经常批评他国侵犯“人权”，此刻却退出了人权理事会，引发国际社会的批评，联合国秘书长古特雷斯也对其决定表示遗憾。这让我们不得不再一次审视美国的人权标准。</p><p>近一个半月来，在特朗普政府对移民实施的“零容忍”政策下，近2000名儿童在美国墨西哥边境与父母或监护人被强行拆散，骨肉分离的悲剧引发了舆论轩然大波。有媒体报道称，在分离非法入境者及其子女时，执法人员往往不告知分离时间及子女去向，导致不少人在被关押等候审判期间陷入愤怒和焦虑。被拆散的家庭痛楚地喊出：“最远的距离是你在这头，我在那头，孩子和父母不能相见。”美国政府却表示，“美国不会成为一个‘移民营’，也不会成为‘难民收容所’，绝不会！”。标榜自由平等公平正义的美国，很难说做到了言行一致。</p><div class="pgc-img"><p class="img-wrapper-embedded" style="width: 100%; min-height: 231.38px;"><img src="https://p3.pstatp.com/large/pgc-image/1529480717464bd72d20906" img_width="2500" img_height="1667" inline="0" alt="从人权“旗手”到退出人权理事会" onerror="javascript:errorimg.call(this);" data-index="1" data-src="https://p3.pstatp.com/large/pgc-image/1529480717464bd72d20906" style="opacity: 1;"></p></div><p>“合则用，不合则弃”，是美国在人权领域的典型作派。一边批评别国“严重侵害人权”、是“不稳定力量”，一边选择性忽视自身人权问题，对美国国内人权状况在一些重要方面继续恶化视而不见。多年前，美国发动的伊拉克战争、干涉利比亚和叙利亚等行动，导致了大量暴力冲突，造成大量的死亡和难民。这样的人权记录，与人权中最基本的生存权背道而驰。</p><p>人权，是人因其为人而应享有的权利，并且会随着人类历史和社会进步而不断发展。人权的概念是历史的、政治的、社会的。毋庸讳言，任何一个国家在不同的发展阶段都会存在不同的人权问题，美国同样如此。对待人权的科学态度，就是要以历史的眼光、发展的眼光来看。不能也不应该把“人权”这一全人类最基本的权利或福祉作为批评他国的武器。</p><p>中国共产党和中国政府始终尊重和保障人权，坚持以人民为中心的发展思想，把人权的普遍性原则同中国实际相结合，走出了一条适合中国国情的人权发展道路。改革开放40年来，7亿多减贫人口、70％以上的全球减贫贡献率，消除中华民族千百年来存在的绝对贫困问题，保障贫困人口的生存发展权，就是中国人权事业进步的最显著标志，就是对人权的最大尊重，也体现了中国对世界人权事业的务实贡献。现在，中国人民正在以习近平同志为核心的党中央带领下，为实现中华民族伟大复兴中国梦而努力奋斗，这也必将推动中国人权事业不断向前发展。</p><p>谁都没有资格以人权卫士自居。在人权问题上，从来没有最好，只有更好。显然，当惯了世界人权裁判员的美国，需要重新认识自己，学会客观看待他国人权事业的发展，倾听世界大家庭成员的心声。（中央纪委国家监委网站 兰琳宗）</p></div></div></div></article>`;

const news2 = `<article class="article padding-side"><div class="article__header new-style-test-article__header"><h1 class="article__title">四年“烧掉”80亿：铁路WiFi你享受到了吗？</h1></div><div class="article__content" style="height: auto;"><div><p>“希望腾讯与吉利的入场，能在铁路WiFi这个混乱的市场理出一条头绪。”由由（化名）在朋友圈写下这样的感叹，他是铁路WiFi行业的“老兵”，不过在今年初他抽身而出。</p><p>6月6日，腾讯和浙江吉利控股集团有限公司联合宣布，成功中标动车网络科技有限公司49%股权转让，未来将共同经营铁路WiFi服务。</p><p>成立于2017年12月20日的动车网络科技是目前中铁总公司旗下唯一经营动车组WiFi的企业。这也是继铁路WiFi行业经历民间资本“横冲直撞”、大规模烧钱后，由铁路部门官方成立的首家WiFi运营企业，再加上腾讯与吉利等民营企业的加入，是否能就此改写铁路WiFi混战的格局？</p><p><strong>曾想砸15亿建卫星WiFi</strong></p><p>年旅客运送量达17.1亿人次，覆盖人群约2亿人的铁路动车拥有让所有互联网企业都羡慕的高流量入口，但这些流量对于铁路WiFi运营者而言，更像是无法消化的饕餮大餐。</p><p>由由所在的铁路WiFi运营企业曾经是这个行业内规模最大的科技公司，拥有国内2/3以上的铁路候车厅WiFi热点运营权。不过就在今年2月，由由所在的公司宣布全面停止运营，留下的除了财务账面上不足2亿元的现金，还有满地价值上千万元的AP盒子。</p><p>由由是最后一位离开公司的员工，他目睹了这些年来公司的命运轨迹：如何用资本开路，“野蛮”进军铁路WiFi市场，又是如何把80亿元现金烧到只剩下1.7亿元。</p><p>这家坐落在上海CBD的创业企业，依靠着背后母公司——一家从事矿产开发的实业企业，几年前开始浩浩荡荡向WiFi行业进军，这被他们视为是进军互联网的重要入口。公司从上至下都怀揣着极大的热情，“老板一开始曾准备花15亿元，放一颗卫星专门建铁路WiFi。” 在这家企业的创始人看来，有钱就能解决铁路WiFi发展过程中的一切难题。</p><p>“高铁行驶速度最高时达到350km/h，这对于将4G信号转WiFi热点提出了很高的要求，当时我们团队的技术人员测试发现，4G信号转WiFi后速率不稳定。而当时国外最先进的做法是发射卫星WiFi。” 为此，这家公司专门成立团队与有关部门接洽，试图与国家级科研单位合作研发卫星WiFi，他们甚至提出了具体预算方案：投入资金15亿元。结果第一道关就没能跨过，在提出申请时直接遭到否决。</p><p>“其实也是意料之中，私人不能建卫星，国内没有这样的先例。” 在由由看来，这个关于铁路WiFi的创业，一开始就带着资本的疯狂基因。</p><p><strong>恶意竞争 流量贬值</strong></p><p>通过卫星方式建立铁路WiFi网络的意图夭折后，这家公司退而求其次，将目光转向铁路候车大厅内WiFi热点建设。这一次，他们进展迅速，但是烧钱的速度更为迅速。</p><p>经过三年多运营，这家创业企业拿下全国183个铁路站点候车厅的WiFi建设及经营权，从硬件布设到后期运营，投入总成本达30-40亿元，“光是进场费，一年就要花7000万元左右。”</p><p>重金之下，期待中的流量也如约而至。由由告诉记者，他们所能获得的流量占到候车室内30%的客流，每10个候车的人群中就有3人连入他们的WiFi，高峰时每天能达到400万-500万人次的接入量。</p><p>但面对高流量，由由和他的团队却高兴不起来，“有更大的客流就意味着要烧更多的钱。”由由给记者算了一笔账：带宽费、短信费（上网验证码）、电费、公关费，一年下来运营成本高达上亿元。</p><p>而在市场状态最好的时候，广告年收入也仅在千万元。依靠广告收回投入，几乎遥遥无期。</p><p><strong>“烧钱”之后一地灰烬</strong></p><p>与此同时，整个市场竞争变得白热化，而且不理性。烧钱换来的流量不断贬值，越来越多的运营铁路WiFi企业用白送广告位掀起市场恶性竞争。“这些WiFi运营企业有的运营绿皮火车上WiFi，有的在火车站外围建WiFi，获取客户普遍净值偏低，以至于‘白送’广告，厂商热情也不高。”由由表示。</p><p>找不到合适的运营模式，钱越烧越少。从2017年7月开始，这家创业企业开始遣散员工，曾经挤满一层楼的上千名员工在半年后只剩下不到10人。而野蛮生长过后剩下的就是满地AP盒子，由由感叹说，“都是行业淘汰下来的，只能家用，我们就放在闲鱼上卖，15-20元一个。”</p><p>尽管，由由现在已经离开了这个行业，但他对于铁路WiFi的未来依然有期待，他说自己前两天刚坐了复兴号，列车上WiFi全程免费，看电影不带卡顿，下载速率在800K。这是他们曾经向往建立的场景，但由于各种原因，如今却被别人实现，“这应该是通过4G与卫星WiFi相结合的方式建立的。”在他看来，或许更专业的团队加技术能为这个行业带来新的希望。</p></div></div></article>`;
const news3 = `<article class="article padding-side"><div class="article__header new-style-test-article__header"><h1 class="article__title">京东搭台，厂商唱戏，荣耀凭什么登顶618双料冠军？</h1><p>核心提示：</p><ul><li><p>京东618成了手机厂商的舞台，争夺第一是手机厂商们的目标；</p></li><li><p>本质上来说，荣耀拿下冠军，是新技术的快速普及立功；</p></li><li><p>赵明详细解释，为什么跑对方向比跑得快更重要？</p></li></ul><p>618购物节，成了手机寒冬中厂商们久违的一股暖流，品牌之间的厮杀也是异常激烈。</p><p>荣耀作为互联网品牌手机的典型，延续了去年的势头，就在厂商们等待618最终结果出炉时，荣耀在18日晚10点左右却宣布京东自营产品全部售罄，提前锁定手机品类累计销量冠军和手机品类单日销量冠军。</p><p>这样的结果有点出乎意外，要知道在之前的618，还没有哪一家厂商可以做到提前售罄。不过，这背后其实也说明了一件事情：荣耀没有刷单也能保证现货，否则不会提前售罄。</p><p>但剧情并不是如此简单，荣耀宣布售罄之后，小米在19日凌晨发布战报宣布夺得京东平台多项销售冠军，一时风光无限，雷军也对其表示称赞。但反转就在6个小时之后，由于京东剔除不实订单（6小时内下单未付款），小米销量跌落，荣耀再次登顶。</p><p>19日下午，京东手机通讯官方微博正式发布618战报，坐实荣耀夺得京东618手机品类累计销量冠军和手机品类单日销量冠军。</p><p class="img-wrapper-embedded" style="width: 100%; min-height: 238.563px;"><img src="https://p3.pstatp.com/large/905300074564a33c1c58" img_width="800" img_height="550" inline="0" alt="京东搭台，厂商唱戏，荣耀凭什么登顶618双料冠军？" onerror="javascript:errorimg.call(this);" data-index="0" data-src="https://p3.pstatp.com/large/905300074564a33c1c58" style="opacity: 1;"></p><p>对于荣耀来说，这也不是第一次拿下如此斐然的成绩，去年618期间，荣耀就取得了多个价位段的单品销量冠军，双11期间更是在京东+天猫双平台的总销售额达到40.2亿。</p><p>在手机行业整体市场低迷的情况下，荣耀呈现了一个逆势成长，并且逐渐挤压其他手机厂商的份额。</p><p>赛诺的数据显示，2017年荣耀手机销量达5450万台，销售额达789亿元，超越小米的637亿元。刚刚过去的2018年第一季度，荣耀以1400万台销量、204亿销售额登顶互联网手机榜首。</p><p>作为一直以来突出产品和技术研发的荣耀来说，这更像是一次技术的阶段性胜利。</p><strong>数据背后的“炫技”</strong><p>一直以来，由于华为和荣耀施行双品牌战略，某种程度掩盖了荣耀的一部分锋芒，但或许恰恰因为如此，反而让荣耀日渐隐藏了实力，现在忽然爆发了。</p><p>这种隐藏的实力很大程度来自于技术支撑的产品力。</p><p>可能很多人已经不太记得，2014年荣耀发布的6 Plus，事实上这款手机是作为中国第一款双摄手机发布，随后双摄手机在行业内开始流行，并逐渐成为标配。</p><p>2016年年底，荣耀提出“智慧手机”（智能手机+AI）的概念并发布Magic手机，这被视为荣耀在人工智能手机领域的初体验，当时直接与小米MIX硬碰硬。紧接着，荣耀把AI手机延续到了荣耀V10和荣耀10，让大众化AI手机成为可能。</p><p>有意思的是，就在前不久GMIC大会期间，赵明还在炮轰AI跟风：“忽如一夜春风来，手机行业全AI”。</p><p>但凭什么荣耀的AI不是跟风？赵明认为这是源于技术的积累。因为如果一款AI手机，算力无本质提升、功能无实质落地，又缺乏生态建设，对于用户是毫无体验可言的。</p><p>“未来真正的AI手机，应该能够在各个领域缩短我们跟专家的差距，成为我们人脑的协处理器”，赵明总结道。</p><p>如今，荣耀已经进入从AI 1.0向AI 2.0的转变，把AI底层构建真正带入到应用体验。</p><p>除了AI是荣耀主攻的一个要素，GPU Turbo吓人技术近日也频频刷屏。</p><p>这项被引入荣耀9i的技术，打通了EMUI操作系统及GPU、CPU之间的处理瓶颈，图形处理效率提升高达60%，SOC功耗降低30%，使得热门游戏都能满帧运行，未来该技术还能应用于AR、VR、3D交互场景。</p><p>在赵明眼中，GPU Turbo之所以“吓人”，是因为这项技术是基于华为和荣耀自家的硬件和设计而研发。要知道，现在市场的手机产品都是由芯片厂商提供芯片，然后采用谷歌的安卓系统进行一定的优化。</p><p>“荣耀一直考虑如何把顶层的操作系统跟硬件一体化设计，而不是按照传统的界面分工，提供出操作指令集，试图把整个设计作为完整的体系，有些东西用硬件，有些东西用软件，看谁效率更高”，赵明接受采访时这样解读荣耀的技术思维。</p><p>这与小米形成了一个鲜明的对比，当荣耀在做技术研发的同时，小米则豪掷数亿元拿下央视世界杯直播广告去做了营销。</p><strong>跑的慢和跑的对，哪个更重要？</strong><p>在赵明的规划中，荣耀一直是个均衡的品牌，当具备技术之后，相应的也要在渠道层面下功夫。</p><p>中国市场攻城略地的过程中，荣耀同时把眼光放在了海外。</p><p>根据荣耀官方数据，2017年海外销量大概占15%，到今年上半年，荣耀海外销售占比已超过20%。荣耀总裁赵明预计，今年全年海外销售占比可以达到25%或30%，而未来三年内则在全球市场上进入前五。</p><p>2016年下半年开始，荣耀也加快了线下渠道的建设，但与部分厂商重金砸向线下不同，荣耀采取的是轻资产模式。去年底，赵明曾举过一个例子解释这种轻资产，他说当时全国做线下的人只有34个，17个省市一个人都没有。</p><p>在赵明看来，互联网手机的核心在于更快捕捉消费者的需求，去响应与满足，利用线上和线下融合的方式把效率快速提升。</p><p>寒冬之中，追着风口跑却轰然倒下的厂商不在少数，但在赵明的理解里，与其追着风口跑，不如坚守自身的商业模式。“不争一时之短长，不要在意跑得多慢，因为跑对方向更加重要”，他说。</p><p>至于如何证明跑对了方向，数据或许就是最直接的答案。</p></div><div class="unfold-field unfold-field-download"><div class="unflod-field__mask"></div></div></article>`;
const news4 = `<article class="article padding-side"><div class="article__header new-style-test-article__header"><h1 class="article__title">挪用公款打赏女主播的钱该不该追缴？“消费”还是“赠予”引争议</h1></div><div class="article__content" style="height: auto;"><div><p>近日，“男会计挪用公款930万，766万用于打赏女主播”的新闻引发社会关注。女主播该不该退还打赏的钱款呢？有法律界人士认为，打赏主播属于消费行为，钱款是主播的劳动报酬，不应退还，但记者采访了中国政法大学副教授朱巍和律师许浩，他们都认为，打赏主播属于赠与行为，并非女主播善意取得，这笔赃款应当予以追缴，不仅主播要退钱，平台也应当退钱。</p><div class="pgc-img"><p class="img-wrapper-embedded" style="width: 100%; min-height: 280.662px;"><img src="https://p3.pstatp.com/large/pgc-image/15294837756268263d460dc" img_width="680" img_height="550" inline="0" alt="挪用公款打赏女主播的钱该不该追缴？“消费”还是“赠予”引争议" onerror="javascript:errorimg.call(this);" data-index="0" data-src="https://p3.pstatp.com/large/pgc-image/15294837756268263d460dc" style="opacity: 1;"></p></div><p>有的法律界人士认为，本案中的男会计通过充值兑换虚拟货币，然后购买“礼物”打赏主播，属于买卖交易行为。网络直播作为一种新兴行业，女主播通过付出特定的劳动，获得观看表演粉丝的打赏，是其合法收入。据此，这一观点认为，如果主播在不知道钱款来源的情况下，没有业务审查，打赏的钱款属于女主播提供合法的直播服务时取得的相应的劳动报酬，女主播是善意第三人，不应该退还。</p><p>但中国政法大学传播法中心副主任朱巍认为，打赏行为算不上买卖行为，应属于赠与行为，因为所谓的网络直播中的“表演”，80%都是头部直播，坐着不动，只是聊聊天，而且不是针对一个人的聊天。“粉丝斥巨资充值买虚拟货币，极少人是为了付费看‘表演’。”</p><p>北京市京师律师事务所律师许浩也认为，不管这笔钱是赠与还是买卖，本案首先是一个刑事案件，该不该退还，应该按刑法和刑诉法来解决。“人已判刑，钱要追缴。”</p><p>朱巍表示，“根据刑法的规定，对犯罪分子违法所得的一切财物，应当予以追缴或者责令退赔。本案中，打赏的钱属于赃款，如果平台也有抽成，二者都须退还。”</p><p>许浩说，《最高人民法院关于刑事裁判涉财产部分执行的若干规定》第11条的规定，被执行人将刑事裁判认定为赃款赃物的涉案财物用于清偿债务、转让或者设置其他权利负担，具有下列情形之一的，人民法院应予追缴：（一）第三人明知是涉案财物而接受的；（二）第三人无偿或者以明显低于市场的价格取得涉案财物的；（三）第三人通过非法债务清偿或者违法犯罪活动取得涉案财物的；（四）第三人通过其他恶意方式取得涉案财物的。第三人善意取得涉案财物的，执行程序中不予追缴。</p><p>“很明显，本案中的女主播适用上述第二种情形中的无偿取得，应予以追缴。”许浩说，“善意取得的一个核心要素，是支付了合理对价，但是，在网络直播中，主播表演的内容还不如一场几十元的电影。”</p><p>作为研究网络直播，并参与网络直播法规制定的专家之一，朱巍还提到，某些主播的收入畸高，其中不仅包括了线上打赏的钱款，还包括了线下的打赏，“这其中既有纳税的问题，还暗含着线上表演转化为线下卖淫的问题，成了‘互联网+色情’，这对社会的危害是很大的。”</p><p>不仅认为本案中女主播应该退还赃款，朱巍还认为，未成年人事前没有得到家长的授权，事后没有得到家长的认可的打赏钱款也应该退还。</p></div></div></article>`;
const news5 = `<article class="article padding-side"><div class="article__header new-style-test-article__header"><h1 class="article__title">中兴禁令解除在美国参议院遇阻，中兴连续跌停，贸易局势引担忧</h1></div><div class="article__content" style="height: auto;"><div><div class="pgc-img"><p class="img-wrapper-embedded" style="width: 100%; min-height: 239.661px;"><img src="https://p3.pstatp.com/large/pgc-image/15294738027871e0b8697b3" img_width="750" img_height="518" inline="0" alt="中兴禁令解除在美国参议院遇阻，中兴连续跌停，贸易局势引担忧" onerror="javascript:errorimg.call(this);" data-index="0" data-src="https://p3.pstatp.com/large/pgc-image/15294738027871e0b8697b3" style="opacity: 1;"></p></div><p>摘要：但特朗普仍有机会劝说议员们放中兴一条「生路」。</p><p>6 月 18 日，美国参议院以 85:10 通过了《国防授权法案》（NDAA），其中包括恢复中兴通讯与美国供应商的交易禁令——禁止中兴通讯购买美国零部件、软件、技术。这是共和党领导的参议院为数不多的否决特朗普政府的决定之一。目前这次「反转」是否会生效，结局还尚不明了。此前已出台的众议院版本的 NDAA 并不包含该恢复中兴通讯禁令条款，所以两项提案的最终版必须由两院商议通过，并由特朗普签署成为法律。特朗普一直希望解除禁令，但是其已无否决权。</p><p>两党议员称中兴通讯威胁国家安全，要求立即停止与其交易。联合声明中，共和党员 Marco Rubio，Tom Cotten，民主党员 Chuck Schumer，Chris Hollen 表示：「令我们欣慰的是，两党都明确表示应该把国家就业和安全放在首位，这理应比跟中国合作重要。」</p><div class="pgc-img"><p class="img-wrapper-embedded" style="width: 100%; min-height: 231.333px;"><img src="https://p3.pstatp.com/large/pgc-image/15294738034177b8c598727" img_width="750" img_height="500" inline="0" alt="中兴禁令解除在美国参议院遇阻，中兴连续跌停，贸易局势引担忧" onerror="javascript:errorimg.call(this);" data-index="1" data-src="https://p3.pstatp.com/large/pgc-image/15294738034177b8c598727" style="opacity: 1;"></p></div><p>中兴禁令可以追溯到更早，美国商务部在 4 月 16 日宣布，未来 7 年内禁止美国公司向中国销售零部件，理由为中兴通讯违反了美国的制裁条款——禁止向伊朗和朝鲜出售美国商品和技术。而在去年，中兴通讯承认其违反了制裁规定，当时中兴通讯与美国商务部达成协议：中国将会处罚参与交易的中兴员工。但美国商务部表示，中兴通讯未能维持协议，只解雇了 4 名高级职员，未减少其余 35 名员工的奖金。美国商务部长 Wilbur Ross 对中兴通讯非处罚仍奖励的做法表示不可容忍。</p><p>禁令一出，17 日，中兴 A 股、H 股双双停牌。中兴也随即成立了危机小组，全面评估此事造成的影响并积极与各方沟通。</p><p>5 月 13 日，特朗普发 Twitter 称：着手为中兴通讯提供快速「重启」的方案，对中兴的制裁使太多中国人丢掉了工作，中兴事件迎来转机。6 月 8 日，美国商务部发声明表示与中兴达成解除禁令的协议。根据新的协议，中兴需要达成以下三点：需要支付 14 亿美金罚款，其中包括 4 亿美金的「保证金」，以免类似违规再次发生；美国选定合规官员进驻中兴，为期 10 年；中兴还需要在未来 30 天内更换管理层。</p><p>中兴作为美国智能手机市场的第四大厂商，美国的芯片厂商也不会轻易地放弃中国市场。法案生效之前，特朗普仍有机会劝说议员在最终法律中删除对中兴通讯的销售禁令。</p><p>受此影响，处于「困境」中的中兴通讯港股 6 月 19 日收跌 24.81%，报价 9.85 港元每股，6 月 13 日复牌以来累计下跌超过 60%。而更大的麻烦在于中兴关系着全球最大的两个经济体之间的贸易局势，在特朗普威胁对 2000 亿美元的中国商品征收新关税后，中美贸易关系紧张升级再度引发担忧。</p><div class="pgc-img"><p class="img-wrapper-embedded" style="width: 100%; min-height: 230.871px;"><img src="https://p3.pstatp.com/large/pgc-image/1529473802445ca15ed82c0" img_width="750" img_height="499" inline="0" alt="中兴禁令解除在美国参议院遇阻，中兴连续跌停，贸易局势引担忧" onerror="javascript:errorimg.call(this);" data-index="2" data-src="https://p3.pstatp.com/large/pgc-image/1529473802445ca15ed82c0" style="opacity: 1;"></p></div><p>根据第一财经报道，中国的芯片市场需求占全球 50% 以上，而 90% 依赖于进口，国产芯片只能自供 8%。中国企业在芯片设计、制造等方面存在短板。中兴不是「特例」，中兴所面临的困境，是中国电子通信行业需要面对的共同挑战。对此，中国企业唯有掌握核心技术，才能经受得住外界的打击。</p></div></div></article>`;

var acc_angle = [];
document.addEventListener('DOMContentLoaded', () => {
    const alert_begin = `<center id="alert_center"><h2>接下来你将阅读五篇文章并浏览3张图片<h2><button id="alert_button" class="btn btn-primary"><h3>点击开始采集数据</h3></button></center>`
    const alert_begin_node = $.parseHTML(alert_begin);
    const body = $('.container');
    body.append(alert_begin_node);

    const next_button = `<center><button id="alert_button" class="btn btn-primary" onclick="toNextNews()"><h4>点击查看下一条数据</h4></button></center>`;
    $('#alert_button').click(() => {
        $(alert_begin_node).fadeOut(500, () => {
            $(alert_begin_node).remove();
            body.append($.parseHTML(next_button));
            toNextNews();
            window.addEventListener("deviceorientation", handleOrientation, true);
            window.addEventListener("devicemotion", handleMotion, true);
            window.addEventListener('touchstart', handleTouchStart, false);
            window.addEventListener('touchend', handleTouchEnd, false);
        });
    });


});

var startX, startY, touchBeginTime;

function handleTouchStart(e) {
    startX = e.touches[0].clientX;
    startY = e.touches[0].clientY;
    touchBeginTime = new Date().getTime();
}

var endX, endY, touchEndTime, deltaTime;
var touch_data = [];

function handleTouchEnd(e) {
    endX = e.changedTouches[0].clientX;
    endY = e.changedTouches[0].clientY;
    touchEndTime = new Date().getTime();
    deltaTime = touchEndTime - touchBeginTime;
    touch_data.push([startX, startY, touchBeginTime, endX, endY, touchEndTime]);

}

function toNextNews() {
    const body = $('.container');
    // const news_node = $.parseHTML(eval('news' + i))[0];
    $('article').remove();
    // body.append(news_node);
    $($.parseHTML(eval('news' + i))).insertBefore('center');
    if (i === 1) {
        $('center').remove();
        var toPicButton = `<center><button id="alert_button" class="btn btn-primary" onclick="toPics()"><h4>点击查看图片</h4></button></center>`;
        body.append($.parseHTML(toPicButton));

    }
    i++;

    $('html,body').scrollTop(0);


}

function handleOrientation(event) {
    // var absolute = event.absolute;
    var alpha = event.alpha;
    var beta = event.beta;
    var gamma = event.gamma;
    var timestamp = new Date().getTime();

    acc_angle.push([alpha, beta, gamma, timestamp]);
    // acc_angle.push([orientData,timestamp]);
}

var acc_datas = [];
var acc_with_gravitys = [];
var rot_rates = [];

function handleMotion(e) {
    var timestamp = new Date().getTime();
    var acc_data = e.acceleration;
    var acc_with_gravity = e.accelerationIncludingGravity;
    var rot_rate = e.rotationRate;
    acc_datas.push([acc_data, timestamp]);
    acc_with_gravitys.push([acc_with_gravity, timestamp]);
    rot_rates.push([rot_rate, timestamp]);
}

function toPics() {
    const carousel = `<div id="carouselDemo" class="carousel slide" data-interval="false"><div class="carousel-inner">
        <div class="item active">
             <img src="/static/pics/view1.jpg" alt="First slide">
        </div>
        <div class="item">
             <img src="/static/pics/view2.jpg" alt="Second slide">
        </div>
        <div class="item">
             <img src="/static/pics/view3.png" alt="Third slide">
        </div>
</div></div>`;
    var body = $('.container');
    body.html('');
    body.append($.parseHTML(carousel));
    $("#carouselDemo").carousel();
    const moreAnimation = `
<div class="space">
<div class="center_alert"><h1 style="text-align: center;margin-top: 10%;color: #fff;"><p>你已完成所有训练项目</p><p>感谢您的参与!</p></h1></div>
  <div class="ship">
    <div class="ship-rotate">
      <div class="pod"></div>
      <div class="fuselage"></div>
    </div>
  </div>
  <div class="ship-shadow"></div>
  <div class="mars">
    <div class="tentacle"></div>
    <div class="flag">
      <div class="small-tentacle"></div>
    </div>
    <div class="planet">
      <div class="surface"></div>
      <div class="crater1"></div>
      <div class="crater2"></div>
      <div class="crater3"></div>
    </div>
  </div>
  <div class="test"></div>
</div>`;
    var moreAnimationNode = $.parseHTML(moreAnimation);
    $('#carouselDemo').on('slid.bs.carousel', '', function () {
        var $this = $(this);

        $this.children('.carousel-control').show();
        if ($('.carousel-inner .item:last').hasClass('active')) {
            $this.children('.right.carousel-control').hide();
            $('#carouselDemo').fadeOut(1000, () => {
                $('#carouselDemo').remove();
            });
            sendRequest('/server/register_keystroke/', {
                'acc_datas': acc_datas,
                'acc_with_gravitys': acc_with_gravitys,
                'rot_rates': rot_rates,
                'acc_angle': acc_angle,
                'touch_data': touch_data
            })
                .then((res) => {
                    console.log('res:' + res);
                    setTimeout(() => {
                        $('body').after(moreAnimationNode)
                    }, 1000)
                });

        }
    });


}

function sendRequest(url, data) {
    return new Promise((resolve) => {
        $.post(
            url,
            JSON.stringify(data),
            (data) => {
                console.log(data);
                resolve(data);
            },
            'text'
        ).fail(function () {
            alert('传输失败，请重新进行手机认证部分测试')
        });
    })

}

function addNextButton(news, next_news) {
    const next_button = `<center><button id="alert_button" class="btn btn-primary" onclick=""><h4>点击查看下一条数据</h4></button></center>`;
    var news = news + next_button;
    var next_news = next_news + next_button;
    var body = $('.container');
    const news_node = $.parseHTML(news);
    body.append(news_node);

    $('#alert_button').click(() => {
        let article = $('.article');
        let alert_button = $('#alert_button');
        article.fadeOut(500, () => {
            article.remove()
        });
        alert_button.fadeOut(500, () => {
            alert_button.remove();
            // const next_news_node = $.parseHTML(next_news);
            // body.append(next_news_node);
        });

    });

}