MengRui2333的博客

原创 配置git并把本地项目连接github

一.配置git1.下载git（），但推荐使用国内镜像下载（选好64和版本号下载，全部点下一步下载完成后打开终端，输入然后继续在终端内操作2.配置用户名：git config --global user.name “你的用户名”3.配置邮箱：git config --global user.email “你的邮箱”4.配置完成后检查配置：p.s. 如果有报错，查看一下环境变量有没有加上git下载路径操作完要把终端，软件什么的都关掉再重启才能生效哦二.与远程仓库连接。

原创 mac本配置maven后每次都要source才生效

每次打开终端，mvn -v都提示zsh: command not found: mvn。每次都要使用source .bash_profile才生效。最后重启终端，mvn -v 正常展示版本号啦。2.输入touch .zshrc。先进入当前用户账户的目录下。1.打开终端，输入cd ~

原创 前后端对接规范初版

写在前面我认为且希望的工作流程。1、收到客户新需求2、产品经理初筛功能并完成原型以及功能点文档（原型需注明每个交互，功能点文档利于管理）3、项目组开会，产品讲解业务逻辑和功能点，技术人员确定需求可行性4、分配技术人员，准备开发5、前后端对接接口返回结构，排查可能出现的问题，满足前后端代码友好，前端性能不受到影响6、书写接口文档，注明接口中返回字段所对应的内容7、根据接口文档拿到mock的demo数据，前端先开始开发8、真实接口完成，前端接入真实接口9、不断的测试、迭代

原创 谷歌-adblock插件下载后的使用（国内无需fan墙）

123

原创 清除commit缓存 不回退代码

问题出现的原因——云桌面开发，commit需要加一个特定模板的前缀，如果前缀写的有误，就不允许提交代码，push会报错，提示信息就是让修改commit模板。但是修改了模板以后，重新push依然不生效，还是报相同的错误，这个时候就需要清除commit缓存，百度了很多，都是教怎么回退代码的！！不要回退代码git reset --soft 上一个版本号commit的版本号通过 git log去查...

原创 elementUI的message如何配合Promise执行

