前端采用vue技术，后端采用springboot，数据库连接使用guassDB。如何实现迁移以及项目运行。

web在线开发下架了吗？如果下架了，怎么在华为云平台控制开发板呢？ 急，求细说，非常感谢^ω^ 620745

阻塞式调用改为异步编程非特殊场景（判断登录与否），减少同步执行代码。不要仅仅为了获取接口返回及代码的简单，做成阻塞式的同步调用，弊端显而易见。改成异步调用又会出现代码层层嵌套的回调函数了。解决该问题，可以使用ES6的异步编程对象：Promise。更简洁的做法，使用Promise的语法糖：Async/Await，提升代码的可读性。非当前场景使用，勿提前处理典型场景：人员管理，业务开发追求效率，往往在页面初始化，就用一个接口，将之后所有操作用到的数据全查出来。可优化点：1：分页查询2：初始化前端只需展示名称/头像几个字段，点击查看才会展示详细信息。那么，请划分接口，查询人员列表可能只需查人员基本信息表；查询人员详情，才涉及到具体属性表关联。UI的增删改操作完成，不要盲目的全量查询全量查询能保证数据的一致性，但是站在使用者的角度，如果查询很慢，体验会很差。对象增删改操作完成，即可更新视图层Model。如果删除操作成功但还能查出来，那本身逻辑就有问题了。所以，尽量不要盲目的全量查询。内存泄漏：全局变量及函数声明未声明变量或者使用 this 创建的变量(this 的指向是 window)都会引起内存泄漏。而擅长定义全局变量、全局函数，这类问题较多出现在标准页面开发中。标准页面间的跳转，最终其实只是同一个路径下的Hash发生了变化，例如：/besBaas/baas/abc/foundation/index.html#/SmartCampus__TimeSchemaManagement /besBaas/baas/abc/foundation/index.html#/SmartCampus__AccessDeviceManageV4因此，全局变量、全局函数是被所有页面中所有JS代码所共享的，变量名冲突，函数名冲突，就会造成意想不到的结果。同时，系统进程不再用到的内存，没有及时释放，当内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。防抖（debounce）与节流（throttle）函数防抖和函数节流都是防止某一时间频繁触发，但是两者原理不同。函数防抖是某一段时间内只执行一次，而函数节流是间隔时间执行。应用场景：debouncesearch搜索联想，实时远程搜索的场景，通过接口动态获取数据，用户在不断输入值时，用防抖来节约请求资源，避免带宽和性能浪费。window触发resize的时候，不断的调整浏览器窗口大小会不断的触发这个事件，用防抖来让其只触发一次。/** * 防抖 * @param {Function} fn * @param {Number} delay */ function debounce(fn, delay) { var timer; return function() { console.log('事件触发'); var self = this, argumentsBySelf = arguments; clearTimeout(timer); timer = setTimeout(function() { fn.apply(self, argumentsBySelf); }, delay); } }throttle鼠标不断点击触发，mousedown(单位时间内只触发一次)。获取滚动事件，比如是否滑到底部自动加载更多，用throttle来判断。/** * 节流 * @param {Function} fn * @param {Number} delay */ function throttle(fn, delay) { var last = 0; return function () { var now = Date.now(); if (now - last >= delay) { fn.apply(this, arguments); last = now; } } }

各组件版本如下：

【功能模块】高级页面，包含图表和非内置组件的展示信息。思路----》把非图表的元素用标准组件写，预留几个位置块，发布成高级组件，然后把图表组件放在相应的位置【操作步骤&问题现象】1、这种思路是否可行，感觉存在很多的问题？求推荐可行的方法？2、想把图表通过定位的方式，放在预留的位置，发现无法精准的放置，请问有什么方法？3，相对定位的Layout---相对于当前布局，不理解什么意思？高级页面没有容器组件，所以不知道这个当前布局指的什么，能否举个例子？4，页面上下滚动时，图表组件不动，请问要怎么处理？【截图信息】【日志信息】（可选，上传日志内容或者附件）

