vue
文章平均质量分 68
远来客
长的高,人挺帅
展开
-
搭建 electron-vue 项目
搭建 electron-vue 项目原创 2022-07-19 21:37:45 · 1951 阅读 · 2 评论 -
JavaScript栈溢出处理 vue build 栈溢出解决方案 (JavaScript heap out of memory)
执行 npm run serve 或则 npm run build 命令时报错:FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory原因是 JavaScript堆内存不足,Node 是基于V8引擎,在 Node 中通过 JavaScript使用内存时只能使用部分内存(64位系统下约为1.4 GB)解决方案:关闭所有 cmd / 代码编辑原创 2021-07-27 14:26:39 · 1536 阅读 · 0 评论 -
跨时区存储&跨时区展示时间 | js 获取当前UTC时间
时区我们的世界有数百个时区。 在JavaScript中,我们只关心两个, 本地时间和协调世界时(UTC)。本地时间是指你的计算机所在的时区(比如中国是东八区, 即在 UTC 时间基础上加8小时)。UTC指协调世界时。协调世界时,又称世界统一时间、世界标准时间、国际协调时间。默认情况下,JS中的几乎每个日期方法(除了一个)都是本地时间。 只有指定UTC,才能获得 UTC 时间 。跨时区存储时间因为各地的时间 都是 根据时间戳 与 时区 计算之后转换成当地时间, 所以如果要 世界各地都看到记原创 2021-06-08 16:05:49 · 1501 阅读 · 0 评论 -
google地图逆地理编码处理返回结果/google地图逆地理编码返回结果处理
只要使用了 google 地图的逆地理编码就会知道 google 提供的逆地理 API 返回的结果是一个 JSON数组,这个数组的内容是随机性的, 并不是固定的, 如果不知道规律的话, 获取定位的信息还是比较麻烦的在参考了 google 官方文档后, 我整理了以下知识点:返回的数组是无序不固定的, 但是数组下标越靠前, 编码信息越详细(数组第一个值就是最详细的)返回的结果数组中每一个对象中的 types 都对应着这个值所对应的内容 (types 返回的都是数组, 所以以舒服第一个值为准 typ.原创 2021-03-04 14:59:44 · 1360 阅读 · 2 评论 -
前端接收处理文件流(Vue下载excel)
一般在做数据统计的时候,后端不会将要下载的东西存到服务器上然后返回下载地址,而是直接返回文件流,这个时候就要前端自己来接收处理流了处理流程先说下要接收处理的流程将我们接收到的流存放至 对象URL 中创建一个 a 标签并将 对象 URL 绑定到 a 标签上,然后将 a 标签挂载到 dom树 上通过 js 触发 a 标签的点击事件来下载文件释放我们创建的 url 和 a 标签具体代码实现这里以 vue 为例,用的是 axios 请求this.$axios.post("/downloadDt原创 2020-09-18 09:56:16 · 2016 阅读 · 2 评论 -
angular图表使用&Vue的图表使用
图表官网:https://www.echartsjs.com/examples/zh/index.html注意事项每次option(图表数据)更新以后必须要重新绘制图标,否则图表数据不会刷新刷新代码:this.myChart.setOption(this.option); 使用步骤安装依赖项目中引入echarts(angular不需要)HTML中定义容器(div),存放...原创 2019-12-17 14:53:16 · 248 阅读 · 0 评论 -
JS拖动事件(鼠标拖动事件)&手指事件(PC移动端拖拽)
写了好几次的PC端和移动端的拖拽效果了,每次都要重新查阅资料,现在做个总结记录,方便以后随时查阅要想写拖拽事件,首先得了解三块知识点:PC的鼠标拖动事件移动端的手指事件能拿到被移动元素的高宽,距离可移动范围内的距离拖动事件与手指事件 顾名思义,就是通过不同的触发条件来达到你想实现的拖动效果,至于第三条的可移动范围,可以是 父级dom 的宽高,也可以是 可见的视口宽高,具体根据自己的需求定制,下面会提供对应获取方法以下提供文章目录文章目录PC端的拖拽事件移动端的手指事件拿到被移动元素的高宽,原创 2020-08-16 14:20:45 · 9126 阅读 · 0 评论 -
Js检索文本并跳转指定位置|Vue检索文本并跳转指定位置
<template> <div class="home" style="margin: 0"> <div id="search" style="position:fixed; top :0;background: #fff;width:100%;padding: 20px 0;" > <el-input type="search" v-model="key原创 2020-09-09 14:57:17 · 2668 阅读 · 8 评论 -
vue组件递归(vue 通过 组件递归 实现多级菜单渲染)
如果菜单嵌套层数是已知的可以通过 v-for 循环出要渲染的菜单,但是如果我们不知道我们要循环多少层子菜单,那么这个时候 v-for 就不能解决问题了要实现动态的渲染我们拿到的不知道有几层的菜单数据,有两种解决方案:操作 dom 去一层一层 添加子菜单(vue 不推荐操作 dom,所以不推荐此方案)将我们的菜单封装到组件中,通过递归组件实现菜单渲染先贴一个 demo 图demo地址:https://download.csdn.net/download/qq_25992675/1285387.原创 2020-09-17 16:22:42 · 5079 阅读 · 1 评论 -
vue 使用 wangEditor(wangEditor图片上传,wangEditor视频上传)
因为 wangEdit 内置图片上传功能,所以在创建实例的时候修改参数就行,视频上传就要修改到 wangeditor 的源码了如果因为特殊需求需要以 js 文件形式引入 wangEditor 的,而不是通过引入 node_modules 来引入的,只需要把 node_modules 中的 wangEditor 中的 release 中的 wangEditor.js 复制出来到 public 文件夹中,在 index.html中引入使用即可引入代码; <script type="text/j原创 2020-09-15 10:29:06 · 6513 阅读 · 6 评论 -
Vuex的介绍与使用
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。vuex 解决了组件之间统一状态的共享问题(解决了非父子、兄弟组件之间的数据共享)组件里面的数据持久化它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可以预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools,extension,提供了诸多如零配置的 time-travel ...原创 2020-04-30 23:07:46 · 164 阅读 · 0 评论