hoaxxcj的博客

通过nvm install lts安装最新稳定版node.js,或者nvm install latest安装最新版node.js。切换到新安装的node.js后需要重新安装yarn：npm install -g yarn。安装完毕后可以通过nvm list查看当前存在以及使用中的node.js版本。通过nvm use 20.18.0切换到已安装的对应版本的node.js。有时候无法访问，可以直接下载上面安装包。

最近项目有多个报表开发并前端导出为excel的需求，第一张报表用的是pikaz-excel-js插件，git地址为https://github.com/pikaz-18/pikaz-excel-js，网上文档虽然多，但很多都很基础，官方文档介绍也很简单，没有很详细深入，好在导出的excel看着还原度很高。我们可以创建一个空数组，从上到下一行一行地往该数组push行对象，对象里面是从左到右按顺序排列的列名（会在excelExport函数的keys定义，整个excel有多少列就定义多少个）；

合并单元格就用自带的span-method，比如下图中红框部分单元格，先通过行列index定位，然后return一个数组或者对象，里面前者值为行，后者值为列，比如[1,3]意思就是1行放3列，{rowspan:2,colspan:1}意思就是2行放1列，两种写法都行。开发过程中遇到了一些问题：如何让table强制刷新。Table示例中数据格式如下，每个对象对应每一行，对象里的每个参数对应行中每列单元格，所以我们可以先拼接每一行的对象，如下图代码所示，最后进行单元格合并。然后设置对应的css样式即可。

我们需要先在官网注册账号，然后下载三个软件并安装：DTS Cloud（高渲染云服务发布）、DTS Engine（多源数据自动处理平台）、DTS Explorer（数字孪生场景的构建和编辑器），安装DTS Cloud时选择安装master，安装完毕后打开master，用注册的手机号授权试用即可。三、在场景展示页面加上标签（建议宽用100vw，高用100vh），并在当前页面引入acapi，如下图所示；相关DTS API可见。

首先创建一个文件夹，我命名它为nodeTest，然后在文件夹路径打开powershell终端，输入“cnpm install express --save"或"npm install express --save”安装Express依赖。做vue前端开发，node环境很早就知道，之前想当然认为node就是一个常规的运行环境，不会提供其它功能。另外，我发现node.js里面的console.log不会打印到浏览器控制台，而是powershell里面，可能是因为它是在服务内，不是在系统内。

我在V1版本用中文指令让它支持节点展开、收起，发现没有变化，可能不支持中文指令，后面V2版本换成英文指令后，树节点默认收起了，但点击却无法展开。目标是帮助开发者构建其产品的第一个版本（所以名字叫V0，可以在V0版本上不断修改，生成V1、V2等等版本）。）进行注册，然后点击“Soluations”下的“AI Apps”，最后点击“Try V0.dev”按钮进入V0页面。我们输入指令让V0帮我们生成一个带有滑动验证的登陆页面，大概10秒左右就生成好了，还是很快的。首先在Vercel官网（

附录3 选取政务信息系统中常见的电子公文处理系统，选择最小业务场景，提炼基本密码应用需求，设计了一个精简版的密码应用方案示例，在密码应用流程、密钥管理、安全管理、实施保障等方面较为简略，可为各单位编写密码应用方案提供思路参考，实际工作请结合附录 1，依据项目实际设计编制密码应用方案。”全称“密码应用安全性评估”，是指在采用密码技术、产品和服务集成建设的网络和信息系统中，对其密码应用的合规性、正确性和有效性进行评估。简单地说，就是对使用了商业密码的系统进行评估，从而确保其密码应用的合规、正确、有效。

有时候会一直loading（看控制台是接口401，可能是runway服务问题），此时刷新页面会中断账户注册，建议多试几次注册流程或者换其它VPN。注册登录后会免费赠送100秒的AI视频制作，可以通过图片、文字、图片+文字三种方式生成视频，文字最好用英文，中文可能不识别（我没有测试）我试了文字、图片+文字生成两种方式，感觉生成的4秒视频和预期误差较大，可能是提示词不够贴切，还有视频太短无法自然展示所有内容。输入邮箱地址，这里可以使用国内邮箱，如网易126邮箱。进入官网登录页，点击右上角免费注册按钮。