人工智能正在帮助企业使用在线托管的应用程序来发挥自己的优势。Web应用程序存储在远程服务器上并通过互联网交付，使企业无需在本地安装应用程序即可执行任务，同时降低成本。目前市场上有一系列不同类型的Web应用程序，但在这一领域真正被证明具有颠覆性的一项技术是人工智能。人工智能能够自动执行人工任务，可以使用Web应用程序做出更明智的决策，加快运营速度，并带来其他商业利益。Ohpen公司的首席执行官Matthijs Aler认为，人工智能在Web应用程序中可以驱动的价值高度依赖于Web应用程序的类型。他说：“用户可以将任何成功的机器学习模型转化为网络应用程序（例如Google Lens或Google Translate）。目前的重大突破与图像和语言有关，因此处理这些的Web应用程序最有可能成为一个有价值的用例。”本文深入研究了一些在Web应用程序中最有价值的人工智能用例。克服非结构化数据挑战尽管计算机视觉等人工智能功能的结构依赖于非结构化数据，但许多用户仍然发现很难利用视频和文本等资产类型来发挥自己的优势，而事实证明，这些资产类型的绝对数量往往是压倒性的。H2O.ai公司战略和产品副总裁Prashant Natarajan评论说，可以通过在开源的帮助下执行Web应用程序项目来缓解这一挑战。Natarajan说，“人工智能在Web应用程序中最有用的应用一方面跨越企业各部门，另一方面跨越多个垂直领域。如今，任何处理客户体验、员工体验、企业资源规划或供应链、人力资源和人才管理、隐私和治理的网络应用程序——这些都是当今应用人工智能的业务流程。如果企业对从哪里开始其人工智能之旅感到困惑，有趣的是，获得概念验证最容易实现的目标是人们在企业中遇到过的最棘手的数据类别——非结构化数据。所有这些大量的文档、文本和图像曾经是企业的黑盒。据估计，它可能占企业所有内存的80%。但是，借助当今的人工智能和机器学习技术，以及可以在非常丰富的开源人工智能社区中获取的知识，企业可能会对自己所取得的成就感到惊讶。就我个人而言，我觉得这很有趣，而历史上最困难的信息问题可能是当今的Web应用程序项目最容易的问题。”面向云应用的人工智能工程借助许多使用云计算基础设施的Web应用程序，可以定制人工智能工程以满足业务需求，并证明是快速交付、可操作的洞察力的关键。从这里开始，这个用例可以让可能没有技术背景的员工更容易使用人工智能驱动的工具。Zsah公司首席执行官Amir Hashmi解释说：“人工智能工程是使云计算技术适应我们需求的关键推动力。云计算服务使低技能和有限预算的用户能够访问高级机器学习功能。随着更多的人工智能工程，云计算将使高级工具集更广泛地可用，从而提高企业效率和生产力。”协助协作值得注意的是，新冠疫情以可以在线访问的协作软件的形式出现了Web应用程序的使用激增。在人工智能的帮助下，这些平台的使用可以变得更加高效。Dubber Technology公司解决方案架构负责人Nick Atkin表示：“混合工作极大地改变了对人工智能的需求，以改善我们了解客户和员工的方式。通过在数百万次对话中发出情绪、语气、关键词等趋势的信号，人工智能提高了结束不知道的能力。人工智能将推动人员、客户、收入和合规智能的转变。人工智能继续融入我们的每一种沟通方式——Cisco Webex、Microsoft Teams、Zoom、移动和聊天应用程序，这将改变我们使用这些方法的方式。这些平台不仅变得更好，而且我们也改变了使用它们的方式。每次会议都可以被自动捕获和转录——然后自动生成主题、行动、亮点和关键词。想象一下，不仅有影响力的会议的力量，而且通过消除人工记笔记而不参加只需要在以后查看的会议来节省一天的时间，或者立即向企业需要的团队成员提供转录和音频场景承担任务。”与物联网的结合Nexer公司总经理Colin Crow补充说，在使用所有重要的数据洞察力时，人工智能与物联网(IoT)相结合，在各个领域都特别有价值。Crow说，“如今，最有价值的网络应用人工智能结构将与物联网和视觉搜索相结合，并将在许多领域增加价值。现场服务正在使用人工智能来预测维护计划，现在的计划不是基于服务之间的时间，而是基于降级的可能性，从而显著地降低服务成本，降低备件成本，并确保更长的正常运行时间。零售商正在使用人工智能和视觉搜索来准确确定鞋码，因此当订购鞋子时，系统会帮助，顾客确定顾客的尺码。因此，顾客可以很快就买到喜欢的东西，并且也显著降低了退货损失。”

