- 博客(34)
- 收藏
- 关注
RSS订阅原创 cesium obj格式转换为gltf、glb
刚接触cesium，cesium需要三维模型的格式是gltf、glb, 这里需要三维人员把模型导成obj格式，这里用到的工具是https://github.com/CesiumGS/obj2gltf，这个工具可以很好的把obj转换成cesium用到的格式。在下载好的obj2gltf, 安装好obj2gltf依赖，在这个根目录下打开cmd命令窗口，然后执行obj2gltf -i ./assets/file.obj -o ./assets/file.glb， 具体还是可以看obj2gltf相关文档，我这里.
2021-09-13 16:45:57
2579
原创 Warning: `callback` is deprecated. Please return a promise instead.
使用场景：使用表单自定义验证，我的函数使用了async，constvalidatorUsername=async(rule:any,value:string,callback:(message?:string)=>void)=>{}这种情况下不能使用callback直接返回了。应该使用Promise返回...
2021-05-28 10:39:07
4254
3
原创 react中引入AntDesign4.0版本进行自定义主题同时配置less
1. 自定义主题可以参考AntDesign4版本https://ant.design/docs/react/use-with-create-react-app-cn2.我这边主要是引入antd.less报错了。3.然后我这边主要是因为没有配置less，使用yarn add less less-loader安装less4.配置less-loader需要暴露webpack配置文件，这就要使用create-react-app脚手架工具提供的 eject 命令，打开终端运行 yarn eject命令..
2021-04-22 14:14:32
753
原创 上传文件后vue获取图片和video的宽高
<img:src="imgUrl"alt=""ref="imgRes"v-show="false"/>varreader=newFileReader();reader.readAsDataURL(f); // f =》上传图片<input type = 'file'> @change获取的 reader.onload = function () { console.log(reader); console.log(reader.res...
2021-04-02 14:30:01
1349
原创 domtoimage截屏报错Uncaught(in promise)
1. 截屏失败，找了很久的原因，我出现的问题是因为截屏的内容中有一个img标签，src为空，所以就报如下错误，我移除img标签，就可以正常截屏了。
2021-02-26 10:18:36
1960
2
原创 网页端截屏
1. 最开始选用的是html2canvas,但是我截屏的网页有iconfont字体，还有视频，用html2canvas截屏下来字体和视频是显示不完整的，所以就放弃了用这个。2. 选用了domtoimage。 vue使用npm install domtoimage --save import domtoimagefrom"dom-to-image"; domtoimage.toJpeg(你要截屏的dom节点).then((dataURL)=>{...
2021-02-07 09:33:13
222
原创 vue拖拽图片到html页面并用axios实现上传
<div @drop="drop($event)" @dragover="allowDrop($event)" ></div>export default { mounted() { document.ondragover = function(e) { e.preventDefault(); //阻止拖放的图片在新窗口中直接显示,拖放的目标对象此时是document对象 }; document.ondrop = fun
2020-12-07 17:42:04
288
原创 vue2.6.11引入静态文件的js和图片
vue3.0中index.html引入静态文件。1.<scripttype="text/javascript"src="<%=BASE_URL%>static/js/createjs-2015.11.26.min.js"></script>2. 在public下新建static，然后建js等相应文件夹
2020-12-04 15:21:05
853
原创 postMessage在网页通信中遇到的问题
1.<iframeid="child"src="嵌套的地址"></iframe>constchild=document.getElementById('child')child.contentWindow.postMessage('传递的消息', "*")2. 我遇到的问题是在axios请求后，使用postMessage发送消息，window.addEventListener并没有接收到，这里是要在iframe加载完成之后发送数据。child.onloa...
2020-11-27 18:01:35
1548
原创 echarts图表平移动画
1. 最近项目需求，要做一个echarts图表平移动画的效果，数据如下格式，2. 然后用setInterval调用，其实实现这种效果，就是用计时器，push一个数据进去，然后删除第一个数据就可以呢。3. 以上就是普通图表实现平移动画的代码，我这边的项目需求是，x轴的type要求是time, 所以x轴的数据要在series定义，这里也有个问题是，我一直以为像图二中用定时器push一个，删除一个就可以实现平移的效果，但是明显不是，我做出来数据是跳动的，varsdtime1=newDa...
2020-10-22 11:04:40
2836
2
原创 echarts改变图例的样式
1.如下图中，echarts提供的api调整的整个图表的图例，如果想每个图例的样式都不一样，这种不太适用2 . 调整每个图例的样式，可以用下图这个
2020-10-22 10:30:07
3447
原创 vue-cli 3.0 + electron-vue
1. vue create my-project2.vue add electron-builder3.npm run electron:serve4.npm run electron:buildvue-cli 3.0搭建之后，相比2.0 文件更精简了，也没有vue.config.js, 我们要自己创建，且必须是根目录，有些配置我们就可以自己改，比如在该文件中添加以下代码，这个是electron-vue打包后可以修改默认配置的地方，2.0是在package.json中修改，3.0是在...
2020-10-10 14:13:40
835
原创 自适应网页
1. 我使用的是vue + flexible2. 先下载依赖，cnpm install lib-flexible --save 在main.js中 引入import'lib-flexible/flexible.js'3. cnpm install px2rem-loader --save-dev 这个依赖可以将px转化为rem4. 在build文件夹下的util.js中加入如下代码5.options 配置的remUnit 设置为54，表示54px将会转化为1rem。6. 以下...
2020-09-16 17:28:46
242
原创 electron-vue中使用js-cookie遇到的问题
1. electron-vue在开发过程中，一直使用的js-cookie，后来在打包后，发现js-cookie用不了，在浏览器中无法保存cookie，所以就改用localstorage呢。2. 改用localstorage后，还是有一些问题，在关闭程序后重新打开或者打包后打开程序，之前保存在浏览器的数据没有清除，我是在关闭窗口后清除数据的。3.ipcMain.on('close',e=>{ // 主进程jsmainWindow.close()//mainWindow.w...
2020-09-16 15:23:17
3692
1
原创 网页中视频适应移动端的方法
这几天，网页中的视频在移动端显示的层级非常高，给定位是解决不了的，在网上找了很多方法，然后找到了只有用jsmpeg将video转换成canvas才行。1.<canvasid="video"></canvas>2. 在网页中引入<scripttype="text/javascript"src="./static/js/jsmpeg.js"></script>3.https://github.com/phoboslab/jsmpeg的js...
2020-09-15 18:05:16
502
原创 echarts默认选中区域缩放
1.想实现如下功能，默认选中区域缩放，这样用户不用每次都要去选中这个按钮，才能实现缩放。2.项目需求是后台最初给我的是抽样的数据，然后通过缩放调用接口，再来查询详细的数据。3.想实现图一功能，如下：因为我这边不想把按钮显示出来，所以我使用opacity把图标隐藏了，这样默认就可以缩放图表了。默认的还原对我来说不适用，所以我这边自己做还原按钮。...
2020-08-28 14:52:04
3790
原创 node.js调用exe
通过下面的命令可以调用exe1. constchild=require('child_process')child.exec(`${path路径}`,(err,stdout,stderr)=>{ console.log(err,stdout,stderr)})2.如果想给调用的路径传参，就在路径后面加传参的内容child.exec(`${path}1234`,(err,stdout,stderr)=>{co...
2020-08-07 10:26:54
7220
2
原创 网页手机端如何初始化就横屏
可以通过旋转的角度来判断1.window.onresize 只会在手机开启自动旋转后才会触发。2. 通过window.orientation 来判断是否旋转<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale...
2020-07-30 17:10:21
665
1
原创 iframe嵌套的页面，单独打开是清晰的，嵌套打开就变得模糊(嵌套的页面是三维页面)
这个问题让我头痛了很久，想不明白怎么回事，后面发现之所以会这样，是因为我在iframe的页面中，加入了<metaname="viewport"content="width=device-width,initial-scale=1.0,user-scalable=no">，这个去掉之后，iframe嵌套的页面就清晰了。...
2020-07-30 15:34:22
4006
2
原创 element-ui table 导出， 导入Excel表格
1. 使用npm安装npm i -S file-saver xlsx script-loader2. 我这边是在src/renderer 下面新建了一个Excel文件夹，然后把以下两个文件复制过来链接: https://pan.baidu.com/s/18qBkhCyfyjkuG5OHwxi-JQ 提取码: cn2f3. 我在我需要导出的页面，引入了importBlobfrom"@/execl/Blob.js";4. 导出所调用的方法：const{export_js...
2020-07-28 17:09:02
1331
原创 electron-vue打包后在resources下app没有生成文件夹
因为我的exe程序中要在指定文件下读写文件，发包后读写没有成功，在package.json中加入asar:false 就可以呢。
2020-07-24 13:54:26
1538
原创 解决electron-vue中element-ui表格无法显示问题
1.之前用vue做过很多次项目，都没有出现类似问题，一开始我怀疑我element-ui的版本不对，陆续重新下了依赖还是不显示。2. 后面解决方法是，在如下文件中加入element-ui就可以解决。
2020-07-10 14:32:44
3930
13
原创 electron-vue打包生成exe通过NSIS设置英文向导文件
1.首先下载 NSIS编辑工具。2.我们通过electron-vue构建的项目，可以通过yarn run build生成exe文件，如下，在下图文件中会有一个exe文件3.我们可以把这个win-unpacked文件复制e盘的根路径(这个我是为了层级简单，便于寻找)4.打开工具5下一步6.图标文件选择ico后缀的图片，我这里使用英文的安装7.授权文件可以任意写(txt格式)，我这里没有就没有写8.把下面两个(也就是程序默认的删掉)9添加文...
2020-05-25 15:32:43
1290
1
原创 iconfot图标用于伪类元素
1.先在iconfont官网上去下载你所需要的图标，下载下来，如下2.在css中去定义，因为我的项目不用兼容ie,所以引用ttf后缀的文件即可@font-face{font-family:'font-slider';src:url('../fonts/iconfontSlider.ttf')}3.下载下来的文件中有一个html的文件，直接在浏览器打开。4.&#开头用以标明这是字符实体，x表示这是十六进制5.li:after { con...
2020-05-21 17:10:40
406
原创 webpack4兼容ie
1.首先在package.json中安装cnpm i@babel/core@babel/preset-envbabel-loader -D2.在webpack.config.js中设置规则3.网上有很多办法说完成上面两部可以兼容ie，但是我试了不行，然后继续安装依赖cnpm ibabel-polyfill -D4.在webpack.config.js中引入babel-polyfill上述步骤完成后，可以解决ie10以上的兼容问题。...
2020-05-15 10:40:02
1612
原创 nodeJs安装完成npm下载遇到的问题
npm下载遇到的问题最近，电脑重新安装了系统，node的环境要重新装。node.js在官网下载后安装，node -v 正常查询到了版本，查询npm -v遇到了报错。改变原有的环境变量3.遇到图一所示的问题，是因为我.npmc的位置制定错了，修改成图二所示的位置图二设置好了之后，会生成如下的文件：设置环境变量：就可以正常用npm安装依赖呢。...
2020-04-18 22:08:45
730
原创 nodeJs使用sequelize
nodeJsnvm—> 管理nodeJs版本 ；nrm—>npm源问题 ；nodemon—>监听文件变化，自动重启。express：帮助我们构建http服务。接收req，处理res。node中的一种web框架。express搭建web应用1） 创建项目(创建一个文件夹)2） npm init (初始化package.json)3） npm i express -S...
2020-04-09 12:31:33
1451
原创 HighStock点太多，显示tooltip时undifined
按理说这里是用step:true画图，不应该出现拐点，而且出现了数据库没有的点。解决方法：结果就正确了
2019-12-19 15:24:03
149
原创 vue使用html2canvas报错：The image argument is a canvas element with a width or height of 0.
vue使用html2canvas报错最近这两天，因为项目需要将特定的网页保存为pdf，看网上的代码感觉都前篇一律，可能是页面中的数据都是axios异步请求出来的，导出为pdf要不就是空白要不就是报图上的错误，后面解决了，看下面代码。*注：导出pdf想要两边留间距,就修改imgWidth，并且在addImage时x方向参数设置你要的边距，a4纸正常宽度是595.28，我这里两边留了20的间距，...
2019-10-09 17:57:37
4567
2
原创 electron学习第一章
1.快速上手可以克隆git clone https://github.com/electron/electron-quick-start2.进入这个仓库 cd electron-quick-start3.npm i4. npm start5. 想把vue-cli中的代码放到electron，只需在vue-cli相关代码处npm run build,然后把生成的dist中的文件拷到elct...
2019-08-07 18:18:41
221
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人