【WEB前端全栈成长计划】第二阶段·分享有礼活动~◎分享要求：转发上方活动海报至朋友圈，+转发语：华为WEB前端全栈成长计划二阶段，用0元换离前端工程师更近一步的机会！，公开可见保持2小时以上，将转发内容截图回复至下方评论区即可！◎分享活动期限：即日起-7月31日23:59，结束即抽奖◎中奖方式：前30名有效分享，必得华为云定制3合1数据线 //以版主点评认证的顺序为准哦，图片为准，占楼无效，以版主回复有效楼层为主~                  30名后每10个有效楼层，抽取1位幸运用户，奖励华为云定制3合1数据线各位开发者们，抓紧时间参与分享呀~◎活动规则：1. 版主会在分享期时间结束后10个工作日内开奖，本次开奖以版主回复为准，中奖名单将公布在第一层评论区，请大家保持关注~2. 每用户仅可获得一次奖励，奖品颜色随机且数量有限发完即止。3. 本次活动回帖内容需满足华为云论坛发帖规范：https://bbs.huaweicloud.com/forum/thread-23077-1-1.html

【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前端全栈开发者成长计划明天就会有鲲鹏，昇腾，物联网等各技术领域排队和大家来一场这样的面对面定会让你受益匪浅离华为云更近的机会就在这里请各位开发者和预备开发者抓紧时间，立即报名祝/助各位开发者们成长快乐鸭~