代码
张萌2018
励志成为一名合格程序媛,向csdn的大神们学习
展开
-
清除commit缓存 不回退代码
问题出现的原因——云桌面开发,commit需要加一个特定模板的前缀,如果前缀写的有误,就不允许提交代码,push会报错,提示信息就是让修改commit模板。但是修改了模板以后,重新push依然不生效,还是报相同的错误,这个时候就需要清除commit缓存,百度了很多,都是教怎么回退代码的!!不要回退代码git reset --soft 上一个版本号commit的版本号通过 git log去查...原创 2021-04-12 11:39:18 · 289 阅读 · 0 评论 -
elementUI的message如何配合Promise执行
deleteNode(){ //删除 const f = () => { return Promise.resolve( this.$message({ message: '删除成功!', type: 'success' }) ) } this.$axios.post('/api/v1/centerword/.原创 2021-01-20 15:49:29 · 739 阅读 · 0 评论 -
简单易懂闭包 前端
第一张图是所有循环的闭包共用了i,所以i始终是最大值第二张图就是每个循环创建了一个闭包,保存当前循环i的值每当函数创建的时候,如果该函数引用了同环境作用域的变量,就会立刻创建一个该函数的闭包并且这是循环,创建了3个闭包,但是有一点就是,第一个 这三个闭包共用了一个词法环境,说人话就是,这三个闭包共用了item和i第二个,在里面的闭包形成之前,在外面又套了一个闭包 。外面那个匿名函数创建的闭包保留了外面的i的引用,但是这个函数是立刻执行的,这时候匿名函数内部的it...原创 2020-12-03 16:22:57 · 186 阅读 · 1 评论 -
react 遍历二维数组渲染数据 +三目判断显示
arr demothis.state = { noteArr:[ [{ name:"笔记0", defaultNote:false },{ name:"笔记1", defaultNote:true },{ name:"笔记2", defaultNote:false },{ name:"原创 2020-09-11 10:20:24 · 1429 阅读 · 0 评论 -
史上最简单修改hosts文件
打开小黑框输入sudo vim /etc/hosts然后让你输入你电脑的密码,输入后回车。然后进入hosts文件,复制按q修改后 输入:wq 退出再输入一行代码sudo killall -HUP mDNSResponder回到项目重启一下,就配置成功了。...原创 2020-09-10 17:05:00 · 608 阅读 · 0 评论 -
react中ant的table如何在操作按钮时获取当前行内容
<Table rowSelection={{ type: "radio", ...rowSelection, }} dataSource={data}> <Column title="编号" dataIndex="key" key="key" /> <Column title="指标名称" dataIndex="name" key="n...原创 2020-09-02 15:30:53 · 4184 阅读 · 0 评论 -
本地项目连接远端仓库操作指南(全)
新建远程仓库的时候建议就啥也别弄了,一个空项目就好,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.原创 2020-08-24 15:59:51 · 423 阅读 · 0 评论 -
代码是如何判定标签是否闭合了
记录一下。match字符串的正则匹配最后是不是闭合 最简单的判断query.length 是不是空就好了 如果是空的 代表全部匹配了 如果不是空的那就代表有错误原创 2020-08-07 10:55:38 · 757 阅读 · 0 评论 -
cytoscape遇到的坑
1、边和点的id不可以重复,重复的时候点正常,线不画了。原创 2020-07-13 15:14:00 · 2718 阅读 · 14 评论 -
vue+echarts饼图内、外区域点击效果(PC端)
先给大家看一下实现的效果。3个饼图排成一排,点击各个饼图内的颜色块会在鼠标点击处生成一个绘制对应数据的div;点击除了饼图以外的区域此div会消失,如果第二次点击的区域也是饼图内,则原div消失,新div替换。主要功能点如下:饼图内区域的点击效果 饼图外区域的点击效果 在鼠标点击位置绘制div 减少代码冗余,复用代码,根据不同饼图的块得到不同对应数据下面贴一下代码,各位看官直接在本地引入一下echarts就可以看到交互效果了,没有做屏幕适配,具体看逻辑实现吧,各位根据demo举一反三原创 2020-07-09 11:26:22 · 1276 阅读 · 0 评论 -
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.原创 2020-05-22 15:00:48 · 4510 阅读 · 0 评论 -
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)代码提交不上去,提交暂存区了还是显示黄色的叉...原创 2020-03-18 11:52:36 · 3335 阅读 · 1 评论 -
vue+el-table-column的show-overflow-tooltip属性 单元格内容空悬浮会触发黑色悬浮框的问题
show-overflow-tooltip为true时,表示如果内容过长超出宽度就会在上方显示黑色悬浮框+内容。但是现在在windows电脑上内容为空和没有超出宽度时都会一直触发这个属性,macbook无此问题。解决办法:不使用这个属性,使用el-tooltip。 <el-table-column align="c...原创 2020-01-09 10:12:52 · 4030 阅读 · 0 评论 -
element-UI+VUE 实现el-table双击单元格编辑(智能操作!不沙雕!看我就对了)
浏览了很多智慧的结晶,要么操作傻瓜,要么过于复杂(不必要的),还有的虽然实现了操作,但逻辑上让我难受。所以自己实操成功后整合一篇。本篇博客涉及到的点有:(后面详解)el_table双击单元格实现编辑操作 el-input回车操作enter与失焦事件blur冲突(会触发两次导致操作异常) 如果是组件之间操作,tableData是从父组件通过props接过来的,在本子页面中定义了另一个空数...原创 2020-01-08 11:11:07 · 12725 阅读 · 24 评论 -
前端vue下使用a标签实现下载本地文件的功能
vue的static文件夹中放这个要下载的文件模板,名字可以随意但必须是英文的,前端可以通过设置download内容修改下载后的名字,这里可以是中文的。<a href="../../../static/template.csv" download="分析模板.csv"> <img src="../assets/image/download.png" widt...原创 2020-01-07 16:37:54 · 14616 阅读 · 7 评论 -
前端 页面跳转 路由带参数的各种情况
新页面跳转,且url的参数必传,如果缺少参数页面空白,不显示内容。let routeUrl = this.$router.resolve({ path: `/industry/${this.idx}`//有多个的话就继续按照这个格式拼接});window.open(routeUrl.href, '_blank')//第二个值决定的 后面会讲本页面跳转跳转的新页面取值方法mo...原创 2020-01-07 16:31:39 · 2782 阅读 · 1 评论 -
echarts图表内的canvas宽度为0
echarts图表不支持自适应 百分比我设置宽度为33%,echarts图表的canvas宽度为33px,图形绘制的堆在一起我项目中需要3个一排,一共两排的图表格式,用的是flex布局,经查发现第一排图形显示正常,但是第二排宽度为0,绘制失败。给绘制图形的函数加一个定时器,1就可以,我这里要求不高,所以加了一个1秒setTimeout(()=>{ this.d...原创 2020-01-02 10:30:58 · 2514 阅读 · 0 评论 -
echarts出现异常竖线的解决办法
本篇总结了一下我遇到的问题与情况,结合了互联网大佬们智慧的结晶,如有雷同,不是剽窃~异常竖线的样子:(异常竖线千奇百怪,有的是从上贯穿到下,有的像这种,是因为从上一组图形数据直接绘制 转变下一组图形数据时产生的bug)其实原本图形是这样的。解决办法1:适用于没有设置过如下两个属性的情况yAxis: { min:'dataMin', max:'dataMax',}...原创 2019-12-17 16:15:33 · 2480 阅读 · 0 评论 -
vue下拉加载(全适用) 详细篇
写项目中遇到的问题,我遇到了如下坑:得到的scrolltop clientheight永远都是0(我以为是因为我是分组件写的项目所以还尝试过把每个组件的高度求出来传给父组件,相加得到。)其实和分几个组件没有关系,就在需要滚动的那个页面获取即可。思路就是:实时的监听页面滚动的高度,当滚动的高度 与 页面工作区域的高度 相加的和 等于 这个div的高度(或者小于100px,这个可以自己定)...原创 2019-10-30 15:51:29 · 1270 阅读 · 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...原创 2018-10-18 11:58:39 · 523 阅读 · 0 评论 -
模拟路由优化版
HBuilder新建一个Web项目(用HBuilder的原因是他有自带服务器 用的$.ajax必须在服务器下运行)新建template文件夹,里面新建a.html b.html c.html 里面随便写点东西以下是index.html的代码<!DOCTYPE html><html> <head> <meta...原创 2018-10-22 19:44:03 · 353 阅读 · 0 评论 -
react的子路由
原创 2018-11-07 15:01:19 · 591 阅读 · 0 评论 -
echarts的series配置
series: [ { name: name0, type: type0, smooth: false, yAxisIndex: 0, data: xdata, itemStyle: { normal: { color:'#1890FF', label: { color:'#00...原创 2019-02-19 11:09:33 · 33576 阅读 · 9 评论 -
echarts的tooltip自定义formatter函数中拼接字符串模板中的绑定style失效问题
tooltip: { trigger: 'axis', axisPointer: { type: 'cross' }, formatter:function(params){ console.log(params,'paramsparams'); // 这个params能不能有一个index 区分开当前鼠标在第几个? let colstyle = colo...原创 2019-03-13 10:58:50 · 4269 阅读 · 2 评论 -
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...原创 2019-08-09 10:47:02 · 5864 阅读 · 1 评论 -
echarts的富文本 rich 在IE浏览器引用图片失效不显示的解决方案
写项目中遇到了这样的问题,mac笔记本的chrome浏览器没有问题,但是window的IE浏览器不显示图片。我在option上边定义了这样的两个图片的链接。(用官网的直接双引号+链接 在我这里没效果,这样写可以显示,给大家借鉴一下。)let icon = require('../assets/image/bell.svg');let iconNone = require('../ass...原创 2019-10-10 16:47:32 · 1321 阅读 · 0 评论 -
Vue框架实现简单版五星评价
运行效果截图:以下为源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <script src="js/vue.js原创 2018-10-18 11:22:45 · 1078 阅读 · 0 评论