【WEB前端全栈成长计划】第二阶段·每周学习笔记征集帖为了巩固大家的学习成果，紧跟学习进度请将需要完成的每周学习笔记按要求回复到本帖下方按要求格式回复即可获得积分累计阶段奖品，还能有机会获得附加幸运奖哦~征集时间2020.07.13-2020.08.09 23:59征集要求在本帖中，回复自己本周课程内容的学习笔记回复格式：华为云ID+笔记内容，并分享些读书心得（字数≥200字）示例图如下：奖励方式每周每篇有效笔记可获得5积分阶段学习将以积分排行榜的形式，对前300名小伙伴进行奖励哦！此外还有附加奖励，每周在本周内提交学习笔记的用户中，抽取10位幸运奖奖励华为云定制鼠标垫 积分排行榜奖品 活动注意事项1. 学习任务提交后，小助手会在本阶段学习周期内，按序完成审核，并增加活动积分；2. 本次活动通过完成提交学习笔记任务，可获得的积分上限为5分/每周；3. 请务必按照上述要求提交内容，以免影响积分增加；4. 若积分值相同则以完成学习任务的时间先后排序，其中任务完成时间的判定优先级为：提交前端技术文章>提交每周学习笔记>每章随堂测验打卡；5. 其他积分获取方式请查看活动社群公告。想了解更多关于全栈成长计划课程内容请移步主帖：https://bbs.huaweicloud.com/forum/thread-57007-1-1.html除了本帖任务，其他学习任务可以通过以下链接进行查看：查看随堂测验打卡帖：https://bbs.huaweicloud.com/forum/thread-65149-1-1.html查看前端技术文章征集帖：https://bbs.huaweicloud.com/forum/thread-65150-1-1.html

【WEB前端全栈成长计划】第二阶段·前端技术文章征集帖（请严格按照回复示例进行回复，格式不对会影响获奖哦~） 为了巩固大家的学习成果，紧跟学习进度请将需要完成的前端技术文章内容按要求回复到本帖下方按要求格式回复即可获得积分累计阶段奖品，还能有机会获得附加幸运奖哦~征集时间2020.07.13-2020.08.09 23:59征集要求1.本学习阶段任意时间内，在【华为云】-【博客】发表与WEB前端开发的任意博客内容，可以是开发技术技巧，可以是开发心得体会，不可以发布课程笔记作为博文，将文章链接回复至本帖内2.文章需为原创，在发布博客时，需要勾选文章创作类型：原创文章一项。用户承诺，发表的文章不存在任何知识产权问题并自行承担全部责任3.文章字数≥600字，图文并茂，不得抄袭网站课程，需写自己的理解和技术分享4.回复格式：华为云ID+博客文章链接5.如果曾在外部博客发表过的文章，可将文章迁移到华为云博客即可6.技术文章由华为技术专家评审，评审通过会对应的积分，不过专家会给出对应的评语且积分为0奖励方式每阶段每篇有效博客文章可获得10积分，每阶段获取上限100分，阶段学习将以积分排行榜的形式，对前300名小伙伴进行奖励哦！此外还有附加奖励，每阶段奖励作者300元华为云代金券/篇每阶段评选1-3篇最佳博文，奖励华为GT智能手表~积分排行榜奖品                                                 活动注意事项1. 学习任务提交后，小助手会在本阶段学习周期内，按序完成审核，并增加活动积分；2. 本次活动通过完成提交前端技术文章博客链接任务，可获得的积分上限为100分/每阶段；3. 请务必按照上述要求提交内容，以免影响积分增加；4. 若积分值相同则以完成学习任务的时间先后排序，其中任务完成时间的判定优先级为：提交前端技术文章>提交每周学习笔记>每章随堂测验打卡；5. 其他积分获取方式请查看活动社群公告。想了解更多关于全栈成长计划课程内容请移步主帖：https://bbs.huaweicloud.com/forum/thread-57007-1-1.html除了本帖任务，其他学习任务可以通过以下链接进行查看：查看随堂测验打卡帖：https://bbs.huaweicloud.com/forum/thread-65149-1-1.html查看学习笔记征集帖：https://bbs.huaweicloud.com/forum/thread-65152-1-1.html

【WEB前端全栈成长计划】第二阶段·每章随堂测验打卡帖已结束，二阶段总积分请移至主帖查看积分排行榜（请严格按照回复示例进行回复，格式不对会影响获奖哦~）（回复格式：华为云ID+截图）为了巩固大家的学习成果，紧跟学习进度请将需要完成的每章随堂测验内容按要求回复到本帖下方按要求格式回复即可获得积分累计阶段奖品，还能有机会获得附加幸运奖哦~打卡时间2020.07.13-2020.08.09 23:59打卡要求在本帖中，回复对应章节的随堂测验并提交截图 ↓                                              回复格式：华为云ID+课程完成截图，如图所示↓↓↓华为云ID：grandmaster奖励方式每章节每次有效打卡可获得2积分阶段学习将以积分排行榜的形式，对前300名小伙伴进行奖励！此外还有附加奖励，每周在本周内提交随堂测验的用户中随机抽取10位幸运奖奖励华为云定制数据线 积分排行榜奖品 活动注意事项 由于本帖回复内容为随堂测试结果，已设置回帖仅版主可见1. 学习任务提交后，小助手会在本阶段学习周期内，按序完成审核，并增加活动积分；2. 本次活动通过完成随堂测验打卡任务，可获得的积分上限为2分/每章节；3. 请务必按照上述要求提交内容，以免影响积分增加；4. 若积分值相同则以完成学习任务的时间先后排序，其中任务完成时间的判定优先级为：提交前端技术文章>提交每周学习笔记>每章随堂测验打卡；5. 其他积分获取方式请查看活动社群公告。想了解更多关于全栈成长计划课程内容请移步主帖：https://bbs.huaweicloud.com/forum/thread-57007-1-1.html除了本帖任务，其他学习任务可以通过以下链接进行查看：查看学习笔记征集帖：https://bbs.huaweicloud.com/forum/thread-65152-1-1.html查看前端技术文章征集帖：https://bbs.huaweicloud.com/forum/thread-65150-1-1.html

华为云

