- 博客(21)
- 收藏
- 关注
原创 使用portainer部署前端项目到服务器
前端部署连接服务器, shh 登录账号@ 服务器ip默认端口22 非默认接口 -p 端口dcoker 官网拉取nginxhttps://www.docker.com/products/docker-hubdocker hubdocker 拉取 portainer cehttps://documentation.portainer.io/v2.0/deploy/ceinstalldocker/portainer 使用启动portainer 可视化配置查看容器新增容器已经配置完
2021-09-13 17:00:31
548
1
原创 2021 前端面试(杭州)
webpack loader 是做什么的loaderwebpack将一切文件视为模块,但是webpack原生是只能解析js文件,如果想将其他文件也打包的话,就会用到loader。 所以Loader的作用是让webpack拥有了加载和解析非JavaScript文件的能力。常见loaderstyle-loader:将CSS添加到DOM的内联样式标签style里css-loader:允许将CSS文件通过require的方式引入,并返回CSS代码less-loader:处理lesssass-loade
2021-03-30 13:14:04
248
原创 俄文字符串替换
// 字符串替换 替换俄文 strReplace(str){ let str1 = str.replace(/AZ|bZ|uZ|DZ|EZ|FZ|gZ|GZ|IZ|JZ|KZ|LZ|LbZ|MZ|HZ|OZ|nZ|PZ|CZ|TZ|UZ|BZ|yZ|XZ|ZZ/g, function(matchStr) { var tokenMap = { 'AZ': 'A', 'bZ': 'Б', 'u
2021-03-25 10:47:00
269
原创 vue 使用websocket
vue 使用websocktdata(){ return { lockReconnect: false,//是否真正建立连接 timeout: 5*1000,//30秒一次心跳 timeoutObj: null,//心跳心跳倒计时 serverTimeoutObj: null,//心跳倒计时 timeoutnum: null,//断开 重连倒计时 }}
2021-02-25 11:11:53
115
原创 vue 表格分页选中数据
vue iview 表格分页选中数据项目引入lodashimport _ from 'lodash';<Table border ref="table" :columns="resultTitle" @on-selection-change="selectedChange" @on-select="handleSelect"
2021-02-25 10:45:14
694
原创 iview Poptip 关闭
iview Poptip 关闭Poptip :ref=“r.id” placement=“bottom-start” :offset=“0”设定ref属性this.labelId = r.idhandleClose 方法关闭this.$refs[this.labelId][0].handleClose();
2021-02-21 15:05:33
1677
原创 vue echarts dataZoom 选中区域数据获取
vue echarts dataZoom 选中区域数据获取<div id="detectLineBox" style="width: 98%;height: 300px;margin-top: 8px"></div>// 这个数据太麻烦了,我就不写json了,基本写到dataZoon 肯定数据这边没问题了this.chartLine = echarts.init(document.getElementById('detectLineBox')); let _this =
2020-11-23 11:16:47
2833
4
原创 js 项目中常用的方法记录用
js 项目中常用的方法记录用1.求平均值 let num = arr.reduce((num, item, index) => { if (index != arr.length - 1) { return num + item; } else { return (num + item) / arr.length; }});2. 当前时间 xxxx-xx-xx xx
2020-11-23 10:44:50
74
原创 vue iview表单复杂验证
项目中用到表单复杂验证规则,在此记录一下,省着以后忘了。1.简单版本<Form ref="editData" :model="editData" :label-width="80" :rules="rules"> <FormItem label="上公差" prop="dataValueUp"> <Input v-model="editData.dataValueUp" onKeypress="javascript:if(event.keyCode == 32
2020-08-10 11:22:39
375
原创 2020 前端VUE面试(杭州)
前两天一个朋友来杭州找工作了,我整理了下他的面试题先说下他的情况: 19年毕业,差不多一年工作经验,前端。刚开始找了一周,面试寥寥,我让他改成两年工作经验,实习一年工作一年。不是想骗什么,主要是现在疫情原因,工作不好找,他写了一年工作经验,都没人理他。这个东西也不是简历修改年限公司就能要他,这还是要看能力,只是让机会更多些。我个人感觉没有什么问题,勿喷。果然改了简历后面试机会就多了起来...
2020-04-18 18:05:20
1130
1
原创 vue独立开发项目搭建流程
首先github上创建仓库 方便代码管理我这边使用git的工具sourcetree ,先把项目拉取到本地创建vue项目,这个就不说太多了创建好了基本就是这个样子了安装常用插件(axios,ui插件,echarts…什么的)这些网上都有,直接查一下,npm安装就好了这是我这个项目用到的,在package.json中 "dependencies": { "axios"...
2020-04-03 16:36:16
850
原创 vue 日历插件ele-calendar
由于项目中需要一个日历功能我比较懒不想自己写所以就找了一插件,不过样式不符合要求自己又改了一下。原版样式修改后样式全局引入npm install ele-calendar组件中使用//html部分<template> <div> <div style="width: 335px;height: 600px;margin:...
2020-03-24 15:04:25
3665
4
原创 html css旋转魔方 gif背景图
平时休息时做的css小游戏html<div id="all"> <div class="title"> <div style="width: 80%; margin: 0 auto; text-align: center"> good good study day day up </...
2020-03-17 16:13:45
677
1
原创 vue项目中axios的封装、拦截及使用
创建constant.js文件保存baseUrl创建constant.js(随意) 保存baseUrlvar baseUrl = process.env.NODE_ENV === 'production' ? 'http://生产环境地址' : 'http://开发环境地址'export default baseUrl创建request.js文件创建请求创建request.js// ...
2020-03-10 10:22:28
578
原创 vue简单使用echarts
安装引入// 安装Echatsnpm install echarts --save// 引入import echarts from 'echarts'html部分<div id="chartLineBox" style="width: 90%;height: 70vh;"></div>js部分methods: { ...
2020-03-03 13:51:58
145
原创 vue 项目调取本地摄像头可切换摄像头并拍照生成图片
vue 项目调取本地摄像头并实现可切换摄像头并拍照生成图片需求描述本地连接两个摄像头拍摄量具,需要切换摄像头进行拍照生成图片,并且把图片传输给后台。解决方法通过navigator对象 MediaDevices.enumerateDevices() 方法 请求一个可用的媒体输入和输出设备的列表,例如麦克风,摄像机,耳机设备等。 返回的 Promise 完成时,会带有一个...
2020-02-20 11:02:38
2039
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人