qq_43555948的博客

vue前端处理后台返回的Long型数据精度丢失问题描述开发时后端返回的id为Long型，结果发现俩id怎么会一样呢？如下图是控制台Preview返回的数据正以为是后端那边数据有误时，我点开Response发现这边的id是正常的…Preview和Response的数据居然不一样哎呀我去…这不是搞事情么于是通过面向百度的学习方式，了解到，js对于超出17位的Long型数据会出现精度丢失的问题。有问题我们就要解决解决办法方法1：简单粗暴，手里拿着板砖和蔼的要求后端不要返回Long，返回Str

vue使用mathjs，解决前端计算精度不足问题在前端开发过程中，你会发现0.1 + 0.2 != 0.3 如下图他居然等于0.30000000000000004…为什么会这样大家可以百度，涉及到10进制和2进制的转换问题，我们暂不讨论，我们先来解决这个问题。现在有现成的库给我们调用 math.js首先先安装依赖npm install mathjs --save然后再需要计算的页面调用import * as math from 'mathjs'下面记录简单的加减乘除方法，其余更牛逼的

element el-tree树结构刷新后保留展开状态解决方法我们在使用element的el-tree组建的时候，当我们给树结构重新赋值后，树节点就全部自动合上了。所以我们要记录展开状态，方法如下html<el-tree ref="tree" :data="treeList" :highlight-current="true" :default-expanded-keys="defaultExpandIds" //这个属性就是记录展开状态的 :filter-node-meth

vue 表单校验以及常用正则<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="表单字段" prop="str"> <el-input v-model="ruleForm.str"></el-input> </el-form-item> &

elementUI 日期时间选择器 el-date-picker 选择约束用elementUI的el-date-picker开发时会遇到表单结束时间必须在开始时间之后，或者开始时间必须在结束时间之前。实现方法如下：关键是:picker-options属性<el-col :span="6" :offset="2"> <el-form-item :label="$t('education.class.courseSchede.startTime')" prop="startDate

有时候我们需要看一些不想看的视频，比如各种看完才算的那种…你懂的。那我们可以用vedio标签快进来实现16倍速播放。直接F12 console里输入document.querySelector('#chjpoesatrvsnezydz').playbackRate = 16.0;document.querySelector('#chjpoesatrvsnezydz').play();具体获取节点各有不同，大家见机行事。...

a标签download无效解决办法在开发时遇到要下载附件的需求，当时想到直接a标签herf里填上链接不就行了么。结果发现当附件是txt或者jpg等，这种浏览器可以直接打开文件类型时，浏览器会直接打开，不会下载。那我们自然而然就想到了download属性，结果download下载文件有个前提…必须是同源的文件。这就很蛋疼。所以我就写了个点击事件，如下<a @click="downloadFile(url, name)">附件下载</a>url传文件下载路径name就是给下载

纯css在div上添加小三角有些项目中会遇到这样的需求，就是div容器上要突出来一个小三角，如下图虽然在功能上没啥意义，但是人家UI就是要这个小三角，你能怎么办，咱必须给他整出来！我们用伪类和border来画这个小三角。.box {//首先准备一个div height:100px; width:100px; background: white; position: relative;}.box::before { //这里就是小三角了 content: ""; dis

vscode下载缓慢问题解决在国内下载vscode，由于墙的原因，官网下载速度那是相当的慢…我们使用镜像就可以让下载速度起飞！首先我们访问官网https://code.visualstudio.com/Download一般官网默认下载是User Installer，我们选择System Installer，至于为什么大家可以百度一下这两者的区别。选择相应版本后就会开始下载，我们去下载列表查看…果然很慢…然后重点来了，复制那一串下载链接，把我红色框出来的部分替换成 vscode.cdn.azu

element input回车刷新页面问题解决WEB开发中，如果页面的 form 表单中只有一个input，那么在按下回车后，浏览器会默认表单提交，从而触发页面刷新。如下代码，我本来想按下回车触发handleFilter函数，但是页面却刷新了…<el-form ref="form" :model="form" label-width="150px"> <el-row> <el-col :span="8"> <el-form-item

npm 使用淘宝镜像临时使用npm install --registry=https://registry.npm.taobao.org永久设置npm config set registry https://registry.npm.taobao.org恢复原地址npm config set registry https://registry.npmjs.org

这里写自定义目录标题GitHub访问速度慢解决方案GitHub访问速度慢解决方案我们有时候打开github官网会发现很慢…怎么办呢？首先打开一个网站https://www.ipaddress.com/查询 github.com 把IP记下来查询 github.global.ssl.fastly.net 把IP记录下来然后我们去修改DNS缓存找到本地文件: C:\Windows\System32\drivers\etc\hosts把这个文件复制到桌面（否则可能出现无法修改的情况）然后在文

解决electron-vue在使用element-ui时部分组件无法显示问题最近在使用electron-vue 和element-ui开发时发现部分element-ui组件不能渲染。其实解决方法很简单。找到.electron-vue文件夹中的webpack.renderer.config.js文件，我们将代码let whiteListedModules = ['vue']改成let whiteListedModules = ['vue', 'element-ui']然后我们刷新下页面就OK

解决WINDOWS_BUILD_TOOLS安装缓慢的问题最近开发项目需要安装windows-build-tools。于是我照常输入了如下代码:npm install --global --production windows-build-tools然后弹出如下效果:说让我们耐心等待…于是我傻乎乎耐心了一晚上。第二天起来一看，还是这个亚子…所以大家不要相信他了，解决办法是有的，其实是.NET Framework版本过低，咱升级一下就行。如下：下载地址：.NET Framework下载下载这边

Electron-vue中vuex dispatch没反应最近在用Electron-vue写一个客户端时，发现vuex的dispatch触发没反应，console也没报错，这就很蛋疼。翻了翻官方文档，解决方法如下（原因就不多说了，管用就行！）在/src/main/index.js里面加上一行代码：import '../renderer/store'效果如下图（路径可能因人而异，基本都是这个路径。）：然后…就没有然后了，就OK了。...

vue-i18n 国际化语言切换在项目开发时，会有各国国家语言切换的需求，这里我使用了i18n来实现项目国际化。i18n安装在项目更目录下运行（我个人使用的是cnpm）:npm install vue-i18n创建语言包根据自己实际情况在src下创建语言包目录整理语言包json如下（此处举例中文包）：整理完中文包，就把整个json发给翻译小姐姐，这样我们就有了英文语言包。main.js中引入//引入国际化语言包import VueI18n from 'vue-i18n'Vue.

Electron-vue运行时报错“ReferenceError:process is not defined”新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