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 / 代码编辑
tomcat部署多项目 一、不修改端口,部署多个项目1、将需要部署的项目包放入 webapps 文件夹下2、修改 conf 下的 server.xml 文件,编辑 web应用节点<Host name="localhost" appBase="webapps" unpackWARs="true" autoDeploy="true"> <Valve className="org.apache.catalina.valves.AccessLogValve" directory="logs" suffix="
跨时区存储&跨时区展示时间 | js 获取当前UTC时间 时区我们的世界有数百个时区。 在JavaScript中,我们只关心两个, 本地时间和协调世界时(UTC)。本地时间是指你的计算机所在的时区(比如中国是东八区, 即在 UTC 时间基础上加8小时)。UTC指协调世界时。协调世界时,又称世界统一时间、世界标准时间、国际协调时间。默认情况下,JS中的几乎每个日期方法(除了一个)都是本地时间。 只有指定UTC,才能获得 UTC 时间 。跨时区存储时间因为各地的时间 都是 根据时间戳 与 时区 计算之后转换成当地时间, 所以如果要 世界各地都看到记
google地图逆地理编码处理返回结果/google地图逆地理编码返回结果处理 只要使用了 google 地图的逆地理编码就会知道 google 提供的逆地理 API 返回的结果是一个 JSON数组,这个数组的内容是随机性的, 并不是固定的, 如果不知道规律的话, 获取定位的信息还是比较麻烦的在参考了 google 官方文档后, 我整理了以下知识点:返回的数组是无序不固定的, 但是数组下标越靠前, 编码信息越详细(数组第一个值就是最详细的)返回的结果数组中每一个对象中的 types 都对应着这个值所对应的内容 (types 返回的都是数组, 所以以舒服第一个值为准 typ.
Git日常操作 | Git版本回退 | Git代码推送 Git 创建分支 git branch 分支名,例如:git branch dev注:因为创建的是本地分支,远程仓库是不存在的,如果想要推到远程仓库,需要设置上游分支将本地分支推送至远程仓库Git 设置上游分支 git push --set-upstream origin 分支名,例如:git push --set-upstream origin dev设置了上游分支之后就把本地分支推送至远程仓库了,其他人均可拉取推送(有权限的情况下)Git 从当前的分支创建新的分支并切换至新分支 g
瀑布流 瀑布流布局 JS瀑布流 思路通过容器相对定位, 视图块绝对定位的方式来布局注意点在计算每一个视图块的宽度的时候需要算上 视图块 与 视图块 之间的边距效果图步骤计算每一列图片的宽度按顺序先渲染出第一行找出最短的一列并将下一个视图块渲染到最短列...
前端接收处理文件流(Vue下载excel) 一般在做数据统计的时候,后端不会将要下载的东西存到服务器上然后返回下载地址,而是直接返回文件流,这个时候就要前端自己来接收处理流了处理流程先说下要接收处理的流程将我们接收到的流存放至 对象URL 中创建一个 a 标签并将 对象 URL 绑定到 a 标签上,然后将 a 标签挂载到 dom树 上通过 js 触发 a 标签的点击事件来下载文件释放我们创建的 url 和 a 标签具体代码实现这里以 vue 为例,用的是 axios 请求this.$axios.post("/downloadDt
vue组件递归(vue 通过 组件递归 实现多级菜单渲染) 如果菜单嵌套层数是已知的可以通过 v-for 循环出要渲染的菜单,但是如果我们不知道我们要循环多少层子菜单,那么这个时候 v-for 就不能解决问题了要实现动态的渲染我们拿到的不知道有几层的菜单数据,有两种解决方案:操作 dom 去一层一层 添加子菜单(vue 不推荐操作 dom,所以不推荐此方案)将我们的菜单封装到组件中,通过递归组件实现菜单渲染先贴一个 demo 图demo地址:https://download.csdn.net/download/qq_25992675/1285387.
vue 使用 wangEditor(wangEditor图片上传,wangEditor视频上传) 因为 wangEdit 内置图片上传功能,所以在创建实例的时候修改参数就行,视频上传就要修改到 wangeditor 的源码了如果因为特殊需求需要以 js 文件形式引入 wangEditor 的,而不是通过引入 node_modules 来引入的,只需要把 node_modules 中的 wangEditor 中的 release 中的 wangEditor.js 复制出来到 public 文件夹中,在 index.html中引入使用即可引入代码; <script type="text/j
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
JS拖动事件(鼠标拖动事件)&手指事件(PC移动端拖拽) 写了好几次的PC端和移动端的拖拽效果了,每次都要重新查阅资料,现在做个总结记录,方便以后随时查阅要想写拖拽事件,首先得了解三块知识点:PC的鼠标拖动事件移动端的手指事件能拿到被移动元素的高宽,距离可移动范围内的距离拖动事件与手指事件 顾名思义,就是通过不同的触发条件来达到你想实现的拖动效果,至于第三条的可移动范围,可以是 父级dom 的宽高,也可以是 可见的视口宽高,具体根据自己的需求定制,下面会提供对应获取方法以下提供文章目录文章目录PC端的拖拽事件移动端的手指事件拿到被移动元素的高宽,
vscode 设置注释代码块/vscode自定义注释代码块 1、安装插件KoroFileHeader2、在首选项中找到设置文件 -> 首选项 -> 设置 -> 输入fileheader3、根据自己需要来设置注释块范例:我选择的是第二个函数设置在点击settings.json 之后会跳转 settings.json 并自动生成 “fileheader.cursorMode”直接在 “fileheader.cursorMode” 内部、安装插件KoroFileHeader2、在首选项中找到设置文件 -> 首选项 ->