【功能模块】SDK里面有C++获取视频流的方式，我也能成功获取。但是，如果我想在前端界面和获取视频流，有什么文档吗？【摄像头型号】型号：X2221-FLIPC版本：IPC V500R019C20SPC109【截图】

# 一、Pass的定义 Pass是一种编译器开发的结构化技术，用于完成编译对象（如中间表示IR）的转换、分析或优化等功能。Pass的执行就是编译器对编译对象进行转换、分析和优化的过程，pass构建了这些过程所需要的分析结果。 # 二、Pass的用途 在MindSpore框架中，pass的作用就是优化MindIR，对MindIR进行转换、分析和优化。 在MindSpore的总体架构（参考[MindSpore官方网站](https://www.mindspore.cn/docs/programming_guide/zh-CN/master/architecture.html)）中，MindCompiler（编译表达层）是图层的核心编译器。MindCompiler主要基于端云统一的MindIR实现三大功能，包括硬件无关的优化、硬件相关的优化、部署推理相关的优化。这里我们只关注MindSpore编译器前端，而前端是不感知具体后端硬件的，因此前端pass执行的全部都是与硬件无关的优化，主要包括类型推导、自动微分、表达式化简等。 对于编译器前端的编译优化，每个pass以IR为输入，又以新生成的IR为输出。一个pass可以由多个小pass共同组成。单个pass可以运行一次，也可以运行多次。通过编写不同的前端pass，可以实现多种编译优化功能。常见的编译优化方法包括：代数化简、常量折叠、无用代码消除等。 # 三、Pass的执行机制 >提示：本章节是为了深入讲解pass的执行机制，如果你只是想新增一个pass功能，可以直接跳过本章节，阅读第四章节：如何编写pass。 在MindSpore的前端编译过程中，用到了很多pass。下图是静态图编译的步骤流程（不同MindSpore版本可能存在差异，这里参考的是MindSpore r1.5版本），其`symbol_resolve`、`optimize`等多个阶段都涉及了pass的操作。接下来以optimize阶段展开讲解前端pass在框架中是如何执行的。  下图是VM Pipeline流程在optimize阶段使用的VMPasses，可以看到，一个pass由几个小的pass共同组成。为了方便区分与描述，本文将`switch_simplify`、`a_1`这一层级的pass称为IRPass，将`switch_defer_inline_`、`switch_layer_defer_inline_`、`switch_simplify_`这一层级的pass称为SubPass。  在VMPasses中，依序执行`simplify_data_structures`、`opt_a`、`clean_after_opta`等。在`opt_a`中，同理，所有图会先进入`switch_simplify`优化，根据拓扑序遍历所有子图，依次进行匹配替换等操作，处理完成后再进入`a_1`，以此类推，依序执行。 值得注意的是，`opt_a`是Optimizer类，采用循环优化的方式，可能循环执行多次。当执行到`Renormalize pass`（首轮不计）时，会判断前一轮的IRPass是否修改了图节点，是的话继续循环，否则结束`opt_a`，进入下一个IRPass。（此处的具体实现逻辑建议查看代码：`mindspore/ccsrc/frontend/optimizer/optimizer.h::step`函数）  接下来介绍a_1中的SubPass。SubPass是前端优化阶段最小颗粒的pass，能够对中间表示IR中的节点进行匹配和处理。当前前端编译使用的SubPass均定义于代码：`mindspore/ccsrc/frontend/optimizer/irpass.cc::OptimizeIRPassLib`。 SubPass的执行逻辑见代码：`mindspore/ccsrc/frontend/optimizer/opt.cc`，分为`ApplyIRToSubstitutions`和`ApplySubstitutionsToIR`。篇幅限制，不作展开，这部分不会影响编写pass，感兴趣的同学可以自行查阅。 在编译器前端中，OptPassConfig由多个SubPass组成，或者由一个IRPass构成。多个OptPassConfig再组成OptPassGroupMap，如下图的`GetA1A2`、`GetOptPassesA`返回的都是OptPassGroupMap类型。然后，在函数InitOpt中初始化创建相应的Optimizer类实例，通过代码`res->set_func_graph(g_pass_opts[name]->step(func_graph))`执行Optimizer的功能。这部分建议查阅源代码，以本文作为辅助说明，方便理解。  接下来，将介绍如何在MindSpore编译器前端编写一个pass。 # 四、如何编写前端pass 前端pass有两种形式，一种是处理匹配节点，另一种则是直接对图进行处理。 如果pass的功能是处理单个节点，比如需要替换某个节点，或者修改某个节点的属性，建议写成SubPass的形式。这里说的某个节点，实际是指某类节点。SubPass会对所有子图中的节点进行匹配，如果发现有匹配节点，则对该节点进行相应处理，直至处理完所有的匹配节点。 其余情况，比如需要同时修改多个节点，或者需要对图进行处理，建议写成IRPass的形式。（注：SubPass、IRPass的叫法只是本文为了方便描述和区分，非官方说法.....） ## 4.1 编写SubPass SubPass是对单个节点进行处理，前面已经做了介绍。接下来以`irpass.switch_simplify_`为例，介绍SubPass的编写流程。 ### 4.1.1 定义Substitution 首先，在`mindspore/ccsrc/frontend/optimizer/irpass.h`中定义`switch_simplify_`。所有的SubPass都统一定义于`OptimizeIRPassLib`。  接着，在`mindspore/ccsrc/frontend/optimizer/irpass.cc`中创建Substitution对象。  这里需要解释下**MakeSubstitution**的定义和参数，便于理解。MakeSubstitution有三个重载函数，通过下图图中的定义解释各参数。  ①　第一个参数transform：用于实现pass功能的类。其中，OptimizerCaller通过重载operator()方法，实现pass的具体功能，后面会提到。 ②　第二个参数name：pass的名称。 ③　第三个参数prim：pass会根据prim做初步筛选，只有匹配prim才会进入pass。当prim是`PrimitivePtr`时，比如`irpass.switch_simplify_`，会判断筛选节点的算子是否`prim::kPrimSwitch`。当prim是`std::vector`时，逐一进行匹配，符合其一即可。当prim是`PredicateFuncType`（如`IsNode、IsCNode、IsCNodeGraph`）时，将会调用该函数，根据函数返回值进行判断筛选。 ④　第四个参数renorm_action（一般情况不涉及）：RenormAction是枚举类型，其值为`{FORCE_RENORM = 0, CHECK_RENORM=1}`，默认为CHECK_RENORM。该参数与Renormalize pass紧密关联，如果设置了FORCE_RENORM，那么当pass修改图节点之后，随后的Renormalize pass将会被执行。 ⑤　第五个参数has_priority_pattern（一般情况不涉及）：判断pass中的匹配条件是否存在优先顺序，当前仅用于`irpass.resolver_`。`irpass.resolver_`的匹配条件存在优先顺序，即节点进入该pass时，每次都需要先判断条件一，再判断其它条件，避免错误匹配。 最后，将irpass.switch_simplify_放置在`mindspore/ccsrc/pipeline/jit/pass.cc`中正确的位置，即用于哪个OptPassConfig，如图。OptPassConfig的使用说明见上一章节。  ### 4.1.2 定义SubPass类 SubPass的类都继承于OptimizerCaller，可以看到，OptimizerCall类定义比较简单，主要是重载括号运算符，传入AnfNode节点指针作为输入，默认返回nullptr。  以irpass.switch_simplify_为例，其定义了SwitchSimplify类，完整的源代码如下图所示。SwitchSimplify类覆盖了operator()函数，对输入的node节点进行处理，并且返回处理后的节点。如果返回结果是nullptr，则说明当前pass没有对输入节点做任何修改，否则，将会利用返回的新节点替换输入节点（这个过程由Optimizer机制完成，编写pass不感知）。  可能有读者困惑于MATCH_REPLACE_LAMBADA_IF的写法，接下来将会展开讲解。IRPass有三种实现机制，分别是Match Replace机制、Match Visit机制、直接处理方式。 ### 4.1.3 Match Replace机制 Match Replace机制有四种写法，分别是`MATCH_REPLACE`、`MATCH_REPLACE_IF`、`MATCH_REPLACE_LAMBDA`、`MATCH_REPLACE_LAMBDA_IF`，采用宏定义的方式。 MATCH_REPLACE的原理如下图注释说明，其余三个是在其基础上加上了lambda函数或if判断条件。可以简单理解为，将输入OrigNode与模板CaptureNode进行匹配，如果匹配，返回ReplaceWith或Lambda处理后的节点，否则不做任何处理。  再次看`irpass.switch_simplify_`的源码，PatternNode用于定义模板中的节点，`PPrimitive(prim::kPrimSwitch, cond, true_br, false_br)`表明节点node需要使用Switch算子且拥有四个输入节点。`true_br.GetNode(node)`是指从节点node中获取true_br所对应的输入节点，`cond.CheckFunc(IsValueNode, node)`是指判断cond所对应的输入节点是否符合`IsValueNode`。SwitchSimplLambda定义了一个lambda函数，如果匹配模板，将会返回该lambda函数的处理结果。  ### 4.1.4 Match Visit机制 Match Visit机制是基于AnfVisitor类实现的，而AnfVisitor继承于AnfIrVisitor和OptimizerCaller。 在AnfIrVisitor类中，Match函数用于匹配节点，第一个入参匹配节点的算子(如`prim::kPrimSwitch`)，第二个入参则是定义了一些匹配函数，逐一判断其它输入节点是否匹配，常用匹配函数包括IsNode、IsCNode、IsVNode、IsParam等。Visit函数是在Match的过程中执行的，根据不同入参类型执行相应的Visit()方法。  需要特别注意的是，CNode、ValueNode、Parameter都属于AnfNode。在使用Visit函数时，将会优先调用`Visit(const AnfNodePtr &)`。如果你重写(覆盖)了`Visit(const AnfNodePtr &)`，所有匹配节点都会进入这个Visit()，需要自行保证逻辑的正确性。如果没有重写(覆盖)，则会根据节点类型匹配相应的Visit()函数。  为方便说明，将`irpass.switch_simplify_`修改成Match Visit的形式，进行对比。下面给出的代码主要为了展示Match Visit机制的工作原理和实现方式。其实修改方法有很多种，建议参考已有IRPass的写法。  进入这个irpass之后，先进行Reset重置状态。接着，调用AnfVisitor::Match函数进行匹配，判断节点的算子是否匹配prim::kPrimSwitch，其它input节点则需要分别匹配`IsValueNode, IsNode, IsNode`。 在Match()的执行过程中，会对每一个input节点依序调用Visit()函数。在Visit()函数内，我们可以对input节点进行处理，并设置is_match标识用于判断节点是否符合匹配条件。 在其它irpass的实现中，还会涉及重写`Visit(const CNodePtr &)、Visit(const ValueNodePtr &)、Visit(const ParameterPtr &)`，视实际情况而定。感兴趣的同学可以参考MindSpore源代码。 ### 4.1.5 直接处理方式 顾名思义，不采用Match Replace机制和Match Visit机制，直接对输入的节点node进行判断和处理，并返回处理后的新节点。 ### 4.1.6 总结 编写SubPass时，需要先定义Substitution，然后设计实现继承于OptimizerCaller的SubPass类的功能。在定义SubPass类时，有三种实现机制，分别是Match Repalce机制、Match Visit机制和直接处理方式。 Match Repalce机制：代码简洁易懂，直观展示了节点的组成结构和替换规则。如果irpass的需求只是替换节点且逻辑不复杂，推荐优先使用该方式。 Match Visit机制：Match函数用于匹配节点，Visit函数用于逐一分析处理节点的输入。整体流程是清晰明确的，代码直观明了，使用前需先理解Match Visit用法。 直接处理方式：直接对节点进行处理，返回新节点。缺少模板匹配机制，需要自定义判断条件，不如前两种方式直观。如果是复杂场景，可以考虑直接处理方式。 ## 4.2 编写IRPass SubPass用于处理单个节点，而IRPass用于处理多个节点或者涉及图结构变化的场景。 以下图的`UpdatestateDependEliminater`为例，不需要继承OptimizerCaller或其它类。通过重载括号运算符实现其功能，输入为`FuncGraphPtr`类型。这个pass的功能是同时消除冗余的Depend节点和UpdateState节点，涉及多节点处理，因此不能采用SubPass。  在前端编译中，IR由节点、边、图等组成，图FuncGraph包含节点、边等信息。传入func_graph（一般是顶图）之后，pass会拓扑遍历其所有子图，匹配所有节点，并对符合条件的节点进行处理，包括替换节点、删除边等操作。至于如何处理输入的func_graph，由pass编写者视实际情况而定。 注意，函数的返回值是bool值。如果对传入的func_graph做了修改，需要返回true，否则返回false。编译器通过函数返回值可以判断当前pass是否做了优化，从而决定是否需要下一轮循环优化。

