- 博客(19)
- 收藏
- 关注
RSS订阅原创 npm安装依赖版本冲突的问题解决方式
legacy-peer-deps 是一个命令行参数，通常用于安装或更新依赖包时，忽略对等依赖（peer dependencies）的版本冲突。在某些情况下，这可以解决依赖包版本不兼容的问题。直接在安装依赖后面加上 --legacy-peer-deps。
2024-04-02 11:13:30
1010
1
原创 h5和APP实现交互(安卓-ios)
h5调用APP 的方法：taskCallback是和APP端协议的函数名安卓：window.PlatformCurrency.taskCallback(“测试数据”);ios：window.webkit.messageHandlers[“taskCallback”].postMessage({json: “json数据”,});app调用h5方法：...
2022-01-06 15:33:56
2325
原创 解决element的tabel抖动以及v-if切换时候数据不对的问题
在开发中，使用element的 tabel时候，需求是需要根据不同的类型显示不同的表（有共同的表头），所有就是使用了v-if去判断el-table-column每一项的显示隐藏，结果却发现了数据渲染的错误问题；（数据来源都是一样 的），如图切换的表头时候，，数据展示错误了；解决办法：给每个el-table-column项添加唯一的key值，让他渲染显示拥有唯一的key值，因为vue在重新渲染，相同的dom会复用，所以导致了每一项的列还是之前的。...
2021-08-19 15:51:43
834
原创 element组件库的el-select多选时候，选择三个时候下拉框抖动问题解决办法
添加如下样式即可解决：<stylelang="scss">.el-tag--small{height:25px;}</style>
2021-08-13 15:30:16
1514
原创 fabric.js保存自定义属性重新渲染
项目开发中，用到了fabric。js开发一系列画布功能，其中，在做画布的序列化和反序列化功能时候，自定义的属性并不能够直接保存下来，这时候则需要我们自己做一些事情啦，下面是我的一个解决方法，在添加画布对象到画布上面之前，修改画布的toObject方法return出去的对象就可以保存下来自己需要的自定义属性了，核心代码看下图如果有疑问欢迎留言，博客仅仅是记录自己开发遇到的一些问题，欢迎指教，谢谢...
2021-02-07 11:22:07
1747
1
原创 使用fabric.js实现序列化饭序列化的问题记录
项目开发用到fabric来实现一系列画布的操作，当开发功能结束后，用来存储fabric的编辑内容时候，我用了JSON.stringify(this.canvas)把内容存储进去然后重新打开的时候，用this.canvas.loadFromJSON(this.Imgmarket)，（this.Imgmarket是前面存储的字符串），一切看着都正常，但是当我存储箭头再显示的时候却是报错了：把错误翻译一遍，代码并没有fromObject相关属性，于是晚上找了资料，跳墙才发现是在显示的时候没有找到对接的属性所以
2021-02-04 15:21:43
709
转载 滚动条的一些样式设置
大概就这些，你也可以定义cursor来定义滚动条的鼠标手势。下面才是重点，webkit的自定义滚动条样式scrollbar-arrow-color: color; /三角箭头的颜色/ scrollbar-face-color: color; /立体滚动条的颜色（包括箭头部分的背景色）/ scrollbar-3dlight-color: color; /立体滚动条亮边的颜色/ scrollbar-highlight-color: color; /滚动条的高亮颜色（左阴影？）/ sc...
2021-01-06 11:35:58
443
原创 Vue简单实现推箱子小游戏
今天周末，打工人不用上班，有个朋友给我发了一个面试题给我，就一个类似推箱子的小游戏一看，好像也不怎么难，因为平时开发都是用Vue框架，比较熟悉，就琢磨做了一下花了一个小时就完成了给你们说说思路：其实就是每个小箱子都有它的位置信息，外面大的那个就相当于容器，利用定位去改变每一个箱子的位子就可完成箱子的推动，然后就是判断一下箱子的边界问题以及拖动的方向，这个不难，还有一个就是，你的移动方向的下一个位置是不是有箱子了，有了就不能移动，这个前面已经指导了移动方向，那么移动下一个的箱子的坐标肯定是知道
2021-01-01 13:41:05
1061
5
原创 js数字累加问题
今天做项目时候，发现了一个以前开发没注意的问题，就是数字累加的过程最终值后面多出了小数点，我做一个最简单的小数累计，最终打印出来的数字却是有小数点，我很迷惑了一下，后来网上一搜才知道，恍然大悟！**原来，因为js是弱类型语言，无法进行小数运算，**所以二个小数相加就会出现小数点解决办法：直接用num.toFixed()就ok 了...
2020-12-18 12:02:03
660
原创 高德地图折线，点，线上不定添加点，移动点，图层切换等功能实现
今天，项目暂时进程安排先告一段落，嘿嘿，难得有时间，写点东西记录一下开发地图过程的ixie功能实现，希望可以帮助有需要的人。在我的项目里面我坐的是有关航线这块的需求，相对来说话说比较复杂的，但是呢不影响，有问题就是需要解决的。1.折线实现：这些都不难实现的啦，官网教科书直接搬下来灵活运用，代码不完整，自己灵活运用 that.polyline = new AMap.Polyline({ path: lineitem,//轨迹路径 isOutline: true,
2020-12-09 14:05:37
982
4
原创 关于vue的$set方法的使用
在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。今天在开发的时候，做一个选中，多选的效果时，直接给数据新增一个属性，然后赋值用于dom渲染判断选中样式，但是点击修改data数据，却没有及时对dom元素进行渲染，没有实现选中效果，原因肯定是没有实时修改dom，根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。这时候，我就想到了vue提供的$set
2020-11-25 18:57:09
395
原创 input实现文件上传
在开发项目中，不免会用到input上传文件，今天就记录一下我项目中用到input上传文件的用法，代码如下：（我将原生按钮隐藏了）<input accept="*" @change="importdata($event)" ref="fileInput" name="img" id="upload_file" type="file" style="display:none;" /> <ele-btn
2020-11-19 17:28:16
2152
原创 vue的axios调用后端接口下载文件问题（blob下载二进流）
今天做了一个需求，，项目的excel表数据的导出，前面我直接调用接口但是却发现后端返回了的数据是二进流格式，如图：这就纳闷了，后来查询资料就得知了，前端需要用blob就可以二级制流文件下载到了本地了，这里，感谢原来博主分享的资料，让我解决问题，附上连接https://www.cnblogs.com/art-poet/p/13730640.html后来获取到数据之后，需要对请下载文件名进行定义，我发线获取的文件的一堆什么格式我也不知道，问了后端才知道，对其进行了encodeURI编码，然后我在前端
2020-11-19 11:59:36
1337
1
原创 keep-alive缓存应用
在开发的一些页面中，我们经常需要在页面设置数据缓存，来提高我们的项目性能，在vue 里面,提供了<keep-alive>标签来缓存页面数据，只需要把需要缓存的组件嵌套在里面就可以实现缓存，但是也在有的页面里面我们不需要缓存呢，想要每次进入当前页面都能触发对应的事件 的时候又该怎么做呢，说到<keep-alive> ，补充一下，很多时候在开发中，很多人都喜欢配合vue路由封装一下，自己也可以查询资料普及一下知识。。不扯太远了，在需求里面，如果想在设置了<keep-alive>
2020-11-16 18:48:07
96
转载 git 如何把分支代码合并到master主分支上
1.首先切换到分支；git checkout hellomonkey2.使用git pull 把分支代码pull下来；git pull3.切换到主分支；git checkout master4.把分支的代码merge到主分支；git merge hellomonkey5.git push推上去ok完成,现在 你自己分支的代码就合并到主分支上了。git push总结：同样的道理，主分支的文件也可以合并的分支上。 ^o^转载于：https://blog.c.
2020-11-16 18:07:35
1333
原创 element的表单校验用法总结
在 使用element这ui组件库的时候，不免经常需要用到表单以及对应的校验规则，对应的在element官网也有对应的例子，哈哈哈，可能是相对简单的吧，在使用表单的校验规则时候我总结事项如下：<el-form-item>里面的prop需要对应你绑定的对应属性值，不然会无效 特殊校验可以借助正则表达式来完成表单校验，像电话，邮箱等等(像电话正则表达式可以借用(/^(13|14|15|17|18)\d{9}$/ ) 有点表单项不是必须填，但是有需要做校验的时候，可以在外部定义方法然后再规则.
2020-11-16 16:02:54
429
原创 element秃头小笔记
关于element-resize-detector监听容器宽高变化遇到的一个坑 今天，记录下来人生的第一篇博客，之前做笔记都是用文档，但是呢 ，感觉，感觉在在博客中记录一下也挺好的，学习嘛木九十不断累积的过程…好了不吹牛逼了，直奔主题。今天，做项目的时候由于需求，做charts图表的时候，因为需要做自适应容器，因为项目又是基于vue+element开发的，自然而然想到了用 element-resize-detector监听
2020-11-16 09:59:58
150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人