说明：这个是先发了博客，有云友点评说复制了我的代码，看不出效果。就在这里贴一下。这边好像是可以有附件的。至理名言——不会挖坑就是不会学习——是作者本人说的。这不，这几天要做 WEB前端全栈成长计划 的考核题，检验自己是真本事还是假把式的时候到了。我们的“理想”（也就是考题）是想得到这样一个图：点击后可以进入不同的页面。张小白颤颤巍巍地写下以下几行代码：        /* 导航的链接栏 */         .nav-left-box {             color: #293040;             height: 60px;             float:left;             position: relative;         }                  <span class="nav-left-box">                      <span id="navagate0" class="nav-text"><a href="https://classroom.devcloud.huaweicloud.com/home">首页</a></span>             <span id="navagate1" class="nav-text"><a href="https://classroom.devcloud.huaweicloud.com/home/course/teachingmarket">教学市场</a></span>             <span id="navagate2" class="nav-text"><a href="https://classroom.devcloud.huaweicloud.com/home/course/cloudclassroom">云课堂</a></span>             <span id="navagate3" class="nav-text"><a href="https://classroom.devcloud.huaweicloud.com/home/course/microauthentication">培训认证</a></span>             <span id="navagate4" class="nav-text"><a href="https://classroom.devcloud.huaweicloud.com/home/course/cloudlab">云端实验室</a></span>             <span id="navagate5" class="nav-text"><a href="https://classroom.devcloud.huaweicloud.com/home/experimentalclass">新工科试验班</a></span>             <span id="navagate6" class="nav-text"><a href="https://bbs.huaweicloud.com/forum/forumdisplay-fid-708-orderby-lastpost.html">学习交流</a></span>         </span>预览一下：怎么链接不起作用？咋回事？审查元素吧：这是什么鬼？还有这样的解析方式？我中毒了吗？浏览器被劫持了？斜杠青年的斜杠被夺走了？我岂不是变成了一个无杠青年？居然每个链接都如此：问了几个人，说可能混进了什么不可见字符。VSCode这里是UTF-8编码重新删除http这段，另行手打一行，保存后，居然就能正常显示：看样子好像没啥变化，但是实质上预览页面已经正常有链接了。我们如法炮制，手写一行<a href="">XXX</a>，将未显示链接的那段链接剪贴后，在浏览器上打开，再去浏览器ctrl-c, ctrl-v,将链接拷回到新写的哪一行的引号内。你会发现，这些链接又都能出来了——这就是斜杠青年斜杠失而复得的过程。是为记。---------------------------本人仅仅是提出了解决问题的方法，并没有分析出这个出现这个问题的根本原因。这无疑是文章的最大缺憾之一。但是不要紧，我们先要知道怎么改，再去研究为啥要这么改。。。。其实Po主确实也用UE看了下16进制的HTML文件的区别，发现那几个问题的位置好像确实没啥区别。。。所以确实不是作者没写出来，而是作者确实写不出来。因为作者确实只是个第一阶段能力的小白。好在这里可以发附件。附件来了。。。有请大神。。。（最好是压缩包解压后试验，wrong是木有链接的，right是有链接的）

 号外！号外！号外！听说华为云最近推出了具有超高性价比的竞享实例完美匹配离线渲染、视频转码、Web应用、AI智能、基因测试、CI/CD与测试等场景高容错、可中断业务场景，最高节省85%的用云成本。这就意味着：原来购买1台云服务器的钱现在可以买6台云服务器啦！【查看价格详情】 竞享实例具有哪些优势？ü  价格优惠：同规格同性能的机型价格低至按需实例的1.5折。ü  性能优异：支持华为云C系列高性能云服务器，可支撑高性能业务的需求。ü  规模运行：支持申请超大规模算力用于业务快速闭环。ü  灵活便捷：随取随用，用户根据业务量选择购买时长，到期后自动释放实例。 但竞享实例使用与按需和包周期实例使用有所区别，小编贴心为大家整理了竞享实例使用小贴士，6个小技巧帮大家在竞享实例上完美运行任务！ 

（第一阶段最终考核打卡回帖已结束，请大家耐心等到考核评分和总积分排行）经过了一个月的学习时间，WEB前端全栈成长计划第一阶段课程内容已经全部更新完毕，感谢大家跟随着课程的一章章更新。◎积极完成每章的随堂测验打卡，做到了课后的知识强化与巩固；◎认真完成每周读书笔记打卡，将自己的学习心得总结下来；◎高效完成阶段任务技术文章打卡，分享自己学习前端的经验。现在，大家迎来了第一阶段考核，让我们来看一下考核的具体内容▶考核打卡时间：2020.07.03-2020.07.09 23:59  ▶考核评分时间：07.10-07.20（考核内容众多，老师正在抓紧时间评分中~）▶考核途径：点击下方链接，选择【第一阶段考核作业】https://classroom.devcloud.huaweicloud.com/classdetail/35db64c4c0924b228a02d2d1e0232764/job▶考核要求：进入考核页面后，点击“查看习题描述”，详细阅读考核要求和评判标准后再进入考核，提交机会有2次，请大家认真作答。▶打卡要求：1.20000字符内：在本帖下方，回复考核答题页面截图1张+提交程序运行后的截图1张（如需上传多张截图，请一张张上传到同一楼层/回复帖中，多次回复占楼视为无效）2.20000字符外：在本帖下方，回复运行后截图2张，将本地编辑源代码和运行结果图片以压缩包的形式上传到回复帖中▶打卡方式：方式1：***正确的回复格式：华为云ID+微信号+姓名+考核答题截图（2张）华为云ID：grandmaster  微信号：hwcloud01姓名：云上花木兰截图均放在一个楼层中，多次占楼无效哈~方式2：***正确的回复格式：华为云ID+微信号+姓名+运行截图（2张）华为云ID：grandmaster  微信号：hwcloud01姓名：云上花木兰重要提示：请严格按照回复示例进行回复，本次为阶段末考核项目，如果没有按照要求的格式进行回复，版主将不予提示，同时不计入考核结果，会影响考核证书及奖品的发放哦~▶考核评分：提交考核内容后由专家老师根据评分标准评分，满分100分，分数于7月13日23:59前公布，可自行在考核页面查看。▶评分标准：提交页面与classroom首页接近；页面的完成度高；HTML和CSS代码书写规范；使用的代码简练；页面中的图片资源不作要求，可以使用任意图片代替。 ▶考核奖励：◎参与最后考核并回复本帖，就可得到电子版证书（证书上会根据大家的回复的真实姓名填写信息，请大家在留信息时注意）参与考核，人人有份，证书由1号小助手微信点对点发放，没添加小助手微信的朋友添加一下hwcloud01，证书将在第一阶段结束后10个工作日内发放，请大家耐心等待哦~◎考核分数≥60分并回复本帖，另外奖励华为云定制数据线一条（数量有限，先到先得，按回帖时间发放，占楼无效！）◎参与考核即可获得20积分累计到总积分中，赢取最后积分大奖；大家别忘了随堂测验，读书笔记和技术文章回复打卡截止日期为7月5日23:59，抓紧时间打卡呀~最佳博文还可能得到HUAWEI GT智能手表哦~积分排行细则积分排行榜奖品活动注意事项1.由于本帖回复内容为阶段考核测试内容，并涉及到个人隐私，已设置回帖仅版主可见，请大家放心回复2.请大家务必在考核规定时间7月9日 23:59内完成考核回帖打卡，否侧将影响证书和奖品的发放3.积分和考核奖品我们会在考核阶段结束后10个工作日内整理完毕，发放奖品4.第二阶段课程将于7月中旬开课，详细报名情况和课程安排请大家先了解课程大纲  https://developer.huaweicloud.com/resource/roadmap/website.html

   抓包发现 :      发现平台发送了 我接收不了

这是构建物联网平台的智慧路灯应用，是微认证里面那个，但是在最后测试的时候，利用测试软件发送消息，在接入设备的那个界面通过不断刷新可以看到最新的数据，但是在web页面没有反应，刷新与否都不会数据出现。请问这个可能是我哪部分出错了？

【文章的来源（华为云社区）】一、jQuery动画效果jQuery提供的一组网页中常见的动画效果，这些动画是标准的、有规律的效果；同时还提供给我们了自定义动画的功能。1、显示动画方式一：无参数，表示让指定的元素直接显示出来。其实这个方法的底层就是通过display: block;实现的。$("div").show();方式二：通过控制元素的宽高、透明度、display属性，逐渐显示，例如：3秒后显示完毕。$('div').show(3000);方式三：和方式二类似，也是通过控制元素的宽高、透明度、display属性，逐渐显示。$("div").show("slow");参数说明：slow 慢：600ms normal 正常：400ms fast 快：200ms方式四：动画执行完后，立即执行回调函数。//show(毫秒值，回调函数;     $("div").show(5000,function () {         alert("动画执行完毕！");     });总结：上面的四种方式几乎一致：参数可以有两个，第一个是动画的执行时长，第二个是动画结束后执行的回调函数。2、隐藏动画方式参照上面的show()方法的方式。如下：    $(selector).hide();     $(selector).hide(1000);      $(selector).hide("slow");     $(selector).hide(1000, function(){});练习 ： 实现点击按钮显示盒子，再点击按钮隐藏盒子实现点击按钮显示盒子，再点击按钮隐藏盒子：<!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title></title>         <style type="text/css">             #box{                 width: 200px;                 height: 200px;                 background-color: green;                 border: 1px solid red;                 display: none;             }         </style>     </head>     <body>         <div id="box">                 </div>         <button id="btn">隐藏</button>         </body>     <script src="jquery-3.3.1.js"></script>        <script type="text/javascript">                 //jquery 提供了一些方法 show() hide() 控制元素显示隐藏         var isShow = true;         $('#btn').click(function(){             if(isShow){                 $('#box').show('slow',function(){                     $(this).text('盒子出来了');                                 $('#btn').text('显示');                     isShow = false;                 })             }else{                 $('#box').hide(2000,function(){                     $(this).text('');                         $('#btn').text('隐藏');                     isShow = true;                                     })             }         })                 </script> </html>3、开关式显示隐藏动画$('#box').toggle(3000,function(){});显示和隐藏的来回切换采用的是toggle()方法：就是先执行show()，再执行hide()。代码如下：$('#btn').click(function(){             $('#box').toggle(3000,function(){                 $(this).text('盒子出来了');                     if ($('#btn').text()=='隐藏') {                     $('#btn').text('显示');                     }else{                     $('#btn').text('隐藏');                     }             });         })4、滑入和滑出1、滑入动画效果：（类似于生活中的卷帘门）:下拉动画，显示元素。$(selector).slideDown(speed, 回调函数);注意：省略参数或者传入不合法的字符串，那么则使用默认值：400毫秒（同样适用于fadeIn/slideDown/slideUp）2、滑出动画效果： 上拉动画，隐藏元素。$(selector).slideUp(speed, 回调函数);3、滑入滑出切换动画效果：$(selector).slideToggle(speed, 回调函数);代码如下：示例：<!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title></title>     <style>         div {             width: 300px;             height: 300px;             display: none;             background-color: green;         }     </style>     <script src="jquery-3.3.1.js"></script>     <script>         $(function () {             //点击按钮后产生动画             $("button:eq(0)").click(function () {                 //滑入动画： slideDown(毫秒值，回调函数[显示完毕执行什么]);                 $("div").slideDown(2000, function () {                     alert("动画执行完毕！");                 });             })             //滑出动画             $("button:eq(1)").click(function () {                 //滑出动画：slideUp(毫秒值，回调函数[显示完毕后执行什么]);                 $("div").slideUp(2000, function () {                     alert("动画执行完毕！");                 });             })             $("button:eq(2)").click(function () {                 //滑入滑出切换（同样有四种用法）                 $("div").slideToggle(1000);             })         })     </script> </head> <body> <button>滑入</button> <button>滑出</button> <button>切换</button> <div></div> </body> </html>5、淡入淡出动画1、淡入动画效果：让元素以淡淡的进入视线的方式展示出来。 $(selector).fadeIn(speed, callback);2、淡出动画效果：让元素以渐渐消失的方式隐藏起来$(selector).fadeOut(1000);3、淡入淡出切换动画效果：通过改变透明度，切换匹配元素的显示或隐藏状态。$(selector).fadeToggle('fast', callback);参数的含义同show()方法。代码如下：示例：<!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title></title>     <style>         div {             width: 300px;             height: 300px;             display: none;             /*透明度*/             opacity: 0.5;             background-color: red;         }     </style>     <script src="jquery-3.3.1.js"></script>     <script>         $(function () {             //点击按钮后产生动画             $("button:eq(0)").click(function () { //                //淡入动画用法1:   fadeIn();   不加参数                 $("div").fadeIn(); //                //淡入动画用法2:   fadeIn(2000);   毫秒值 //                $("div").fadeIn(2000); //                //通过控制  透明度和display                 //淡入动画用法3:   fadeIn(字符串);   slow慢：600ms   normal正常:400ms   fast快：200ms //                $("div").fadeIn("slow"); //                $("div").fadeIn("fast"); //                $("div").fadeIn("normal");                 //淡入动画用法4:   fadeIn(毫秒值，回调函数[显示完毕执行什么]); //                $("div").fadeIn(5000,function () { //                    alert("动画执行完毕！"); //                });             })             //滑出动画             $("button:eq(1)").click(function () { //                //滑出动画用法1:   fadeOut();   不加参数                $("div").fadeOut(); //                //滑出动画用法2:   fadeOut(2000);   毫秒值 //                $("div").fadeOut(2000);  //通过这个方法实现的：display: none; //                //通过控制  透明度和display                 //滑出动画用法3:   fadeOut(字符串);   slow慢：600ms   normal正常:400ms   fast快：200ms //                $("div").fadeOut("slow"); //                $("div").fadeOut("fast"); //                $("div").fadeOut("normal");                 //滑出动画用法1:   fadeOut(毫秒值，回调函数[显示完毕执行什么]); //                $("div").fadeOut(2000,function () { //                    alert("动画执行完毕！"); //                });             })             $("button:eq(2)").click(function () {                 //滑入滑出切换                 //同样有四种用法                 $("div").fadeToggle(1000);             })             $("button:eq(3)").click(function () {                 //改透明度                 //同样有四种用法                 $("div").fadeTo(1000, 0.5, function () {                     alert(1);                 });             })         })     </script> </head> <body> <button>淡入</button> <button>淡出</button> <button>切换</button> <button>改透明度为0.5</button> <div></div> </body> </html>6、自定义动画语法：$(selector).animate({params}, speed, callback);作用：执行一组CSS属性的自定义动画。第一个参数表示：要执行动画的CSS属性（必选）第二个参数表示：执行动画时长（可选）第三个参数表示：动画执行完后，立即执行的回调函数（可选）代码如下：示例：<!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title></title>     <style>         div {             position: absolute;             left: 20px;             top: 30px;             width: 100px;             height: 100px;             background-color: green;         }     </style>     <script src="jquery-3.3.1.js"></script>     <script>         jQuery(function () {             $("button").click(function () {                 var json = {"width": 500, "height": 500, "left": 300, "top": 300, "border-radius": 100};                 var json2 = {                     "width": 100,                     "height": 100,                     "left": 100,                     "top": 100,                     "border-radius": 100,                     "background-color": "red"                 };                 //自定义动画                 $("div").animate(json, 1000, function () {                     $("div").animate(json2, 1000, function () {                         alert("动画执行完毕！");                     });                 });             })         })     </script> </head> <body> <button>自定义动画</button> <div></div> </body> </html>7、停止动画$(selector).stop(true, false);参数说明：第一个参数： true：后续动画不执行。 false：后续动画会执行。 第二个参数： true：立即执行完成当前动画。 false：立即停止当前动画。PS：参数如果都不写，默认两个都是false。实际工作中，直接写stop()用的多。示例：鼠标悬停，弹出下拉菜单：<!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title></title>     <style type="text/css">         * {             margin: 0;             padding: 0;         }         ul {             list-style: none;         }         .wrap {             width: 330px;             height: 30px;             margin: 100px auto 0;             padding-left: 10px;             background-color: pink;         }         .wrap li {             background-color: green;         }         .wrap > ul > li {             float: left;             margin-right: 10px;             position: relative;         }         .wrap a {             display: block;             height: 30px;             width: 100px;             text-decoration: none;             color: #000;             line-height: 30px;             text-align: center;         }         .wrap li ul {             position: absolute;             top: 30px;             display: none;         }     </style>     <script src="jquery-3.3.1.js"></script>     <script>         //入口函数         $(document).ready(function () {             //需求：鼠标放入一级li中，让他里面的ul显示。移开隐藏。             var jqli = $(".wrap>ul>li");             //绑定事件             jqli.mouseenter(function () {                 $(this).children("ul").stop().slideDown(1000);             });             //绑定事件(移开隐藏)             jqli.mouseleave(function () {                 $(this).children("ul").stop().slideUp(1000);             });         });     </script> </head> <body> <div>     <ul>         <li>             <a href="javascript:void(0);">一级菜单1</a>             <ul>                 <li><a href="javascript:void(0);">二级菜单2</a></li>                 <li><a href="javascript:void(0);">二级菜单3</a></li>                 <li><a href="javascript:void(0);">二级菜单4</a></li>             </ul>         </li>         <li>             <a href="javascript:void(0);">二级菜单1</a>             <ul>                 <li><a href="javascript:void(0);">二级菜单2</a></li>                 <li><a href="javascript:void(0);">二级菜单3</a></li>                 <li><a href="javascript:void(0);">二级菜单4</a></li>             </ul>         </li>         <li>             <a href="javascript:void(0);">三级菜单1</a>             <ul>                 <li><a href="javascript:void(0);">三级菜单2</a></li>                 <li><a href="javascript:void(0);">三级菜单3</a></li>                 <li><a href="javascript:void(0);">三级菜单4</a></li>             </ul>         </li>     </ul> </div> </body> </html>上方代码中，关键的地方在于，用了stop函数，再执行动画前，先停掉之前的动画。

发文的版块名：博客发文的标题名：WEB学习进阶之路四帖子内容链接：https://bbs.huaweicloud.com/blogs/178453如不能通过请说明详细原因，我再修改，谢谢！

我想请教各位前辈一个关于北向应用与OceanConnect平台对接的问题。背景：我用的是旧版平台。因为这个平台我之前就用过，所以用的比较习惯。但是之前也只进行了南向设备接入，现在想与北向应用对接。我的理解是这样，不知道对不对，还望各位前辈订正。北向对接有两种方式：一种是直接使用应用软件与之对接，这要使用Appid、AppKey和CA证书等信息，平台信息鉴权后接入，但这需要应用软件周期性查询平台数据，也用不到web服务器，应用软件属于被动查询的方式，平台上的Java Demo Https应该就是这种方式？另一种就是订阅推送的方式了，将Web服务器（如华为云、阿里云等服务器）的Url接口和OceanConnect平台进行订阅绑定，然后主动接收平台变更的信息，这个时候应用服务器属于主动接收的方式，只要有数据就会推送过来，然后应用服务器再将接收的数据进行存储就可以了。。不知道这个思路对不对，我是做嵌入式的，对北向应用软件不是太熟，最近看了一些资料，思路这样对吗？谢谢各位前辈指点...

亲爱的开发者们相信大家已经关注华为云有段时间了你关注和加入华为云的原因是什么领先全栈全场景的普惠AI功能鲲鹏，昇腾，5G，loT等技术的一把抓还是力争构建智能世界的伟大信念更或者是因为Made in China的根本......你最想get华为云哪一点你是不是也很希望跟着华为云大牛学到很多既干又优质的正经技术让自己Made in HUAWEISo，华为云这次推出【华为云WEB前端全栈开发者成长计划】不玩虚的不挖坑，只为帮你get到你想要的东西3个月，全程免费学习构建前端全栈技能体系                                               1.什么是【WEB前端全栈成长计划】本次课程是华为云精心为开发者们准备的前端全栈课程，集成华为研发经验的高质量前端课程，覆盖HTML/JavaScript/Node.js等华为云技术核心知识点，为你构建前端全栈技能体系，助力前端技能快速提升，向全栈工程师迈进！向了解华为云更进一步！ ◎适合人群：阶段1：0基础想要进阶的开发者（学生/0基础开发者皆可）阶段2/3：想要全面完善前端技术框架，学习华为云开发技术的开发者向下翻看报名二维码，点击报名，立得300码豆 2. 进阶式学习，看谁能“一战到底”◎活动招募启动：（05/22）◎L1：前端基础入门（06/08-06/30 ~4周）◎L2：迈入脚本及框架开发（07/01-07/31 4~6周）◎L3：全栈化进阶（08/03-08/31 4~6周）◎考试进阶：练习考核认证（~1周） 3. “战利品”必不可少且相当丰厚根据课程段位不同，奖品也不同，奖品详情如下：  4. 报名时间及方式具体活动、课程及奖品详情识别下方二维码还在等什么，马上行动吧~长按识别，马上参与 各位开发者小哥哥/小姐姐，现在立即报名【全栈开发者课程】即送300华为云码豆和预前课程；还有，我们特意开设了【全栈开发者学习群】，组织小伙伴们一起学习交流，帮你答疑解惑，助你查缺补漏，还有技术大牛不定时空降群内发福利，更有超多惊喜进阶奖励等着泥萌哦~~~ 赶紧识别下方二维码或搜索【华为云小助手01】微信号：hwcloud01 带你进入学习群吧~z   今天有WEB前端全栈开发者成长计划明天就会有鲲鹏，昇腾，物联网等各技术领域排队和大家来一场这样的面对面定会让你受益匪浅离华为云更近的机会就在这里请各位开发者和预备开发者抓紧时间，立即报名祝/助各位开发者们成长快乐鸭~

作者：doodlewind链接：https://www.zhihu.com/question/396878847/answer/1261374042来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。据本台刚刚收到的消息，SpaceX 龙飞船的触控 UI 基于 Chromium + JavaScript 技术栈开发，开放的 Web 技术就此成为了人类首个应用到载人航天领域的 GUI 技术栈。相信这对数百万前端开发者们来说是个更为历史性的时刻。这个基于 Web 技术打造的触控 UI 界面是这样的：<img src="https://pic4.zhimg.com/50/v2-42d7b42106770263c825f25aeb2b1f4d_hd.jpg" data-rawwidth="1020" data-rawheight="675" data-size="normal" data-caption="" data-default-watermark-src="https://pic3.zhimg.com/50/v2-02e88afdb2468a01437ab97b19afa174_hd.jpg" class="origin_image zh-lightbox-thumb" width="1020" data-original="https://pic4.zhimg.com/v2-42d7b42106770263c825f25aeb2b1f4d_r.jpg"/>这个消息可能为业界带来什么重大影响呢？下面是本台洋葱新闻时间：仅在一夜之间，Electron 风评即由「笨重臃肿的 Chrome 马甲套壳」变成了「稳定安全的航天级 GUI 基础架构」。在飞船 UI 系统宕机时，宇航员手册中记载了最后的应急方案，那就是删掉 node_modules 然后 npm install。「面试造火箭」一语成谶，「宇宙飞船 UI 架构设计」现已加入 BAT 前端面试题库。前端培训班题材纷纷由「高仿美团饿了么首页」转向「高仿宇宙飞船控制台」，全套教学视频 + 源码仅需 998。各大前端框架争相游说各国载人航天团队，史称前端太空竞赛。社区开始争论 React Hooks 和 Vue Composition API 哪个更适合登月。SpaceMVC 项目取代 TodoMVC，成为了下一个前端框架的 battle 标准。工程师一旦发现飞船超重，第一个排查问题的位置就是 node_modules。某国湿婆神号飞船任务失败，原因竟是该国程序员屏幕上的咖喱混淆了 == 和  ===，导致类型比较出错。言归正传，这条新闻的出处仅仅是一条非官方的 Tweet。在 Fake News 横行的今天，怎样确定龙飞船 2 号用的就是 JavaScript 呢？SpaceX 并没有开源他们的技术栈，但仍然有不少可供交叉验证的有趣信息源，今天摸到了条大鱼啊（笑）。首先，推文中附上了四年前 Stack Exchange 上 对猎鹰 9 号计算机技术栈的讨论，其中的主要信息源则是 Reddit 上 SpaceX 软件团队的 AMA 介绍 。另外，Hacker News 上近期也有活跃的 后续讨论帖。这里对其中（与 GUI 部分相关的）主要信息整理如下：龙飞船 2 号和猎鹰 9 号的飞控软件系统基于 Linux，其底层均由 C/C++ 实现。Chromium + JavaScript 属于这一系统中的太空舱界面（flight interface）部分。UI 界面有 100% 的测试覆盖率，包括对图形绘制结果的验证。UI 屏幕彼此之间是完全独立的，相当于冗余备份。UI 系统可以重启，在直播中对接国际空间站时就有这样的例子。除了飞控系统中的 UI 外，SpaceX 还有其他需要 GUI 的地方。负责地面软件的团队使用 LabView 开发地面指挥中心的 GUI，企业 IT 团队则使用常见的 Web 技术栈开发项目管理、库存管理等内部后台系统。上面这些信息除了 AMA 之外都可能有偏差，主要讨论者也未必是这套触屏 UI 的实际开发者。不过稍加搜索就能发现更有趣的料，那就是这套 UI 界面设计师自己的 Portfolio 页面：<img src="https://pic3.zhimg.com/50/v2-89ec0ec5370d4abf067d5e2e56f56e33_hd.jpg" data-rawwidth="987" data-rawheight="848" data-size="normal" data-caption="" data-default-watermark-src="https://pic3.zhimg.com/50/v2-e9e2424ae6d998c63b057bced1e9b935_hd.jpg" class="origin_image zh-lightbox-thumb" width="987" data-original="https://pic3.zhimg.com/v2-89ec0ec5370d4abf067d5e2e56f56e33_r.jpg"/>看到这个页面的时候，我第一印象是这真不是「Lorem Ipsum」式的 Demo 吗……这也太梦幻了吧。但在找到设计师 AJ Fitzpartrick 的 LinkedIn 之后，基本可以确定这还真不是 PPT，有被羡慕到。所以为宇宙飞船设计触屏 UI，到底是在干嘛呢？具体细节仍然处于保密状态，但这位设计师公开的工作描述包括了这些：将航天员在飞行阶段的职责转化为软件需求，与太空运营团队合作，创建出用于驾驶舱触屏显示器的线框和 UI 流程。向 SpaceX 团队和 NASA 客户（包括龙飞船的宇航员机组在内）介绍设计和 UI 流程。基于太空旅行的独特条件，制定风格指南和设计规范，例如适应宇航员手套的触摸目标，以及保证震动时的易读性。与软件工程师紧密合作，了解硬件和技术限制，确定用户体验上的空白和设计任务的优先级。将设计产物和用于生产的素材交付给软件工程师。虽然好像也不是特别复杂，但是这牛逼真是可以吹一辈子啊……这里还有一个有趣之处，那就是这位 UI/UX 设计师此前并非来自「航空航天体制内」，而是做 App 与 Web 的设计出身的。他的代表作品包括索尼的全球设计规范和图片编辑器，还有 iOS 的社交应用等。这也体现了 SpaceX 在组建精英团队时的多元文化（例如做上面介绍的飞控软件的团队，其背景就来自于游戏、消费者软件、Web 开发、金融、电信、航空、学术界等）。所以做交互的同学们还是要有点志气，万一哪天我国的宇宙飞船也要招人做设计稿了呢？至于 SpaceX 正式对外的分享资料，则主要来自 2016 年的 GDC 分享 。他们在其中介绍了新一代软件工具技术对他们的价值：<img src="https://pic1.zhimg.com/50/v2-7c6c32ea27e7100bb56964ce12031d6d_hd.jpg" data-rawwidth="2410" data-rawheight="1419" data-size="normal" data-caption="" data-default-watermark-src="https://pic2.zhimg.com/50/v2-b15a1ad29ca638fed3e22f85f677bac2_hd.jpg" class="origin_image zh-lightbox-thumb" width="2410" data-original="https://pic4.zhimg.com/v2-7c6c32ea27e7100bb56964ce12031d6d_r.jpg"/>这页 PPT 直译过来是这样的：算力上的进步开启了全新的可能性存储、计算和渲染能力上的突破，使实现 3D 渲染和交互式地图等特性成为了可能。移动设备在重量和能耗上的改进非常显著。触摸屏已经很便宜，普及到随处可见。浏览器是界面开发的新平台各种库和框架提供了稳定的功能，并能快速实现原型。现代化的开发和调试工具提高了迭代速度。技术的跨业界通用性扩大了潜在的人选范围，减少了磨合时间。PPT 上还有专门的一页讲了触摸屏技术：<img src="https://pic4.zhimg.com/50/v2-841e0b6a2b15fbd03bf27328c68e2f60_hd.jpg" data-rawwidth="2280" data-rawheight="1227" data-size="normal" data-caption="" data-default-watermark-src="https://pic3.zhimg.com/50/v2-20f29c3f36465ffc65c6b685fb7cde1c_hd.jpg" class="origin_image zh-lightbox-thumb" width="2280" data-original="https://pic3.zhimg.com/v2-841e0b6a2b15fbd03bf27328c68e2f60_r.jpg"/>要点直译过来也很简单：将操作控制移到显示屏上后，极大地减少了空间占用和混乱。通过多个相同的显示屏，很容易实现冗余备份。触摸屏的泛用性使得开发变得容易，还能流水线式地执行训练和测试。基于软件的界面布局，提高了迭代速度。这就是新一代 UI 技术栈对航天领域的影响了。不过对于到此为止的这些内容，仍然可能会有些「这不就只是用 JS 画了点花里胡哨的东西而已吗」的质疑。但其实在即将发射的 詹姆斯·韦伯太空望远镜（JWST）里，NASA 已经在用 JavaScript 操控太空望远镜的观测计划了：在 JWST 机载架构中，活动计划均由地面上传。每个计划都包含了多个 Visit，它们通过上层的机载 JavaScript 来处理。而每个 Visit 则会包含由下层机载脚本处理的观测活动（如探测器配置、回转请求等）。这些机载脚本会构建出命令和遥测请求，从而操作观测子系统（如科学仪器、航天器总线中的姿态控制子系统等）。这个架构设计写在了介绍 JWST 的论文（JWST: Maximizing Efficiency and Minimizing Ground Systems）里，如图所示：<img src="https://pic1.zhimg.com/50/v2-3df0c3a20a3905503f3a655ca3a1ffd1_hd.jpg" data-rawwidth="500" data-rawheight="843" data-size="normal" data-caption="" data-default-watermark-src="https://pic1.zhimg.com/50/v2-4ce8985534952ed59b8c6056952b383c_hd.jpg" class="origin_image zh-lightbox-thumb" width="500" data-original="https://pic3.zhimg.com/v2-3df0c3a20a3905503f3a655ca3a1ffd1_r.jpg"/>对于这个破天荒地引入 JS 引擎的操作，其实还有另一篇论文，讲了事件驱动的 JWST 操作设计（Event-driven James Webb Space Telescope Operations）。NASA 使用的是一个由 Nombas 公司开发的普通商用级 JS 引擎，它被嵌入在了 VxWorks 实时操作系统中。论文中探讨了在 JWST 中引入事件驱动架构的优势，值得感兴趣的同学拓展一下视野。Nombas 公司在《JavaScript 20 年》中登场过。它虽然名不见经传，但其实也是首次 TC39 会议的参与者，当时的产品是名称跟 C++ 相反的 Cmm（C minus minus）语言。后来他们在此基础上研发出了嵌入式 ECMAScript 引擎 ScriptEase，亦即被 NASA 选用的产品。这家公司后来被 Openwave 收购。到此为止，我们已经看到 JavaScript 这门「罄竹难书」的语言，居然已经开始在无比高大上的航天领域崭露头角了。在《JavaScript 20 年》史书的结尾处，JS 之父 Brendan Eich 是这样为 JS 正名的：最早他们说 JavaScript 没法做「富互联网应用」。然后他们说 JavaScript 没法快起来。然后他们说 JavaScript 没法修复语言问题。然后他们说 JavaScript 没法做多核与 GPU 运算。今天我们可以再补一条：然后他们说 JavaScript 没法做航天级项目。作者：doodlewind链接：https://www.zhihu.com/question/396878847/answer/1261374042来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。据本台刚刚收到的消息，SpaceX 龙飞船的触控 UI 基于 Chromium + JavaScript 技术栈开发，开放的 Web 技术就此成为了人类首个应用到载人航天领域的 GUI 技术栈。相信这对数百万前端开发者们来说是个更为历史性的时刻。这个基于 Web 技术打造的触控 UI 界面是这样的：<img src="https://pic4.zhimg.com/50/v2-42d7b42106770263c825f25aeb2b1f4d_hd.jpg" data-rawwidth="1020" data-rawheight="675" data-size="normal" data-caption="" data-default-watermark-src="https://pic3.zhimg.com/50/v2-02e88afdb2468a01437ab97b19afa174_hd.jpg" class="origin_image zh-lightbox-thumb" width="1020" data-original="https://pic4.zhimg.com/v2-42d7b42106770263c825f25aeb2b1f4d_r.jpg"/>这个消息可能为业界带来什么重大影响呢？下面是本台洋葱新闻时间：仅在一夜之间，Electron 风评即由「笨重臃肿的 Chrome 马甲套壳」变成了「稳定安全的航天级 GUI 基础架构」。在飞船 UI 系统宕机时，宇航员手册中记载了最后的应急方案，那就是删掉 node_modules 然后 npm install。「面试造火箭」一语成谶，「宇宙飞船 UI 架构设计」现已加入 BAT 前端面试题库。前端培训班题材纷纷由「高仿美团饿了么首页」转向「高仿宇宙飞船控制台」，全套教学视频 + 源码仅需 998。各大前端框架争相游说各国载人航天团队，史称前端太空竞赛。社区开始争论 React Hooks 和 Vue Composition API 哪个更适合登月。SpaceMVC 项目取代 TodoMVC，成为了下一个前端框架的 battle 标准。工程师一旦发现飞船超重，第一个排查问题的位置就是 node_modules。某国湿婆神号飞船任务失败，原因竟是该国程序员屏幕上的咖喱混淆了 == 和  ===，导致类型比较出错。言归正传，这条新闻的出处仅仅是一条非官方的 Tweet。在 Fake News 横行的今天，怎样确定龙飞船 2 号用的就是 JavaScript 呢？SpaceX 并没有开源他们的技术栈，但仍然有不少可供交叉验证的有趣信息源，今天摸到了条大鱼啊（笑）。首先，推文中附上了四年前 Stack Exchange 上 对猎鹰 9 号计算机技术栈的讨论，其中的主要信息源则是 Reddit 上 SpaceX 软件团队的 AMA 介绍 。另外，Hacker News 上近期也有活跃的 后续讨论帖。这里对其中（与 GUI 部分相关的）主要信息整理如下：龙飞船 2 号和猎鹰 9 号的飞控软件系统基于 Linux，其底层均由 C/C++ 实现。Chromium + JavaScript 属于这一系统中的太空舱界面（flight interface）部分。UI 界面有 100% 的测试覆盖率，包括对图形绘制结果的验证。UI 屏幕彼此之间是完全独立的，相当于冗余备份。UI 系统可以重启，在直播中对接国际空间站时就有这样的例子。除了飞控系统中的 UI 外，SpaceX 还有其他需要 GUI 的地方。负责地面软件的团队使用 LabView 开发地面指挥中心的 GUI，企业 IT 团队则使用常见的 Web 技术栈开发项目管理、库存管理等内部后台系统。上面这些信息除了 AMA 之外都可能有偏差，主要讨论者也未必是这套触屏 UI 的实际开发者。不过稍加搜索就能发现更有趣的料，那就是这套 UI 界面设计师自己的 Portfolio 页面：<img src="https://pic3.zhimg.com/50/v2-89ec0ec5370d4abf067d5e2e56f56e33_hd.jpg" data-rawwidth="987" data-rawheight="848" data-size="normal" data-caption="" data-default-watermark-src="https://pic3.zhimg.com/50/v2-e9e2424ae6d998c63b057bced1e9b935_hd.jpg" class="origin_image zh-lightbox-thumb" width="987" data-original="https://pic3.zhimg.com/v2-89ec0ec5370d4abf067d5e2e56f56e33_r.jpg"/>看到这个页面的时候，我第一印象是这真不是「Lorem Ipsum」式的 Demo 吗……这也太梦幻了吧。但在找到设计师 AJ Fitzpartrick 的 LinkedIn 之后，基本可以确定这还真不是 PPT，有被羡慕到。所以为宇宙飞船设计触屏 UI，到底是在干嘛呢？具体细节仍然处于保密状态，但这位设计师公开的工作描述包括了这些：将航天员在飞行阶段的职责转化为软件需求，与太空运营团队合作，创建出用于驾驶舱触屏显示器的线框和 UI 流程。向 SpaceX 团队和 NASA 客户（包括龙飞船的宇航员机组在内）介绍设计和 UI 流程。基于太空旅行的独特条件，制定风格指南和设计规范，例如适应宇航员手套的触摸目标，以及保证震动时的易读性。与软件工程师紧密合作，了解硬件和技术限制，确定用户体验上的空白和设计任务的优先级。将设计产物和用于生产的素材交付给软件工程师。虽然好像也不是特别复杂，但是这牛逼真是可以吹一辈子啊……这里还有一个有趣之处，那就是这位 UI/UX 设计师此前并非来自「航空航天体制内」，而是做 App 与 Web 的设计出身的。他的代表作品包括索尼的全球设计规范和图片编辑器，还有 iOS 的社交应用等。这也体现了 SpaceX 在组建精英团队时的多元文化（例如做上面介绍的飞控软件的团队，其背景就来自于游戏、消费者软件、Web 开发、金融、电信、航空、学术界等）。所以做交互的同学们还是要有点志气，万一哪天我国的宇宙飞船也要招人做设计稿了呢？至于 SpaceX 正式对外的分享资料，则主要来自 2016 年的 GDC 分享 。他们在其中介绍了新一代软件工具技术对他们的价值：<img src="https://pic1.zhimg.com/50/v2-7c6c32ea27e7100bb56964ce12031d6d_hd.jpg" data-rawwidth="2410" data-rawheight="1419" data-size="normal" data-caption="" data-default-watermark-src="https://pic2.zhimg.com/50/v2-b15a1ad29ca638fed3e22f85f677bac2_hd.jpg" class="origin_image zh-lightbox-thumb" width="2410" data-original="https://pic4.zhimg.com/v2-7c6c32ea27e7100bb56964ce12031d6d_r.jpg"/>这页 PPT 直译过来是这样的：算力上的进步开启了全新的可能性存储、计算和渲染能力上的突破，使实现 3D 渲染和交互式地图等特性成为了可能。移动设备在重量和能耗上的改进非常显著。触摸屏已经很便宜，普及到随处可见。浏览器是界面开发的新平台各种库和框架提供了稳定的功能，并能快速实现原型。现代化的开发和调试工具提高了迭代速度。技术的跨业界通用性扩大了潜在的人选范围，减少了磨合时间。PPT 上还有专门的一页讲了触摸屏技术：<img src="https://pic4.zhimg.com/50/v2-841e0b6a2b15fbd03bf27328c68e2f60_hd.jpg" data-rawwidth="2280" data-rawheight="1227" data-size="normal" data-caption="" data-default-watermark-src="https://pic3.zhimg.com/50/v2-20f29c3f36465ffc65c6b685fb7cde1c_hd.jpg" class="origin_image zh-lightbox-thumb" width="2280" data-original="https://pic3.zhimg.com/v2-841e0b6a2b15fbd03bf27328c68e2f60_r.jpg"/>要点直译过来也很简单：将操作控制移到显示屏上后，极大地减少了空间占用和混乱。通过多个相同的显示屏，很容易实现冗余备份。触摸屏的泛用性使得开发变得容易，还能流水线式地执行训练和测试。基于软件的界面布局，提高了迭代速度。这就是新一代 UI 技术栈对航天领域的影响了。不过对于到此为止的这些内容，仍然可能会有些「这不就只是用 JS 画了点花里胡哨的东西而已吗」的质疑。但其实在即将发射的 詹姆斯·韦伯太空望远镜（JWST）里，NASA 已经在用 JavaScript 操控太空望远镜的观测计划了：在 JWST 机载架构中，活动计划均由地面上传。每个计划都包含了多个 Visit，它们通过上层的机载 JavaScript 来处理。而每个 Visit 则会包含由下层机载脚本处理的观测活动（如探测器配置、回转请求等）。这些机载脚本会构建出命令和遥测请求，从而操作观测子系统（如科学仪器、航天器总线中的姿态控制子系统等）。这个架构设计写在了介绍 JWST 的论文（JWST: Maximizing Efficiency and Minimizing Ground Systems）里，如图所示：<img src="https://pic1.zhimg.com/50/v2-3df0c3a20a3905503f3a655ca3a1ffd1_hd.jpg" data-rawwidth="500" data-rawheight="843" data-size="normal" data-caption="" data-default-watermark-src="https://pic1.zhimg.com/50/v2-4ce8985534952ed59b8c6056952b383c_hd.jpg" class="origin_image zh-lightbox-thumb" width="500" data-original="https://pic3.zhimg.com/v2-3df0c3a20a3905503f3a655ca3a1ffd1_r.jpg"/>对于这个破天荒地引入 JS 引擎的操作，其实还有另一篇论文，讲了事件驱动的 JWST 操作设计（Event-driven James Webb Space Telescope Operations）。NASA 使用的是一个由 Nombas 公司开发的普通商用级 JS 引擎，它被嵌入在了 VxWorks 实时操作系统中。论文中探讨了在 JWST 中引入事件驱动架构的优势，值得感兴趣的同学拓展一下视野。Nombas 公司在《JavaScript 20 年》中登场过。它虽然名不见经传，但其实也是首次 TC39 会议的参与者，当时的产品是名称跟 C++ 相反的 Cmm（C minus minus）语言。后来他们在此基础上研发出了嵌入式 ECMAScript 引擎 ScriptEase，亦即被 NASA 选用的产品。这家公司后来被 Openwave 收购。到此为止，我们已经看到 JavaScript 这门「罄竹难书」的语言，居然已经开始在无比高大上的航天领域崭露头角了。在《JavaScript 20 年》史书的结尾处，JS 之父 Brendan Eich 是这样为 JS 正名的：最早他们说 JavaScript 没法做「富互联网应用」。然后他们说 JavaScript 没法快起来。然后他们说 JavaScript 没法修复语言问题。然后他们说 JavaScript 没法做多核与 GPU 运算。今天我们可以再补一条：然后他们说 JavaScript 没法做航天级项目。Wrong every time!于是我们再次应证了这条规律：Always bet on JS.当然了，用不用 JS 说到底看的还是实际场景，龙飞船成功的关键也并不是 JS，而是大量前沿科学与工程领域实打实的硬核积累。但作为 GUI 开发者，这里还是许个小小的祝愿，希望有生之年大家做的 UI，能有机会帮助人类飞向更大的世界吧。Wrong every time!于是我们再次应证了这条规律：Always bet on JS.当然了，用不用 JS 说到底看的还是实际场景，龙飞船成功的关键也并不是 JS，而是大量前沿科学与工程领域实打实的硬核积累。但作为 GUI 开发者，这里还是许个小小的祝愿，希望有生之年大家做的 UI，能有机会帮助人类飞向更大的世界吧。