【功能模块】ADC，前端表格组件，如何将单元格的线条给整出来【操作步骤&问题现象】1、2、脚本那一块【截图信息】【日志信息】（可选，上传日志内容或者附件）

【问题现象】DWS监控面板添加监控视图前端报404【问题版本】HCS 8.1.0  DWS 8.1.1.5【具体现象】1、前端报错404的url为dws/rest/v1/xxx/clusters/xxx/dms/monitoring/performance/check-duplicate2、进入FCD后台查看url_mapping.json文件，过滤查找check-duplicate，没有 ，check-duplicate接口未注册【解决方案】注:本文中的解决方案仅限于新搭的未做过升级的环境，新升级环境遇此问题请联系研发1、在FCD后台找到配置文件，/opt/FusionCloudDeploy/FusionCloudDeploy/plugins_cloudservices/DWS/conf/url_mapping.json2、注册接口，将接口配置写入url_mapping.json{"sendTimout": 0,"targetService": "DatabaseManager","method": "POST","endpointId": "dws","targetUri": "/v1/{project_id}/clusters/{cluster_id}/dms/monitoring/performance/check-duplicate","readTimout": 70,"targetProtocol": "https","uri": "/rest/v1/{project_id}/clusters/{cluster_id}/dms/monitoring/performance/check-duplicate","connectTimout": 0}3、重跑FCD工步，HCSD工具中找到DWS注册url mapping工步的任务IDbash /opt/rootscripts/fcdscripts/retry_step.sh run -i 任务ID4、去页面刷新，重新添加监控视图

