【问题简述】按照鲲鹏社区提供的官方安装指南，成功完成安装后，出现Web页面打不开的情况浏览器：VScode插件：【使用场景】本代码迁移工具尝试被应用于鲲鹏众智的Hadoop，Spark和Tez软件迁移项目，购买华为云服务器，按照官方指南在服务器已下载安装，并配置好鲲鹏代码迁移工具（官方指南链接：https://www.hikunpeng.com/document/detail/zh/kunpengdevps/porting/qs/qs-pa-kunpengdevps.html）【操作步骤】1、获取软件包：[root@hadoop02 ~]# wget https://mirror.iscas.ac.cn/kunpeng/archive/Porting_Dependency/Packages/Porting-advisor_2.3.0_linux-Kunpeng.tar.gz2、解压：[root@hadoop02 ~]# tar --no-same-owner -zxvf Porting-advisor_2.3.0_linux-Kunpeng.tar.gz3、执行runtime_env_check脚本，检查鲲鹏代码迁移工具的依赖文件。[root@hadoop02 Porting-advisor_2.3.0_linux-Kunpeng]# .\install web Porting Web console is now running, go to: https://192.168.0.250:8084/porting/#/login Successfully installed the Kunpeng Porting Advisor in /opt/portadv/.注：Windows和Linux防火墙均已关闭。怀疑是Windows端口的问题，但是防火墙关闭仍然打不开，希望有大佬帮忙解答~

