- 博客(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
2770
原创 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
4380
3
原创 react中引入AntDesign4.0版本进行自定义主题同时配置less
1. 自定义主题可以参考AntDesign4版本https://ant.design/docs/react/use-with-create-react-app-cn 2.我这边主要是引入antd.less报错了。 3.然后我这边主要是因为没有配置less，使用yarn add less less-loader安装less 4.配置less-loader需要暴露webpack配置文件，这就要使用create-react-app脚手架工具提供的 eject 命令，打开终端运行 yarn eject命令..
2021-04-22 14:14:32
842
原创 上传文件后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
1471
原创 domtoimage截屏报错Uncaught(in promise)
1. 截屏失败，找了很久的原因，我出现的问题是因为截屏的内容中有一个img标签，src为空，所以就报如下错误，我移除img标签，就可以正常截屏了。
2021-02-26 10:18:36
2164
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
311
原创 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
349
原创 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
917
原创 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
1640
原创 echarts图表平移动画
1. 最近项目需求，要做一个echarts图表平移动画的效果，数据如下格式， 2. 然后用setInterval调用，其实实现这种效果，就是用计时器，push一个数据进去，然后删除第一个数据就可以呢。 3. 以上就是普通图表实现平移动画的代码，我这边的项目需求是，x轴的type要求是time, 所以x轴的数据要在series定义，这里也有个问题是，我一直以为像图二中用定时器push一个，删除一个就可以实现平移的效果，但是明显不是，我做出来数据是跳动的， varsdtime1=newDa...
2020-10-22 11:04:40
2971
2
原创 echarts改变图例的样式
1.如下图中，echarts提供的api调整的整个图表的图例，如果想每个图例的样式都不一样，这种不太适用 2 . 调整每个图例的样式，可以用下图这个
2020-10-22 10:30:07
3524
原创 vue-cli 3.0 + electron-vue
1. vue create my-project 2.vue add electron-builder 3.npm run electron:serve 4.npm run electron:build vue-cli 3.0搭建之后，相比2.0 文件更精简了，也没有vue.config.js, 我们要自己创建，且必须是根目录，有些配置我们就可以自己改，比如在该文件中添加以下代码，这个是electron-vue打包后可以修改默认配置的地方，2.0是在package.json中修改，3.0是在...
2020-10-10 14:13:40
909
原创 自适应网页
1. 我使用的是vue + flexible 2. 先下载依赖，cnpm install lib-flexible --save 在main.js中 引入import'lib-flexible/flexible.js' 3. cnpm install px2rem-loader --save-dev 这个依赖可以将px转化为rem 4. 在build文件夹下的util.js中加入如下代码 5.options 配置的remUnit 设置为54，表示54px将会转化为1rem。 6. 以下...
2020-09-16 17:28:46
305
原创 electron-vue中使用js-cookie遇到的问题
1. electron-vue在开发过程中，一直使用的js-cookie，后来在打包后，发现js-cookie用不了，在浏览器中无法保存cookie，所以就改用localstorage呢。 2. 改用localstorage后，还是有一些问题，在关闭程序后重新打开或者打包后打开程序，之前保存在浏览器的数据没有清除，我是在关闭窗口后清除数据的。 3.ipcMain.on('close',e=>{ // 主进程js mainWindow.close() //mainWindow.w...
2020-09-16 15:23:17
4136
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
593
原创 echarts默认选中区域缩放
1.想实现如下功能，默认选中区域缩放，这样用户不用每次都要去选中这个按钮，才能实现缩放。 2.项目需求是后台最初给我的是抽样的数据，然后通过缩放调用接口，再来查询详细的数据。 3.想实现图一功能，如下：因为我这边不想把按钮显示出来，所以我使用opacity把图标隐藏了，这样默认就可以缩放图表了。默认的还原对我来说不适用，所以我这边自己做还原按钮。 ...
2020-08-28 14:52:04
3928
原创 node.js调用exe
通过下面的命令可以调用exe 1. 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
7375
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
750
1
原创 iframe嵌套的页面，单独打开是清晰的，嵌套打开就变得模糊(嵌套的页面是三维页面)
这个问题让我头痛了很久，想不明白怎么回事，后面发现之所以会这样，是因为我在iframe的页面中，加入了 <metaname="viewport"content="width=device-width,initial-scale=1.0,user-scalable=no">，这个去掉之后，iframe嵌套的页面就清晰了。 ...
2020-07-30 15:34:22
4291
2
原创 element-ui table 导出， 导入Excel表格
1. 使用npm安装 npm i -S file-saver xlsx script-loader 2. 我这边是在src/renderer 下面新建了一个Excel文件夹，然后把以下两个文件复制过来 链接: https://pan.baidu.com/s/18qBkhCyfyjkuG5OHwxi-JQ 提取码: cn2f 3. 我在我需要导出的页面，引入了 importBlobfrom"@/execl/Blob.js"; 4. 导出所调用的方法： const{export_js...
2020-07-28 17:09:02
1472
原创 electron-vue打包后在resources下app没有生成文件夹
因为我的exe程序中要在指定文件下读写文件，发包后读写没有成功，在package.json中加入asar:false 就可以呢。
2020-07-24 13:54:26
1621
原创 解决electron-vue中element-ui表格无法显示问题
1.之前用vue做过很多次项目，都没有出现类似问题，一开始我怀疑我element-ui的版本不对，陆续重新下了依赖还是不显示。 2. 后面解决方法是，在如下文件中加入element-ui就可以解决。
2020-07-10 14:32:44
4037
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
1413
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
471
原创 webpack4兼容ie
1.首先在package.json中安装cnpm i@babel/core@babel/preset-envbabel-loader -D 2.在webpack.config.js中设置规则 3.网上有很多办法说完成上面两部可以兼容ie，但是我试了不行，然后继续安装依赖cnpm ibabel-polyfill -D 4.在webpack.config.js中引入babel-polyfill 上述步骤完成后，可以解决ie10以上的兼容问题。 ...
2020-05-15 10:40:02
1701
原创 nodeJs安装完成npm下载遇到的问题
npm下载遇到的问题 最近，电脑重新安装了系统，node的环境要重新装。 node.js在官网下载后安装，node -v 正常查询到了版本，查询npm -v遇到了报错。 改变原有的环境变量 3.遇到图一所示的问题，是因为我.npmc的位置制定错了，修改成图二所示的位置 图二设置好了之后，会生成如下的文件： 设置环境变量： 就可以正常用npm安装依赖呢。 ...
2020-04-18 22:08:45
791
原创 nodeJs使用sequelize
nodeJs nvm—> 管理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
1546
原创 HighStock点太多，显示tooltip时undifined
按理说这里是用step:true画图，不应该出现拐点，而且出现了数据库没有的点。解决方法： 结果就正确了
2019-12-19 15:24:03
182
原创 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
4786
2
原创 electron学习第一章
1.快速上手可以克隆git clone https://github.com/electron/electron-quick-start 2.进入这个仓库 cd electron-quick-start 3.npm i 4. npm start 5. 想把vue-cli中的代码放到electron，只需在vue-cli相关代码处npm run build,然后把生成的dist中的文件拷到elct...
2019-08-07 18:18:41
273
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人