- 博客(31)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 DTS飞渡开发入门
我们需要先在官网注册账号，然后下载三个软件并安装：DTS Cloud（高渲染云服务发布）、DTS Engine（多源数据自动处理平台）、DTS Explorer（数字孪生场景的构建和编辑器），安装DTS Cloud时选择安装master，安装完毕后打开master，用注册的手机号授权试用即可。三、在场景展示页面加上标签<div id="player"></div>（建议宽用100vw，高用100vh），并在当前页面引入acapi，如下图所示；相关DTS API可见。
2024-02-23 19:44:10
394
原创 Node.js初学心得
首先创建一个文件夹，我命名它为nodeTest，然后在文件夹路径打开powershell终端，输入“cnpm install express --save"或"npm install express --save”安装Express依赖。做vue前端开发，node环境很早就知道，之前想当然认为node就是一个常规的运行环境，不会提供其它功能。另外，我发现node.js里面的console.log不会打印到浏览器控制台，而是powershell里面，可能是因为它是在服务内，不是在系统内。
2024-02-23 08:59:32
365
原创 前端AI工具Vercel V0初体验
我在V1版本用中文指令让它支持节点展开、收起，发现没有变化，可能不支持中文指令，后面V2版本换成英文指令后，树节点默认收起了，但点击却无法展开。目标是帮助开发者构建其产品的第一个版本（所以名字叫V0，可以在V0版本上不断修改，生成V1、V2等等版本）。）进行注册，然后点击“Soluations”下的“AI Apps”，最后点击“Try V0.dev”按钮进入V0页面。我们输入指令让V0帮我们生成一个带有滑动验证的登陆页面，大概10秒左右就生成好了，还是很快的。首先在Vercel官网（
2024-02-22 09:07:48
561
原创 密评经验分享（将近75分高分通过）
附录3 选取政务信息系统中常见的电子公文处理系统，选择最小业务场景，提炼基本密码应用需求，设计了一个精简版的密码应用方案示例，在密码应用流程、密钥管理、安全管理、实施保障等方面较为简略，可为各单位编写密码应用方案提供思路参考，实际工作请结合附录 1，依据项目实际设计编制密码应用方案。”全称“密码应用安全性评估”，是指在采用密码技术、产品和服务集成建设的网络和信息系统中，对其密码应用的合规性、正确性和有效性进行评估。简单地说，就是对使用了商业密码的系统进行评估，从而确保其密码应用的合规、正确、有效。
2024-02-20 10:18:05
1330
原创 AI视频生成工具Runway注册试用
有时候会一直loading（看控制台是接口401，可能是runway服务问题），此时刷新页面会中断账户注册，建议多试几次注册流程或者换其它VPN。注册登录后会免费赠送100秒的AI视频制作，可以通过图片、文字、图片+文字三种方式生成视频，文字最好用英文，中文可能不识别（我没有测试）我试了文字、图片+文字生成两种方式，感觉生成的4秒视频和预期误差较大，可能是提示词不够贴切，还有视频太短无法自然展示所有内容。输入邮箱地址，这里可以使用国内邮箱，如网易126邮箱。进入官网登录页，点击右上角免费注册按钮。
2024-02-20 09:52:33
732
原创 微前端个人理解与简单总结
我研究、配置的第一个微前端是qiankun，根据qiankun官方文档可以成功搭建Vue主子应用以及react子应用，但文档中配置项层级模糊且对应示例比较片面，好在网上博客、文档多。最近一段时间在学习微前端，一开始是看各种博客了解微前端含义、对比多种微前端框架优劣，最后选择了qiankun、micro-app、wujie这三种微前端框架进行深入研究、对比。可以说wujie给我最大的感觉是文档混乱、步骤不清晰、容易误导人，网上相关的博客、文档很少，翻来覆去内容都很相似，参考意义不大。Qiankun（蚂蚁）
2023-12-01 11:22:46
2086
原创 浙政钉二维码控制显示及缩放
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=回调地址"涉及的域名，需和创建扫码登录应用授权时填写的回调域名一致，否则会提示无权限访问。
2023-12-01 10:19:51
626
原创 基于supermap超图、cesium的场景截图实现，避免全黑截图
由于超图或cesium场景都是在一个canvas标签上，所以一开始打算用canvas.toDataURL()获取画布上的绘制内容，再通过a标签触发点击下载。但最后试了多次得到的都是全黑图片。就算通过 Canvas.getContext()设置preserveDrawingBuffer: true也不行，这会导致场景变黑，部分内容闪亮，此时截图还是能看到一部分的，说明canvas.toDataURL()功能正常，只是场景出了问题。最近有个需求：只截场景图片，不保留其它功能标签，并导出下载。
2023-04-12 15:54:45
776
原创 Vxe-table使用技巧总结
最近项目中需要用到多层树table+checkbox勾选功能，选了一些组件，最终决定使用vxe-table。Vxe-table功能丰富、api也多。官方例子很多比较粗浅，我花了很多精力才弄通了一些功能点及细节。在此汇总给大伙铺铺路。
2022-06-01 16:08:25
18922
原创 超图隐藏地球、太阳、大气层、阴影方式
首先获取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关闭)；阴影（太阳投射而成的阴影）：
2021-12-14 16:07:09
875
6
原创 超图iserver发布服务小结
1、服务归纳最近负责的项目需要发布大量的三维、数据、地图服务，并且每个服务可能有多个版本迭代。如果不对这些服务加以归纳，可能会导致服务管理混乱、误删等。这里我采用先按日期归类文件夹，再按版本归类文件夹中的服务名称的方式。比如：文件夹为“2021-12-13”、“2021-12-14”，文件为“宗地红线图层-1.zip”、“宗地红线图层-2.zip”。在确定某些服务不再使用后及时删除iserver上已发布的对应服务及其对应的原始数据文件。2、个人建议尽量使用windows服务器部署window
2021-12-14 15:08:09
1460
原创 原生input标签滑块功能及样式修改实现
现在很多现成的前端组件非常受欢迎，以至于越来越多的HTML原生标签渐渐被忽视。但现成组件功能局限性较大，有些情况下无法支撑实际的需求，这时候还是得靠HTML原生标签实现。最近参与玄览组件开发时就遇到了这种情况：有多个滑动条，它们分别对应一个或多个图层，移动滑动条时要能实时修改对应图层的透明度，并且要修改滑动条样式。常见的一些现成滑块组件样式修改容易，但提供的属性值和绑定的方法只适用单个滑块使用场景。在多滑块相互影响、联动的场景面前显得捉襟见肘，并且有时候该滑块对应功能限制了滑块使用方式。比如超图
2021-12-02 15:15:43
2036
原创 Vue项目中使用iframe和postMessage实现跨域通信传输数据
之前项目有个需求：想在父页面中嵌入的子iframe里用父页面的登录信息进行二次登录。当时采用iframe和postMessage实现了这一功能：1、父页面中的子iframe：2、父页面中使用contentWindow.postMessage方法向子iframe传入“username”和“password”两个参数：3、子页面中使用window.addEventListener方法监听获取父页面传过来的“username”和“password”两个参数：...
2021-10-24 21:21:44
992
原创 装饰者模式(Decorator Pattern)在Vuex中的应用思考
装饰者模式又称装饰器模式，在不改变原对象的基础上，通过对其添加属性或方法来进行包装拓展，使得原有对象可以动态具有更多功能。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。理解一：在Vuex中，单一状态树作为唯一数据源，Store对象相当于原对象。State、Getters、Mutations、Actions、Modules相当于这单一状态树的装饰器，通过这些装饰器来提供额外功能，如获取状态、.
2021-06-29 09:08:03
261
原创 Canvas动态改变宽高解决拉伸问题
之前开发模型渲染功能时，有一个特效是通过给目标canvas添加、修改filter属性实现。当时我发现一个问题：仅仅添加、修改filter一个属性后，canvas内容会被拉伸，导致滚动条出现（如下图，外层div宽高为337.5*745，但内层canvas宽高却为1012*2235），就算添加固定高度也没效果。昨天处理移动端适配，发现这个问题在移动端影响更大。最终我是通过动态改变canvas宽高完美解决了此问题。首先使用window.getComputedStyle（）方法获取canvas父级容器宽高；
2021-05-19 13:57:10
2440
原创 Vue项目中使用sortablejs实现拖放排序功能
首先通过npm install sortablejs --save在项目中安装依赖；然后在想要实现该功能的页面中引入它：最后，在当前页面中定义rowDrop方法（可以在mounted生命周期触发它或在一个监听函数中触发它，我是后者），我是想在antd的table组件中使用该功能，由于要拖放排序的是tr元素，所以选择tbody元素作为目标节点，即dragTr。接着通过new Sortable()方法传入dragTr完成sortable对象的构建，可以在该方法中传入相关配置项（具体见官网），以及在o
2021-04-28 15:33:30
1686
1
原创 Vue项目使用v-drag实现拖拽功能
无意间发现一年半前使用的拖拽功能，感觉挺实用的，分享给大伙。首先需要创建一个自定义指令“drag”；然后直接按照下图代码将dom元素的鼠标点击、拖动、松开事件方法定义好（这里的el是指令所绑定的元素，可以用来直接操作 DOM）；最后在想要拖动的元素的根节点标签中加入“v-drag”即可，此时，自定义指令中的el就是类名为“contrast-con”的div元素。...
2021-04-27 09:39:00
10083
4
原创 Antd修改Table表格行间距
我们在使用Antd的table表格时，可能需要增大每行间距。如果直接在tr或td标签中使用margin或padding不会生效。像下图我把margin-top设置了1000px，页面明显可以看出没生效。这时候可以给td设置一个白色的有宽度的底部border，如下图红框处：...
2021-04-13 17:08:04
5711
2
原创 CSS使用注意事项之word-break
有一次我发现无论怎么设置都无法实现行内文字换行，当时我测试的文字是一段很长的纯数字，比如11111111112222222222......888888888899999999999。后来是加了word-break：break-all;才实现。原来网页在识别连续纯数字或连续多个字母时会将其作为一个长单词，需要用word-break：break-all;将其分开。...
2021-04-13 15:12:37
167
原创 Antd单独隐藏Modal对话框的默认ok或cancel按钮
有时候我们需要单独隐藏Modal对话框的默认确定或取消按钮，设置:footer="null"会把两个按钮都隐藏。Antd有提供两个参数用于单独修改确定、取消按钮：对于确定按钮，设置:ok-button-props="{style:{display:'none'}}"；对于取消按钮，设置:cancel-button-props="{style:{display:'none'}}"。这样就能快速隐藏对应按钮了。...
2021-04-13 14:30:02
14384
3
原创 Antd树型选择控件TreeSelect搜索功能
有时候我们需要在TreeSelect中添加搜索功能，Antd是有提供对应的配置选项，两步即能实现：1、在a-tree-select标签中添加show-search参数，这能在下拉中显示搜索框，需要注意的是仅在单选模式下生效；2、在a-tree-select标签中添加tree-node-filter-prop参数，其值为tree-data参数绑定的数组（图中接口返回的整个data数组）的title值。我们在搜索框中输入想要查找的内容，TreeSelect就会自动过滤搜索结果并展示，如下图：
2021-04-13 10:54:13
9285
1
原创 Vue项目中使用gif.js方法及注意事项
前言：最近遇到一个需求，要将canvas转换成gif动图。网上大部分解决方案是利用gif.js（官方地址：https://github.com/jnordberg/gif.js）。由于没有现成的npm库，官网说明只能直接引入js。由于每个Vue项目用的版本不同，静态资源存放路径也不同，所以我就以Vue2.0为例教大伙正确引入gif.js及gif.worker.js。首先，在项目index.html文件中引用外部js<scripttype="text/javascript"src="ht..
2021-04-12 16:28:31
3812
8
原创 基于Vue的微信公众号开发及选型研究
目录1、背景介绍1.1微信公众号简介1.2Vue框架简介1.3组件库简介2、开发流程2.1申请微信公众号2.2申请微信测试号及配置2.3安装微信开发者工具2.4创建Vue项目2.5选择合适的组件库并引入项目2.6拼接访问链接2.7使用微信开发者工具进行页面调试2.8配置自定义菜单2.9部署到服务器3、选型研究3.1开发框架选型3.1.1React简介3.1.2对比Vue与React的不同，及Vue的优势3.1.3Nux...
2021-03-31 15:18:23
2321
2
原创 Nginx服务问题总结
2018年6月25日遇到的问题描述：XX系统外网访问时，上传800k以上文件会出现413错误、IO错误等等，但是其内网上传正常。周末排查了Tomcat和Nginx配置都没问题。解决办法：原来是服务器上同时开启了多个Nginx服务，全部关闭后重启一次Nginx服务解决此问题。2018年8月24日遇到的问题描述：由于XX单位信息科重新安装杀毒软件，导致所有服务器重新启动，我们在院里面发布新版本后无法通过外网访问8090端口域名。解决办法：经排查，部署的Nginx服务配置文件没问题，网站服务器的.
2021-03-30 16:59:21
123
原创 Vue项目入口文件的两种写法
无意中翻出两年前学习Vue时做的总结，欢迎大伙指正。Vue有两种写法：1、main.js搭配App.vue；2、一个HTML搞定。第一种格式：main.js文件:import Vue from ’vue';import App from './App';Vue.config.productionTip = false;new Vue({el: '#app',template: '<App/>',components: { App }});A
2021-03-30 15:52:30
1679
原创 数据库学习笔记
每个SQL语句都是由一个或多个关键字构成的。 SQL语句不区分大小写，且以分号分隔。 在处理SQL语句时，其中所有空格都会被忽略。 可以用*通配符检索出名字未知的列。 DISTINCT关键字指示数据库只返回不同的值（它必须直接放在列名的前面，并且作用于所有列，不仅仅是跟在其后的那一列）。 在指定一条ORDER BY子句时，应该保证它是SELECT语句中最后一条子句。 DESC关键字只应用到直接位于其前面的列名，表示降序。如果想在多个列上进行降序排序，必须对每一列指定DESC关键字。还可以用它的全
2021-03-30 15:34:58
115
原创 高德地图Amap开发实践
一、简介：高德开放平台是国内技术领先的LBS（Location Based Services，基于位置的服务）服务提供商，拥有先进的数据融合技术和海量的数据处理能力。高德开放平台向广大开发者提供覆盖移动端和Web端的开发工具，开发者通过调用开发包或接口即可在应用或网页中实现地图显示、标注、位置检索等功能。使得LBS应用的开发过程更加容易。高德地图JS API是一套JavaScript语言开发的地图应用编程接口，移动端、PC端一体化设计，一套API兼容众多系统平台。目前JS API免费开放使用。J
2021-03-30 14:27:35
2920
原创 CSS实现区域（局部）可点击
前言：项目采用antd的table组件，鼠标点击每行tr会进行跳转。最近遇到一个需求：table组件在进行多选时，鼠标能正常勾选，但点击绿色箭头所指区域时不做跳转。可以将绿色箭头所指标签添加pointer-events: none样式，再给红色箭头所指标签添加pointer-events: fill样式实现，见下图。...
2021-03-26 16:15:15
789
原创 Modelo（模袋）引擎使用流程及基于Vue开发时注意事项
模袋引擎简介Modelo是集美观与性能为一体、基于WebGL的三维轻量化BIM引擎。其中，Modelo API是Modelo所有产品的核心框架。基于Modelo API可以非常方便的创建功能丰富的BIM行业应用。 开发者只需专注在业务逻辑的开发，将数据存储、处理和显示等基础功能交给Modelo API完成。将模袋引入Vue项目一个开发者账号可以承载一个应用程序的开发，每一个应用程序都有相应的密钥，即App Token。这个密钥是访问此应用程序相关数据的口令。首先，我们需要登录模袋官网https...
2021-01-26 09:03:48
4305
5
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人