deleteNode(){ //删除 const f = () => { return Promise.resolve( this.$message({ message: '删除成功！', type: 'success' }) ) } this.$axios.post('/api/v1/centerword/.

原创 简单易懂闭包 前端

第一张图是所有循环的闭包共用了i，所以i始终是最大值第二张图就是每个循环创建了一个闭包，保存当前循环i的值每当函数创建的时候，如果该函数引用了同环境作用域的变量，就会立刻创建一个该函数的闭包并且这是循环，创建了3个闭包，但是有一点就是，第一个 这三个闭包共用了一个词法环境，说人话就是，这三个闭包共用了item和i第二个，在里面的闭包形成之前，在外面又套了一个闭包 。外面那个匿名函数创建的闭包保留了外面的i的引用，但是这个函数是立刻执行的，这时候匿名函数内部的it...

原创 react 遍历二维数组渲染数据 +三目判断显示

arr demothis.state = { noteArr:[ [{ name:"笔记0", defaultNote:false },{ name:"笔记1", defaultNote:true },{ name:"笔记2", defaultNote:false },{ name:"

原创 史上最简单修改hosts文件

打开小黑框输入sudo vim /etc/hosts然后让你输入你电脑的密码，输入后回车。然后进入hosts文件，复制按q修改后 输入:wq 退出再输入一行代码sudo killall -HUP mDNSResponder回到项目重启一下，就配置成功了。...

原创 react中ant的table如何在操作按钮时获取当前行内容

<Table rowSelection={{ type: "radio", ...rowSelection, }} dataSource={data}> <Column title="编号" dataIndex="key" key="key" /> <Column title="指标名称" dataIndex="name" key="n...

原创 本地项目连接远端仓库操作指南（全）

新建远程仓库的时候建议就啥也别弄了，一个空项目就好，readme也不要加，不然还要处理和本地readme的冲突，累1、将文件夹加入git管理git init2、将项目添加到git本地仓库git add .3、提交文件到本地仓库git commit -m "初始化项目与远程git相连接"4、连接远程仓库git remote add originhttps://github.com/fenglixiong123/VueBack.git5、本地内容推送到远程仓库git p.

原创 代码是如何判定标签是否闭合了

记录一下。match字符串的正则匹配最后是不是闭合 最简单的判断query.length 是不是空就好了 如果是空的 代表全部匹配了 如果不是空的那就代表有错误

原创 cytoscape遇到的坑

1、边和点的id不可以重复，重复的时候点正常，线不画了。

原创 vue+echarts饼图内、外区域点击效果（PC端）

先给大家看一下实现的效果。3个饼图排成一排，点击各个饼图内的颜色块会在鼠标点击处生成一个绘制对应数据的div；点击除了饼图以外的区域此div会消失，如果第二次点击的区域也是饼图内，则原div消失，新div替换。主要功能点如下：饼图内区域的点击效果 饼图外区域的点击效果 在鼠标点击位置绘制div 减少代码冗余，复用代码，根据不同饼图的块得到不同对应数据下面贴一下代码，各位看官直接在本地引入一下echarts就可以看到交互效果了，没有做屏幕适配，具体看逻辑实现吧，各位根据demo举一反三

原创 el-table单击行row-click与个别列的按钮操作冲突

row-click和cell-click都一样。如果是原生标签，就直接给click事件加.stop 如果是el标签，需要加.native.stop 下面是我的demo，可以参考下↓ <el-table title="双击查看详情" @sort-change="handleSortChange" ref="singleTable" :data="tableData" styl.

原创 git提交代码报错 pre-commit hook failed

黑框提示报错：> running pre-commit hook: lint-staged/bin/sh: lint-staged: command not foundpre-commit hook failed (add --no-verify to bypass)代码提交不上去，提交暂存区了还是显示黄色的叉...

原创 elementUI的el-table表格自定义表头slot-scope=“scope“+eslint报错

网上看了不少人的回答，都让我无语，把eslint取消也算一个办法？？还有人说删掉slot-scope="scope"，您会前端吗，删掉之后eslint是不报错了，你看看你那自定义表头还好使吗？？上代码，在这行之前增加一句注释，目的是取消下一行的eslint规范检索。<!-- eslint-disable-next-line --> <el-tab...

原创 vue+el-table-column的show-overflow-tooltip属性 单元格内容空悬浮会触发黑色悬浮框的问题

show-overflow-tooltip为true时，表示如果内容过长超出宽度就会在上方显示黑色悬浮框+内容。但是现在在windows电脑上内容为空和没有超出宽度时都会一直触发这个属性，macbook无此问题。解决办法：不使用这个属性，使用el-tooltip。 <el-table-column align="c...

原创 element-UI+VUE 实现el-table双击单元格编辑（智能操作！不沙雕！看我就对了）

浏览了很多智慧的结晶，要么操作傻瓜，要么过于复杂（不必要的），还有的虽然实现了操作，但逻辑上让我难受。所以自己实操成功后整合一篇。本篇博客涉及到的点有：（后面详解）el_table双击单元格实现编辑操作 el-input回车操作enter与失焦事件blur冲突（会触发两次导致操作异常） 如果是组件之间操作，tableData是从父组件通过props接过来的，在本子页面中定义了另一个空数...

原创 前端vue下使用a标签实现下载本地文件的功能

vue的static文件夹中放这个要下载的文件模板，名字可以随意但必须是英文的，前端可以通过设置download内容修改下载后的名字，这里可以是中文的。<a href="../../../static/template.csv" download="分析模板.csv"> <img src="../assets/image/download.png" widt...

原创 前端 页面跳转 路由带参数的各种情况

新页面跳转，且url的参数必传，如果缺少参数页面空白，不显示内容。let routeUrl = this.$router.resolve({ path: `/industry/${this.idx}`//有多个的话就继续按照这个格式拼接});window.open(routeUrl.href, '_blank')//第二个值决定的 后面会讲本页面跳转跳转的新页面取值方法mo...

原创 echarts图表内的canvas宽度为0

echarts图表不支持自适应 百分比我设置宽度为33%，echarts图表的canvas宽度为33px，图形绘制的堆在一起我项目中需要3个一排，一共两排的图表格式，用的是flex布局，经查发现第一排图形显示正常，但是第二排宽度为0，绘制失败。给绘制图形的函数加一个定时器，1就可以，我这里要求不高，所以加了一个1秒setTimeout(()=>{ this.d...

原创 echarts出现异常竖线的解决办法

本篇总结了一下我遇到的问题与情况，结合了互联网大佬们智慧的结晶，如有雷同，不是剽窃~异常竖线的样子：（异常竖线千奇百怪，有的是从上贯穿到下，有的像这种，是因为从上一组图形数据直接绘制 转变下一组图形数据时产生的bug）其实原本图形是这样的。解决办法1：适用于没有设置过如下两个属性的情况yAxis: { min:'dataMin', max:'dataMax',}...

原创 相同局域网下其他windows电脑访问本机macbook电脑的页面操作

前端非常需要这个步骤，如果需要兼容IE页面，项目中遇到了这个，记录一下。本机macbook通过npm run dev起的项目，项目页面在本机的地址为http://local-aaa.bbb.cn:8080/然后 查看本机ip1、打开系统偏好设置2、打开网络3、得到ip然后就是另一台window电脑的操作找到C:\Windows\System32\Drive...

原创 vue下拉加载（全适用） 详细篇

写项目中遇到的问题，我遇到了如下坑：得到的scrolltop clientheight永远都是0（我以为是因为我是分组件写的项目所以还尝试过把每个组件的高度求出来传给父组件，相加得到。）其实和分几个组件没有关系，就在需要滚动的那个页面获取即可。思路就是：实时的监听页面滚动的高度，当滚动的高度 与 页面工作区域的高度 相加的和 等于 这个div的高度（或者小于100px，这个可以自己定）...

原创 echarts的富文本 rich 在IE浏览器引用图片失效不显示的解决方案

写项目中遇到了这样的问题，mac笔记本的chrome浏览器没有问题，但是window的IE浏览器不显示图片。我在option上边定义了这样的两个图片的链接。（用官网的直接双引号+链接 在我这里没效果，这样写可以显示，给大家借鉴一下。）let icon = require('../assets/image/bell.svg');let iconNone = require('../ass...

原创 echarts获取datazoom的起始值（包括x轴和y轴）

let option = {} //你的echarts图表的配置，这里我就不贴我的了myChart.setOption(option);//开始let startValue = myChart.getModel().option.dataZoom[0].startValue;let endValue = myChart.getModel().option.dataZoom[0].e...

原创 echarts的tooltip自定义formatter函数中拼接字符串模板中的绑定style失效问题

tooltip: { trigger: 'axis', axisPointer: { type: 'cross' }, formatter:function(params){ console.log(params,'paramsparams'); // 这个params能不能有一个index 区分开当前鼠标在第几个？ let colstyle = colo...

原创 echarts的series配置

series: [ { name: name0, type: type0, smooth: false, yAxisIndex: 0, data: xdata, itemStyle: { normal: { color:'#1890FF', label: { color:'#00...

原创 vue中三目绑定style或class

&lt;button :style="{'display':config.test ? 'block':'none'}" &gt;搜索&lt;/button&gt;&lt;p :style="{'background-color':clr==0 ? '#E83636':'#0F0835'}"&gt;阿斯达&lt;/p&gt;  

原创 如何不优雅的解决子组件丢失this.props的三个重要对象

把父组件的this.props暴力传给子组件在组件里就不能用this.props了 要用this.props.data 才相当于this.props然后就可以正常用这三个对象的属性和方法了 

原创 react的子路由

原创 chrome谷歌浏览器控制台高亮显示变化的部分

更新了位置 具体看图片 就这样打开

原创 ubuntu 安装谷歌浏览器

1、下载谷歌浏览器源文件。链接有很多，以下是64位版本的下载地址https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb2、下载完成后，在终端运行命令：sudo dpkg -i google-chrome*; sudo apt-get -f install即可安装完成3、直接在终端中输入g...

原创 模拟路由优化版

HBuilder新建一个Web项目(用HBuilder的原因是他有自带服务器 用的$.ajax必须在服务器下运行)新建template文件夹，里面新建a.html   b.html  c.html  里面随便写点东西以下是index.html的代码&lt;!DOCTYPE html&gt;&lt;html&gt;    &lt;head&gt;        &lt;meta...

原创 Ubuntu16.04 开机出现检测到系统程序出现问题

sudo gedit /etc/default/apport 把1改成0

原创 vue生命周期的钩子函数学习总结

vue官网给出的流程图传送门https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA实例创建以前调用的 beforeCreate实例创建以后调用的 createddom节点挂载到页面以前 beforeMountdom节点挂载到页面之后 mo...

原创 Vue框架实现简单版五星评价

运行效果截图：以下为源码：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8" /&gt;    &lt;title&gt;Document&lt;/title&gt;    &lt;script src="js/vue.js

原创 Uncaught SyntaxError: Invalid shorthand property initializer 错误

应该写成键值对格式，开始写成了=，所以报这个错误。警惕！

原创 opencv关于取整的问题以及矩阵的创建及访问

opencv 或 C++向下取整的时候，会把0取整为 -1int a = (int)asiftKeypoints_query[i].pt.x;int b = cvFloor(asiftKeypoints_query[i].pt.x);int c = cvRound(asiftKeypoints_query[i].pt.x); int d = floor(asiftKeypoints...