益达木咸醇-CSDN博客

准备工作：首先要有node,可以用：node -v查看当前node的版本，检查npm镜像，用：npm -v查看npm镜像的版本，如果提示不是内部或外部命令，也不是可运行的程序或批处理文件。就是没下载node,这个时候要去管网下载node进行安装:node管网其次是否全局安装了vue-cli：检查vue-cli的话用：vue -V如果没有全局安装可使用：npm install vue-cli -g进行安装。最后使用...

2021-11-03 19:51:15 115

原创启动nginx提示：nginx: [alert] could not open error log file: open() “/usr/local/nginx/logs/error.log“

1、进入nginx目录2、在nginx目录下创建logs目录，并在logs目录中创建error.log和access.log两个文件创建logs目录：mkdir logs进入logs目录： cd logs创建error.log和access.log文件：vi error.log vi access.logps：如果出现编辑上面两个文件的页面不知道怎么退出，可以依次按ESC->:wq->Enter退出再次进入nginx/sbin目录执行启动nginx命令，成功了。...

2021-10-09 14:55:37 27467 7

原创 Filezilla client连接VM虚拟机的linux系统提示错误: 20 秒后无活动,连接超时错误: 无法连接到

错误信息如图：打印的提示信息:响应: fzSftp started, protocol_version=9命令: open “[email protected]” 22错误: 20 秒后无活动，连接超时错误: 无法连接到服务器注意检查远程主机IP、用户名、密码和端口是否正确我这里会出现这个问题是因为我的ip地址填写的不对，导致一直连接不成功。原因：没打开无线网络获取正确的ip地址提示：如果没打开这个是不能连接到虚拟机中的linux系统的。...

2021-09-27 15:43:30 4149 3

原创 vue结合elementui制作上传文件组件

<template> <div class="upLoad-box"> <div class="file"> <div class="textBox" v-show="uploadName"> <i class="fileIcon"></i> <span class="fileTitle">{{uploadName}}</span> <i class="uploadClo

2021-09-07 20:58:11 137

原创 v-for便利对象

<div v-for="(val,key,index) in obj" :key="index> <div>{{ val }}：值</div> <div>{{ key }}：键值</div> <div>{{ index }}：下标</div></div><script>var vm = new Vue({ data : { obj: { name : '邹', age

2021-09-07 19:47:56 149

原创 vue结合elementui实现ip输入框

不多说直接上代码：<template> <div class="ip-box"> <el-input v-model="ip1" name="ip" maxlength="3" onkeyup="value=value.replace(/[^\d]/g,'')" @keyup.native="keyupEvent(1,$event)" @blur="submitIp" @input="(val) => checkVal(val,'ip1')" ref="ip1"&

2021-09-02 21:00:34 2958 1

原创 elementui表格默认选中

重点：一般地，我们是用接口返回的数据去渲染elementui的Table表格，而这里如果要实现默认选中的效果，就必须要有一下的条件：1、一定要接口返回数据之后才进行默认选中的操作，即用this.$nextTick(function() {...}),在里面进行默认选中的操作；2、一定要用el-table标签里面的data属性的那个数组去用forEach循环体(试过用for循环不行)中用this.$refs.****.toggleRowSelection(row,true);实现默认选中不多说

2021-08-21 16:54:37 1970

原创阻止鼠标后退键后退页面

声明：此中阻止页面后退的方式适用于Vue.js单页面中，某个页面当作两个页面用（类似于，触发（点击）了某个操作，让页面隐藏了以前的内容，显示现在的内容）下面不多说直接上代码：mounted () { let currentUrl = window.location.href; history.pushState(null,null,document.URL); window.addEventListener("popstate",function (e) { })}...

2021-08-21 15:34:44 225

原创 webpack配置css-loader和style-loader

