启动Nginx出现Failed to start nginx.service:unit not found

启动nginx出现Failed to start nginx.service:unit not found。 错误的原因就是没有添加nginx服务,所以启动失败。 解决方法就是:在/root/etc/init.d/目录下新建文件,文件名为nginx;或者用命令在根目录下执”行:# vim /etc/init.d/nginx (注意vim旁边有一个空格),随后插入代码: 接下来就依次操作[…]

继续阅读 …

elementUI压缩图片和将图片转成base64格式

为了降低资源服务器的消耗、有些时候需要前端压缩图片,转码等一些处理。 一、Base64的优点和缺点 图片转换成base64格式的优缺点 1. 优点 (1)base64格式的图片是文本格式,占用内存小,转换后的大小比例大概为1/3,降低了资源服务器的消耗; (2)网页中使用base64格式的图片时,不用再请求服务器调用图片资源,减少了服务器访问次数。 (3)base64编码的字符串,更适合不同平台、[…]

继续阅读 …

elementUI中table中自定义修改时间格式2020-10-26T10:00:00

问题描述: 前端使用el-table查询到后台的数据的某一列时间列默认是标准UTC格式,如果想按照自己想显示的格式获取年月日和时分秒进行显示怎么办 ? 方法一: elementUI中的table提供了formatter这个属性来对传入的数据进行用户自定义的格式化 方法二: 在此列上添加template,显示的内容调用函数parseDateFull,参数为后台返回的时间。 方法三: 在遍历的时候执行[…]

继续阅读 …

mockjs的介绍、基本使用和封装

一、为什么使用mockjs 在做开发时,当后端的接口还未完成,前端为了不影响工作效率,手动模拟后端接口, 1.我们可以使用json文件来模拟后台数据,但比较局限,无法模拟数据的增删改查 2.使用json-server模拟,但不能随机生成所需数据 3.使用mockjs模拟后端接口,可随机生成所需数据,可模拟对数据的增删改查 二、mock优点 1.前后端分离, 2.可随机生成大量的数据 3.用法简单 […]

继续阅读 …

js如何判断用户使用的设备类型及平台

前端开发经常遇到需要判断用户的浏览设备,是什么手机系统?android,ios,ipad,windows phone等等,有时候还需要知道用户浏览页面是在微信中打开还是在移动端浏览器中打开,等等一系列判断做一些相应的处理 一、JS判断浏览器userAgent User Agent中文名为用户代理,是Http协议中的一部分,属于头域的组成部分,User Agent也简称UA。 它是一个特殊字符串头,[…]

继续阅读 …

vue使用el组件 在el-tabs中 刷新页面保持不变

问题: 在使用elementUI的el-tabs时,会遇到这样一个问题。就是当你切换到第一个标签页后面的标签页,刷新页面,会回到第一个标签页。原因是因为切换标签页,是页面局部刷新。刷新页面,是页面整个刷新,是全局的。 解决方案: 使用本地存储localStorage来进行tab状态的记忆 1. 绑定el-tabs组件命名为activeName,改变tab触发 tabHanld 方法 2.activ[…]

继续阅读 …

vue+elementUI的el-form的回车键登录

vue+elementUI的el-form的回车键登录,监听键盘来触发事件 整理方法如下: 1.当只有一个el-input的时候,可以用elementUI的自带的回车键触发提交事件 但是有时候会同时触发刷新页面,这样可以在el-form上添加@submit.native.prevent来解决 2.使用回车键enter来进行登录,在登录按钮上面添加native-type=“submit” 3.监听键[…]

继续阅读 …