写在前面CSDN话题挑战赛第1期活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f参赛话题：前端面试宝典话题描述：欢迎各位加入话题创作得小伙伴，如果我没有猜错得话，我觉得你是应该同我一样是一位前端人。如今前端在IT事业中的占比越来越重，已经成为不可缺少的部分，前端技术也是层出不穷，各种技术类、技术框架也蜂拥而出，前端面试的难度也随之增加，如果我们拥有一套前端面试宝典。如果你是应聘者：你就可以从容的solo面试官，如果你是面试官：你就可以将应聘者拷问到骨子里！总之我们大家一起将自己的面试经验以及学习到的知识点汇聚于此，形成一套体系的前端面试宝典。让读者无论是面试还是学习都能够有非常大的收获。就让我们携手共筑前端面试宝典吧！！！创作模板：携手共筑前端面试宝典题目一考点答案题目二考点答案题目三考点答案题目四考点答案题目一Vue如何添加自定义指令考点考察对Vue添加自定义指令方法的掌握答案添加自定义指令的两种方式：全局指令： 通过 Vue.directive() 函数注册一个全局的指令。局部指令：通过组件的 directives 属性，对该组件添加一个局部的指令。题目二Vue框架有哪些优点，为什么前端人都喜欢Vue考点了解Vue的优点才能更加方便使用Vue框架答案Vue的优点轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十 kb ；简单易学：Vue是由国人开发出来的，易于理解和学习(不用学习令人头疼的英语）双向数据绑定：延续了angular 的特点，在操作数据封面更加容易组件化：延续了react的优点，实现html的封装和重用，在构建单页面应用方面有着相当明显的优势数据和结构的分离：数据和结构分离，只需要操作数据就能完成操作，不需要对代码进行修改，使数据更改变得so easy使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；虚拟DOM：dom操作十分耗能，不再使用原生的dom，而且使用虚拟的DOM进行操作运行速度更快：跟react进行比较，同样是操作虚拟 dom ，就性能而言， vue的运行速度存在很大的优势(速度快才是真的快)题目三Vue响应式原理是什么考点理解Vue响应式原理是怎样工作的答案响应式：当数据改变后，Vue会通知使用该数据的代码比如说：视图渲染使用了一个数据那么当这个数据改变后，视图会响应式的自动更新Vue 它是通过那个Object.defineProperty()来更新定义 data中的所有属性题目四Vuex是什么，Vuex有哪几种属性考点熟悉掌握Vuex的使用，并熟记Vuex有哪些属性答案Vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex有哪些属性Vuex有五种属性分别是State、Getters、Mutations、Action、Modules属性    描述State    存放数据状态，不可以直接修改里面的数据Getters    类似Vue的计算属性，主要用于过滤数据Mutations    Mutations定义的方法动态修改Vuex 的 store 中的状态或数据Action    将Mutation里面处理数据的方法变成可异步处理数据的方法，简单的说就是异步操作数据Modules    项目特别复杂的时候，可以让每一个模块拥有自己的State、Mutation、Action、Getters,使得结构非常清晰，方便管理。写在最后CSDN话题挑战赛第1期活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f原文链接：https://blog.csdn.net/xqe777/article/details/124692250

课程质量真的是好得没话说，我看过很多前端的课程，但从没有哪家课程能将前端的知识体系划分的如此全面细致，还能保证每一个知识点还都能讲得如此透彻，在讲知识点的基础上还能开篇幅去讲思想，更是难得。比如下面的函数式编程，这种编程范式我之前从来都没使用过，更不知道柯里化、函数组合为何物。直到在拉钩大前端课程中，每一个知识点的学习，都让我有种重获新生的感觉，仿佛以前学习的东西都白学了，只知道简单的用法，不了解核心原理，更不会用高级特性。现在每学习完一个模块，就期待着解锁下一个模块，迫不及待地想去知道下一个模块可以让自己get到哪些技能。

>摘要：使用Docker容器，将带UI的程序，直接转换为Web应用。很方便，跟大家分享一下。 本文分享自华为云社区《[使用Docker容器，将带UI的程序，直接转为Web应用](https://bbs.huaweicloud.com/blogs/355359?utm_source=csdn&utm_medium=bbs-ex&utm_campaign=other&utm_content=content)》，作者：tsjsdbd。 我们可以通过Docker容器，将App的UI界面，投射到任意的网络目的端。 即：  其原理是利用X11协议，把界面投射转化为网络协议，到达目的端显示出来。 但是这种方案，有一个硬性要求：就是目的端必须要安装一个“投屏软件（X11 Server）”，比如：VcXsrv 或者 MobaXterm。 那么用户想要看到App的界面，他就得额外安装一个软件，用户体验并不是最佳的。 # 一、VNC方案 Windows的远程桌面，相信大家都用过吧。 VNC就是Linux版的远程桌面。它可以将屏幕，通过网络共享给客户端。 在服务端，安装vncserver。 在客户端，安装vncviewer。  不过，windows是自带了一个 远程桌面客户端。对VNC的话，用户就得安装一个 vnc-viewer客户端。和X11方案差不多，还是不够方便。 # 二、noVNC方案 好消息是，VNC-Viewer有一个WEB版的客户端，叫做 noVNC。它直接打开网页，就获得VNC-Viewer能力。详见：https://novnc.com/info.html 于是，我们可以将方案拓展为：  毕竟，浏览器基本上每个客户都会有。这就好比，微信大家都有，所以“单独安装一个App”vs“微信小程序” ，肯定是后者在使用更便捷一样的道理。 所以你可以看到各大云厂商，比如华为云的ECS虚机，也都自带了使用noVNC的方式来展示虚机的界面。可见noVNC的产品化可靠性还是OK的。 # 三、具体操作 这里我为了方便，准备将各种Server都安装到一个Docker容器里面，如下：  ## 1. 使用 Ubuntu:20.04 的基础镜像 因为最终我们要通过HTML访问这个容器，所以启动的时候，我们得记得开放端口： ``` docker run -it -p 80:8080 ubuntu:20.04 /bin/bash ``` 在这个容器里面，启动上图中的各种Server。 ## 2. Xvfb虚拟屏幕 首先，安装一个叫做 xvfb 的软件。这是一个“虚拟屏幕”，都在内存中模拟的屏幕。见：https://en.wikipedia.org/wiki/Xvfb 安装： ``` apt-get install -y xvfb ``` 然后启动“虚拟屏幕”： ``` Xvfb :0 -screen 0 1920x1080x24 -listen tcp -ac +extension GLX +extension RENDER ``` 其中，1920x1080x24 表示：屏幕大小（分辨率）。 24则是像素深度。 这个屏幕大小，到时候可以根据App的界面效果自己调整。 ## 3. X11vnc服务器 然后，我们安装 x11服务器（因为安装这个有交互，所以之类设置了 无交互模式） ``` export DEBIAN_FRONTEND=noninteractive apt-get install -y x11vnc ``` 然后启动 x11服务器： ``` x11vnc -forever -shared -noipv6 -passwd tsjsdbd ``` 其中标红的password换成你自己喜欢的密码。 ## 4. noVNC服务器 最后，我们通过noVNC服务器，将 VNC翻译为HTML服务， 安装： ``` apt-get install -y novnc ``` 然后启动： ``` websockify --web /usr/share/novnc 8080 localhost:5900 ``` ## 5. 启动带UI的App ``` apt-get install x11-apps DISPLAY=:0.0 xclock ``` 这里的DISPLAY变量的作用，是表示把App的界面，投射到咱们的这个“虚拟屏幕”上。 详细请看我之前的那篇文章。 ## 6. 从浏览器访问 从浏览器，访问我们的容器。地址（因为我们启动容器用来http默认端口80，所以这里URL不用设置端口了。）： http://容器ip/vnc.html  这里填，第3步咱设置的密码。然后可以看到App的界面啦：  # 四、Dockerfile 这里为了大家方便，直接提供一个Dockerfile ``` FROM ubuntu:20.04 ENV DEBIAN_FRONTEND=noninteractive RUN apt-get install -y novnc x11vnc xvfb EXPOSE 8080 ENTRYPOINT ["/bin/bash"] ``` 然后写个 start-novnc.sh 脚本： ``` #!/bin/bash set -e #虚拟屏幕 Xvfb :0 -screen 0 1920x1080x24 -listen tcp -ac +extension GLX +extension RENDER > /dev/null 2>&1 & #vnc服务器 x11vnc -forever -shared -noipv6 -passwd tsjsdbd > /dev/null 2>&1 & #novnc websockify --web /usr/share/novnc 8080 localhost:5900 > /dev/null 2>&1 & ``` 最后你启动app的时候，记得带上： ``` DISPLAY==========================================BN =:0.0 your-ui-app ``` 就可以了。

【功能模块】前端直传文件到OBS存储 【截图信息】【日志信息】（可选，上传日志内容或者附件）

小程序web插件无法正常使用，小程序后台已经添加业务域名。但是web插件提示：www.ztgld.com 拒绝了我们的连接请求。

web网管（有线）7.1      概述在无线无法连接，出现故障的情况下，可以采用有线的方式：使用网线将PC的网口连接到设备的任意网口或与设备互通的交换机同一网段网口。根据设备的网络设置，将PC的IP地址配置成与设备默认的IP地址在同一网段，以确保PC和设备之间网络互通。对于缺省配置的设备，必须将PC配置为169.254.0.0/16网段（169.254.1.1除外，建议使用169.254.1.100）。在PC上使用浏览器访问http://IP地址，按“Enter”后将显示登录界面。选择Web网管系统的语言，并输入缺省用户名和密码，单击“登录”即可进入Web网管主页面。下表为AP处在不同模式下，有线连接的清单：                                              从上表可以看出，不同形态的AP，通过有线方式连接web网管的方法都一样。 7.2      Web网管（有线）开局步骤7.2.1     云平台预配置云平台预配置和3.2.1章节的内容基本一致，本处不再重复。7.2.2     AP云盒设备注册云平台由于不同形态的AP，通过有线方式连接web网管的方法都一样，本节以FAT AP为例子介绍，如下图，先配置笔记本的网卡：配置完成后，ping 169.254.1.1：然后，打开web网管，配置切换成云AP：然后，点击确定按钮： 注意，如果出现ping不通的情况，可以重新启动下网卡，如下：切换到云模式后，再按照同样的方法配置云AP即可。在AP设备web管理页面，进入首页->概览页面，按照下图红色框框旁的文字提示进行操作，没有框起来的部分不用修改，（其中控制器注册服务地址为：139.9.137.139也可以用域名）点击应用，会弹出操作成功提示，点击确定即可：

单行测试结果 测试条件：搜索书名：万古第一杀神错误提示多行测试结果测试条件：搜索书名：神源码：笔趣阁小说下载 · zealone/weautomate_projects - 码云 - 开源中国 (gitee.com)

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，页面上下滚动时，图表组件不动，请问要怎么处理？【截图信息】【日志信息】（可选，上传日志内容或者附件）

【问题现象】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:张三,传输后依然是乱码，依然是乱码，是否支出中文传输？或怎么解决乱码