报错信息：ERROR in ./module.css (./node_modules/[email protected]@css-loader/dist/cjs.js!./node_modules/[email protected]@style-loader/dist/cjs.js!./node_modules/[email protected]@css-loader/dist/cjs.js!./module.css)Module build failed (from ./node_modules/

2021-08-16 20:36:26 699

原创 vue可以将标签的属性用methods的方法返回值表示

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ele

2021-07-26 20:29:38 1389

原创 elementui树形控件懒加载

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ele

2021-07-26 20:12:07 1004 2

原创 elementui表格自定义筛选功能

1、子组件方式1：用调接口的方式去筛选数据<el-popoverv-model="isShowFilter" placement="right" width="400" trigger="click"> <el-checkbox-group v-model="filterResVal"> <el-checkbox :label="item.label" v-for="(item,index) in filterCondition" :key="in

2021-07-23 17:03:19 2294

原创 elementui半选状态下获取父节点

1、如果只是获取勾选的节点那么用：tree为dom上ref对应的值this.$refs.tree.getCheckedNodes()但是以上的方式无法获取选项的父节点2、获取勾选的所有关联节点（所有的半选节点也一并获取）：tree为dom上ref对应的值this.$refs.tree.getCheckedNodes(false,true)使用2的方式应该是需要elementui的一定版本，低版本的可能不行，这里提示一下...

2021-07-23 14:55:42 364

原创 v-model可以是v-for循环数组的数据

需求场景前端框架是vue.js，并且需要用后端返回的数据内的某个字段值去渲染初始值，如输入框的默认值或者是多选框是否要默认勾选等等,最后还需要将页面设置的值传回给后端示例如在data中定义了一个：checkBoxList:[],然后我请求完成后，赋值给checkBoxList，假如checkBoxList的结构如下：checkBoxList: [ { name: 'xxxx', value: true }, { name: 'xxxx', value: false },

2021-07-18 12:48:00 828 1

原创 Vue中封装axios模块

导语安装axios：npm install --save-dev axios (–save-dev是开发环境和生产环境都安装)备注：在工程项目的目录下新建js文件，如ajax.js代码如下/** * @file axios工具类 * */import axios from 'axios'; import Vue from 'vue';const serviceBaseUrl = 'http://10.20.30.44:8080'; //默认请求地址let addR

2021-07-16 20:53:11 212

原创左侧文章目录菜单栏的实现(Vue)

实现效果示例图：点击到每个目录就会跳到那个目录的标题处（这里使用的是瞄点定位）1、准备代码示例：<div class="title-nav"> <div class="box-line"> <img class="gif" src="/img/summit/home/nav.gif" alt="" /> <img class="line" src="/img/summit/ho

2021-06-07 15:53:50 1229

原创 vue中使用echarts结合百度地图制作地图（引入百度地图、获取百度地图实例、设置百度地图）

1、初始化echarts以及例子可以看管网的地址：https://echarts.apache.org/examples/zh/editor.html?c=map-polygon2说下我遇到的问题：1、按照官方的例子写下来的，但是地图就是出不来2、除了官方例子中的元素外，还需要给百度地图添加中心点、定位等等，但是不知道怎么获取百度地图实例3、获取到百度地图实例后设置百度地图的元素不生效（1）、引入百度地图AK在项目的文件夹中（看具体项目在哪里新建都行）新建一个js文件，文件内容如下： //百

2021-05-06 11:26:07 3265

原创 vue在mounted生命周期用document.getElementById获取input标签显示null

原因：input标签的父标签（不管有几层）含有v-if或者v-else指令解决方法：去掉v-if或者v-else指令，调整html标签，即可

2021-05-06 10:46:22 2289

原创 npm run build打包时提示RangeError:Maximum call stack size exceeded

项目打包时提示如下：UnhandlePromiseRejectionWarning:RangeError:Maximum call stack size exceededat match (…/vue-router.common.js)at redirect (…/vue-router.common.js)at _createRoute (…/vue-router.common.js)…UnhandlePromiseRejectionWarning:Unhandled promise rejec

2020-10-19 22:30:48 1615 2

原创 video实现控制视频进度和播放、暂停

<template>  <div :class="['playControll',ctrlObj.isShow?'show-controll':'']"> <div :class="['play-pause', isPlay?'pause-icon':'pl

2020-10-07 12:39:14 2921

原创为什么2.toString()会报错

在2.toString()这条代码里，这个.有两个解释：1、小数点；2、方法调用，所以这里产生了一个歧义。在这里因为这个点紧跟于一个数字之后，所以按照规范，解释器就把它判断为一个小数点，这行代码就变成了一个浮点数，但是问题就产生了，toString()不是一个数字，所以编译之后就报错了。疑问：我是想实现这个.是方法调用怎么办？这里可以使用这几种方式：2..toString() //这里第一个点是表示小数点，相当于（2.0）.toString() 2 .toString() //这里用一个

2020-08-12 01:21:51 2118

原创 git pull提示Please make sure you have the correct access rights and the repository exists

执行命令git pull结果：原因：执行git remote -v 查看git地址采用了ssh方式：切换为https方式即可，步骤：首先要找到https方式的地址，如下图：然后回到git命令界面执行：$ git remote add origin https://github.com/XXXX/lagou.git出现了：fatal: remote origin already exists.因为我之前设置了ssh方式，这里使用命令：$ git remote rm origi

2020-08-11 15:53:20 697

原创关于前端做项目的一些想法

引言今天去一家公司面试，面试我的是技术团队的技术总监，关于在面试的时候他对我问的几个问题引起了我的深刻思考。1、你觉得你在过去一年的工作时间里你觉得你最大的收获是什么？老实说，当我听到这个问题的时候，我当时是懵逼的，算上刚开始又过了一遍HTML、CSS、JS的时候，我总共来到前端也就是4个月不到，我只做了两个项目，还是那种不完整的项目，一个是拉勾招聘网、另外一个是移动端的喵喵电影网，我当时的回答是对一种框架的应用，从学习了，然后开始使用框架到实际项目中，只不过我处于刚使用的阶段。关于这个问题，我仔细想

2020-07-27 20:12:09 788

原创关于for...in和for...of理解和使用

因为之前老是遇到这两个都忘记怎么使用，今天就把他们都写下来，给自己留个笔记，也希望能够帮到有需要的朋友。**for…invar arr1 = ["zou", "liu", "chen", "yang", "li", "wu"]; var arr2 = { "name": "益达", "age": 24, "sex": "男", "birth": "1996-03-06" }; for (let i in arr2) {

2020-07-20 14:56:11 205

原创获取当前年月和之前的11个月份

不多说直接上代码：function getLast12Months() { var last12Months = []; var today = new Date(); var year = today.getFullYear(); today.setMonth(today.getMonth()); for (var i = 0; i < 12; i++) { last12Months[11 - i] = today.getFullYear() +

2020-07-20 09:40:21 642

原创关于最近面试总结

前言自学web前端已经有3个月了，三个月里也有疯狂的玩，也有学到深夜的时候，也是之前做ERP实施顾问的时候业余时间就学了HTML、CSS、JS，后来辞职之后就选择了入web前端这一行，刚开始的时候也遇到过培训机构让我去他们那里培训的，但因为条件不好还有就是可能就是觉得自己可以自学（也许和大学的专业有关，大学学的是计算机科学与技术），在这里还是要说说，不是热爱编程这一块的人，只是为了赚钱的话，不建议转行，像一些前辈说的，如果工作只是工作，没有乐趣，那么时间长了，会感到无聊和无趣，我是在做前一份工作的时候，深

2020-07-05 13:24:29 208

原创执行git命令提示![rejected]pcdev-pcdev(none-fast-forword)error:failed to push some refs to

记录昨天到现在为止踩到的坑。昨天带着尝试的态度用git pull…命令来将远程仓库的代码更新到本地，然后出现了一系列的问题，导致我昨天晚上一直用:git push -u origin pcdev命令怎么都提交不上去代码，一气之下放弃了，去打了游戏（主要是太蛋疼了，搜索了一大堆的问题，从下午到晚上，一直卡在这里，心态崩了），今天一起来又尝试git push -u origin pcdev，提示如下：在这里要说下，昨晚我在睡之前其实是提示了无法从140.82.112.4的22端口接入（记忆力就这么个水平了

2020-06-21 12:34:48 272

原创 window系统下使用nvm安装后node生效但是npm不生效

问题：使用nvm安装nodeJS之后，node -v命令可以正常使用，但是使用有关npm的命令就会提示如图：分析：首先要确保你的nvm执行没有问题，比如，查看nvm中你安装的node版本，命令：nvm list使用node的版本，通过命令：nvm use 版本号，这里用10.20.1示范：然后接着查看node的版本，通过命令：node -v如果出现类似这样的提示：node : 无法将“node”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，

2020-06-13 01:11:10 2909 2

空空如也

空空如也