问题现象：DWS监控面板添加监控视图前端报404问题版本：HCS 8.1.0  DWS8.1.1.5问题分析：1、前端报错404的url为dws/rest/v1/xxx/clusters/xxx/dms/monitoring/performance/check-duplicate2、进入FCD后台查看url_mapping.json文件，过滤查找check-duplicate，没有 ，check-duplicate接口未注册规避措施：1、在FCD后台找到配置文件，/opt/FusionCloudDeploy/FusionCloudDeploy/plugins_cloudservices/DWS/conf/url_mapping.json2、注册接口，将接口配置写入url_mapping.json{"sendTimout": 0,"targetService": "DatabaseManager","method": "POST","endpointId": "dws","targetUri": "/v1/{project_id}/clusters/{cluster_id}/dms/monitoring/performance/check-duplicate","readTimout": 70,"targetProtocol": "https","uri": "/rest/v1/{project_id}/clusters/{cluster_id}/dms/monitoring/performance/check-duplicate","connectTimout": 0}3、重跑FCD工步，HCSD工具中找到DWS注册url mapping工步的任务IDbash /opt/rootscripts/fcdscripts/retry_step.sh run -i 任务ID

【问题来源】【必填】星网    【问题简要】【必填】SCE流程开发，web接口直接访问cell，请求头参数是否支持传输中文【问题类别】【必填】 IVR，gsl 【AICC解决方案版本】【必填】 AICC 8.14.0 SCE版本 ICDV300R008C20SPC002【期望解决时间】【选填】尽快【问题现象描述】【必填】SCE流程开发，web接口直接访问cell，请求头参数中Content-Type:application/json,charset=UTF-8,name:张三,传输后依然是乱码，依然是乱码，是否支出中文传输？或怎么解决乱码

我们在接入华为视频的时候，视频地址是rtsp协议的，我这有两个问题求助1你们支不支持http或https协议的视频流地址2有没有web页面接入rtsp协议视频流的例子

首先需要一台服务器，然后在服务器上安装 Web Server （例如：Nginx 或者 Apache Server）。接着，根据应用的运行时要求，安装对应的软件包（例如：如果代码是用 Node.js 编写，就需要安装 Node.js 运行时环境）。最后，根据应用的其他功能，安装对应的软件，如数据库之类的。应用部署的同时，宿主机上也多了各种软件程序。

rt