
前端
文章平均质量分 73
远来客
长的高,人挺帅
展开
-
CentOS 部署 Nginx(Linux 部署 Nginx)
手把手指导在 Linux CentOS 中安装 Nginx原创 2022-08-07 22:54:36 · 1768 阅读 · 0 评论 -
搭建 electron-vue 项目
搭建 electron-vue 项目原创 2022-07-19 21:37:45 · 1982 阅读 · 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 · 1612 阅读 · 0 评论 -
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="原创 2021-07-22 16:16:04 · 426 阅读 · 0 评论 -
跨时区存储&跨时区展示时间 | js 获取当前UTC时间
时区我们的世界有数百个时区。 在JavaScript中,我们只关心两个, 本地时间和协调世界时(UTC)。本地时间是指你的计算机所在的时区(比如中国是东八区, 即在 UTC 时间基础上加8小时)。UTC指协调世界时。协调世界时,又称世界统一时间、世界标准时间、国际协调时间。默认情况下,JS中的几乎每个日期方法(除了一个)都是本地时间。 只有指定UTC,才能获得 UTC 时间 。跨时区存储时间因为各地的时间 都是 根据时间戳 与 时区 计算之后转换成当地时间, 所以如果要 世界各地都看到记原创 2021-06-08 16:05:49 · 1712 阅读 · 0 评论 -
google地图逆地理编码处理返回结果/google地图逆地理编码返回结果处理
只要使用了 google 地图的逆地理编码就会知道 google 提供的逆地理 API 返回的结果是一个 JSON数组,这个数组的内容是随机性的, 并不是固定的, 如果不知道规律的话, 获取定位的信息还是比较麻烦的在参考了 google 官方文档后, 我整理了以下知识点:返回的数组是无序不固定的, 但是数组下标越靠前, 编码信息越详细(数组第一个值就是最详细的)返回的结果数组中每一个对象中的 types 都对应着这个值所对应的内容 (types 返回的都是数组, 所以以舒服第一个值为准 typ.原创 2021-03-04 14:59:44 · 1497 阅读 · 2 评论 -
Git日常操作 | Git版本回退 | Git代码推送
Git 创建分支 git branch 分支名,例如:git branch dev注:因为创建的是本地分支,远程仓库是不存在的,如果想要推到远程仓库,需要设置上游分支将本地分支推送至远程仓库Git 设置上游分支 git push --set-upstream origin 分支名,例如:git push --set-upstream origin dev设置了上游分支之后就把本地分支推送至远程仓库了,其他人均可拉取推送(有权限的情况下)Git 从当前的分支创建新的分支并切换至新分支 g原创 2021-01-16 00:28:06 · 775 阅读 · 0 评论 -
瀑布流 瀑布流布局 JS瀑布流
思路通过容器相对定位, 视图块绝对定位的方式来布局注意点在计算每一个视图块的宽度的时候需要算上 视图块 与 视图块 之间的边距效果图步骤计算每一列图片的宽度按顺序先渲染出第一行找出最短的一列并将下一个视图块渲染到最短列...原创 2020-10-13 13:48:50 · 355 阅读 · 0 评论 -
JS获取操作 | JS时间操作
获取当前时间var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-???)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-3...原创 2020-10-09 16:54:30 · 172 阅读 · 0 评论 -
前端接收处理文件流(Vue下载excel)
一般在做数据统计的时候,后端不会将要下载的东西存到服务器上然后返回下载地址,而是直接返回文件流,这个时候就要前端自己来接收处理流了处理流程先说下要接收处理的流程将我们接收到的流存放至 对象URL 中创建一个 a 标签并将 对象 URL 绑定到 a 标签上,然后将 a 标签挂载到 dom树 上通过 js 触发 a 标签的点击事件来下载文件释放我们创建的 url 和 a 标签具体代码实现这里以 vue 为例,用的是 axios 请求this.$axios.post("/downloadDt原创 2020-09-18 09:56:16 · 2045 阅读 · 2 评论 -
wxml使用indexof 微信小程序 在wxml中 调用不支持的方法
微信小程序 在wxml中 调用不支持的方法例:在wxml中使用indexOf使用步骤创建一个filter.wxs在要适用的页面引入filter.wxs使用方法1、创建一个filter.wxs/* * 需要使用的方法 */var indexOf = function (array,index) { return array.indexOf(index)}/* ...原创 2019-07-30 15:40:42 · 1903 阅读 · 0 评论 -
vue组件递归(vue 通过 组件递归 实现多级菜单渲染)
如果菜单嵌套层数是已知的可以通过 v-for 循环出要渲染的菜单,但是如果我们不知道我们要循环多少层子菜单,那么这个时候 v-for 就不能解决问题了要实现动态的渲染我们拿到的不知道有几层的菜单数据,有两种解决方案:操作 dom 去一层一层 添加子菜单(vue 不推荐操作 dom,所以不推荐此方案)将我们的菜单封装到组件中,通过递归组件实现菜单渲染先贴一个 demo 图demo地址:https://download.youkuaiyun.com/download/qq_25992675/1285387.原创 2020-09-17 16:22:42 · 5201 阅读 · 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 · 6897 阅读 · 6 评论 -
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 · 2809 阅读 · 8 评论 -
前端处理emoji表情的编码解码
表情符编码是十六进制的,需要把表情符转码成八进制的。原创 2020-05-27 16:35:32 · 3409 阅读 · 1 评论 -
JS拖动事件(鼠标拖动事件)&手指事件(PC移动端拖拽)
写了好几次的PC端和移动端的拖拽效果了,每次都要重新查阅资料,现在做个总结记录,方便以后随时查阅要想写拖拽事件,首先得了解三块知识点:PC的鼠标拖动事件移动端的手指事件能拿到被移动元素的高宽,距离可移动范围内的距离拖动事件与手指事件 顾名思义,就是通过不同的触发条件来达到你想实现的拖动效果,至于第三条的可移动范围,可以是 父级dom 的宽高,也可以是 可见的视口宽高,具体根据自己的需求定制,下面会提供对应获取方法以下提供文章目录文章目录PC端的拖拽事件移动端的手指事件拿到被移动元素的高宽,原创 2020-08-16 14:20:45 · 9665 阅读 · 0 评论 -
Vuex的介绍与使用
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。vuex 解决了组件之间统一状态的共享问题(解决了非父子、兄弟组件之间的数据共享)组件里面的数据持久化它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可以预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools,extension,提供了诸多如零配置的 time-travel ...原创 2020-04-30 23:07:46 · 171 阅读 · 0 评论 -
Ionic4支付宝支付 Ionic支付宝支付
支付宝WS_APP_PAY_SDK_BASE_2.0 《APP支付》支付宝的cordova插件其实在github上已经有很多了,但是都已经是以前的版本了。在2016年11月的时候支付宝进行了一次更新,支付宝的SDK升级到2.0版本。以前在app中使用支付宝进行支付叫做移动支付,11月之后更名为APP支付。本插件仅支持《APP支付》,不支持移动支付功能说明根据支付宝的说明文档的建议,为...原创 2019-11-05 10:47:01 · 765 阅读 · 0 评论 -
angular使用 base64位格式图片/ionic使用 base64位图片/vue使用base64位图片
在写微信支付二维码的时候,返回的是 base64 格式的图片。网上查了一大堆都是base64转jpg,都是通过file保存到本地再读取,其实可以通过img标签直接加载例 使用原生的标签<img> 代替 <image> 标签即可 例如: <img src="data:image/png;base64,xxxxxxxxxxxxxxx">当然不止可...原创 2019-08-01 23:05:22 · 2264 阅读 · 0 评论