我研究、配置的第一个微前端是qiankun，根据qiankun官方文档可以成功搭建Vue主子应用以及react子应用，但文档中配置项层级模糊且对应示例比较片面，好在网上博客、文档多。最近一段时间在学习微前端，一开始是看各种博客了解微前端含义、对比多种微前端框架优劣，最后选择了qiankun、micro-app、wujie这三种微前端框架进行深入研究、对比。可以说wujie给我最大的感觉是文档混乱、步骤不清晰、容易误导人，网上相关的博客、文档很少，翻来覆去内容都很相似，参考意义不大。Qiankun（蚂蚁）

response_type=code&client_id=应用标识&redirect_uri=回调地址&scope=get_user_info&authType=QRCODE&embedMode=true。//数据格式：{ "code": "aaaa", "state": "bbbb" } alert(JSON.stringify(event.data));注意事项：参数"redirect_uri=回调地址"涉及的域名，需和创建扫码登录应用授权时填写的回调域名一致，否则会提示无权限访问。

、

由于超图或cesium场景都是在一个canvas标签上，所以一开始打算用canvas.toDataURL()获取画布上的绘制内容，再通过a标签触发点击下载。但最后试了多次得到的都是全黑图片。就算通过 Canvas.getContext()设置preserveDrawingBuffer: true也不行，这会导致场景变黑，部分内容闪亮，此时截图还是能看到一部分的，说明canvas.toDataURL()功能正常，只是场景出了问题。最近有个需求：只截场景图片，不保留其它功能标签，并导出下载。

一些常用JQuery语句转为基于Vue的HTML原生写法汇总

最近项目中需要用到多层树table+checkbox勾选功能，选了一些组件，最终决定使用vxe-table。Vxe-table功能丰富、api也多。官方例子很多比较粗浅，我花了很多精力才弄通了一些功能点及细节。在此汇总给大伙铺铺路。

首先获取viewer：var viewer = new Cesium.Viewer('cesiumContainer')；然后获取scene：viewer.scene；最后进行修改：地球：viewer.scene.globe.show=true(打开，false关闭)；太阳：viewer.scene.sun.show=true(打开，false关闭)；大气层：viewer.scene.skyAtmosphere.show=true(打开，false关闭)；阴影（太阳投射而成的阴影）：

1、服务归纳最近负责的项目需要发布大量的三维、数据、地图服务，并且每个服务可能有多个版本迭代。如果不对这些服务加以归纳，可能会导致服务管理混乱、误删等。这里我采用先按日期归类文件夹，再按版本归类文件夹中的服务名称的方式。比如：文件夹为“2021-12-13”、“2021-12-14”，文件为“宗地红线图层-1.zip”、“宗地红线图层-2.zip”。在确定某些服务不再使用后及时删除iserver上已发布的对应服务及其对应的原始数据文件。2、个人建议尽量使用windows服务器部署window

现在很多现成的前端组件非常受欢迎，以至于越来越多的HTML原生标签渐渐被忽视。但现成组件功能局限性较大，有些情况下无法支撑实际的需求，这时候还是得靠HTML原生标签实现。最近参与玄览组件开发时就遇到了这种情况：有多个滑动条，它们分别对应一个或多个图层，移动滑动条时要能实时修改对应图层的透明度，并且要修改滑动条样式。常见的一些现成滑块组件样式修改容易，但提供的属性值和绑定的方法只适用单个滑块使用场景。在多滑块相互影响、联动的场景面前显得捉襟见肘，并且有时候该滑块对应功能限制了滑块使用方式。比如超图

之前项目有个需求：想在父页面中嵌入的子iframe里用父页面的登录信息进行二次登录。当时采用iframe和postMessage实现了这一功能：1、父页面中的子iframe：2、父页面中使用contentWindow.postMessage方法向子iframe传入“username”和“password”两个参数：3、子页面中使用window.addEventListener方法监听获取父页面传过来的“username”和“password”两个参数：...

装饰者模式又称装饰器模式，在不改变原对象的基础上，通过对其添加属性或方法来进行包装拓展，使得原有对象可以动态具有更多功能。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。理解一：在Vuex中，单一状态树作为唯一数据源，Store对象相当于原对象。State、Getters、Mutations、Actions、Modules相当于这单一状态树的装饰器，通过这些装饰器来提供额外功能，如获取状态、.