- 博客(28)
- 资源 (2)
- 收藏
- 关注
原创 在签出前请清理存储库工作树
vscode里git拉取远程修改时提示:在签出前请清理存储库工作树vscode里git拉取远程修改时提示:在签出前请清理存储库工作树项目中有代码未提交,需要先提交再拉取。我这里是和同事写了同一个需求,对方已经先写好传远程了,所以只需要拉取不需要提交快捷键ctrl+~打开终端(或者vscode里的git树上界面化操作)1.git stash 把当前未提交的修改暂存起来,让仓库还原到最后一次提交的状态。2.git pull 拉取远程仓库的代码,让你现在的代码和远程仓库一致3.git stash p
2022-06-28 17:49:46
19219
2
原创 vue和vuex版本对应问题
项目场景:使用vuex实现全局数据管理问题描述vuex项目中store挂载失败报错截图:原因分析:下载安装包下载了最新版本(vuex4版本)。最新版本:npm#npm install vuex@next --saveYarn#yarn add vuex@next --save错误版本截图:版本要求:在vue2中,要用vuex的3版本npm#npm install vuex@3 --saveYarn#yarn add vuex@3 --save在vue3中,要用v
2022-05-13 11:29:08
8632
1
原创 vue+echart图表数据切换
vue+echart图表数据切换前言一、效果图二、代码演示1.准备阶段2.HTML片段3.js片段4.css片段总结前言最近有个需求,同一个echart图表点击切换不同数据,花了点时间实现了,感觉比较常用,记录一下方便下次CV自己的。刚看到设计图时想做成tab切换,每个tabContent里放一个图表,先不管切换时会不会出现图表尺寸自适应问题,只是代码就很冗余。后来分析后想,既然图表还是同一种图表,那是不是只切换数据就可以,于是就做成现在这个。一、效果图保函数量:保费收入:担保金额
2021-09-26 15:39:18
3989
原创 中国地图以及各个省份json数据
中国地图以及各个省份json数据1.获取方式传资源好像需要花费点币才能下载,这里就直接放百度网盘地址吧1.获取方式一:链接: https://pan.baidu.com/s/1FRsrFSEnM2cPjJN0-Znnew提取码: fk5h 复制这段内容后打开百度网盘手机App,操作更方便哦2.获取方式二:微信二维码获取:2.内容截图内容截图:...
2021-07-29 16:30:41
1097
1
原创 自定义滚动条样式
滚动条美化:原生滚动条不是很好看,能拯救一下还是要拯救的。1.滚动条的属性们:1、滚动条的属性(可选项)/* 滚动条整体部分 */::-webkit-scrollbar {}/* 滚动条里面滑块,能上下左右移动(取决于是垂直还是水平) */::-webkit-scrollbar-thumb {}/* 滚动条的轨道(里面装有thumb) */::-webkit-scrollbar-track {}/* 滚动条轨道两端的按钮,允许通过点击微调小方块的位置 */::-webkit-
2021-07-14 15:44:16
492
原创 几个html+css常用表格
几个常用的纯html+css表格:有时候ui框架提供的表格并不能完全满足我们的需求,这时候就需要手写表格了。我把最近用的到几个表格存一下,方便以后CV。1.普通斑马纹表格(公司信息、个人信息表):例如:1、 效果图2、 HTML代码 <table class="printTB detailTb gua-detail-table" cellspacing="0" cellpadding="0"> <tbody> <
2021-07-13 14:51:17
1303
原创 vue+element+echarts echarts图表自适应宽高的百分比被渲染成具体的px
项目场景:封装自适应的echarts图表在多个页面里复用问题描述:封装了一个自适应的echarts图表组件,在一个页面里没有任何问题,在另一个页面里初始化时宽高90%被渲染成了90px,在调整窗口宽度后变为正常。初始化时效果图,这时候的canvas宽高都是90px:html代码:myEchart是图表组件<el-tabs> <el-tab-pane label="保函统计"> 保函统计 </el-tab-pa
2021-07-08 11:24:33
1159
原创 前端组件自动注册
前端组件自动注册前端组件自动注册1.创建一个js文件命名autoRegister.js2.在main.js中引入3.在需要的页面用标签的方式引入4.图解步骤5.SvgIcon 组件(在第一段代码的注释里提到的)前端组件自动注册组件太多的话写一个注册一个确实有点麻烦 ,使用组件全局自动注册的方式吧。1.创建一个js文件命名autoRegister.js在components 里创建一个js文件命名为autoRegister.js。当然也可以命其他名字,但最好是有语义的,方便后期维护时理解全局自动注
2021-07-05 15:56:17
314
原创 el-row里的栅格不在同一行
el-row里的el-col不在同一行显示按照elementui文档写的,其他几行都没有问题,有一行里面的col 被分成了两行显示代码如下: <el-row :gutter="20"> <el-col :span="6"> <el-form-item label="分包负责人"> <el-input v-model="form.operatorName" disabled></
2021-06-28 16:08:43
5287
2
原创 关于 vue+elementui 里 路由跳转方式、echarts 的一点随笔
关于 vue+elementui 里 路由跳转方式、echarts 的一点随笔1.vue中路由跳转1.vue+elementui 面包屑导航to 路由跳转对象,同 vue-router 的 to 接收string/objectreplace 在使用 to 进行路由跳转时,启用 replace 将不会向 history 添加新记录 接收Boolean 默认false<el-breadcrumb-item :to="{ path: '/manage' }">首页首页首页首页</
2021-06-23 11:40:04
523
原创 vue+element里实现回车键聚焦input
vue+element里实现回车键聚焦input话不多说先看效果图,然后直接上代码这是HTML <el-form :model="ruleForm" label-position="left" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm"
2021-06-19 11:24:15
482
原创 2021-06-08按行绑定数据
按行绑定数据1.需求:看下图,实现点击每一行的 详情 按钮或其每一行的详情点击详情按钮前:点击详情按钮后出现弹窗,弹窗里的信息就是 id对应的数据实现过程:需要往后台提供的接口里传 此行对应的id2.代码演示: <el-table-column prop="sort" label="详情" show-overflow-tooltip> <template slot-scope="scope"> <el-butto
2021-06-17 16:09:37
97
原创 el-option显示value而不是lable
el-option显示value而不是lable1. 问题描述问题:想要的效果:2.问题分析value应该是数值型,但我收到的是string直接用了,所以需要转换一下我的value值是从后台拿到的,是一个string类型下图是后台返回的数据截图,注意看红框数据类型是string原代码:<el-form-item label="法人职务" label-width="110px" prop="position"> <el-select v
2021-06-04 18:10:21
1335
原创 两个数组一一对应生成对象
映射思维1.如下代码:要求从 obj 转换成 arr//后台传给我的数据形式var obj={1: "有限责任公司"2: "股份有限公司"3: "个人独资企业"4: "个体工商户" }var arr=[//我需要的数据形式 {val:1,lable:"总经理"}, {val:2,lable:"总监"}, {val:3,lable:"财务"} ]2.映射过程代码演示://1.声明三个数组arr1,arr2,arr3var arr1=[],arr
2021-06-03 17:32:30
1066
原创 mock生成接口踩坑
mock生成接口踩坑1.问题描述:2.问题分析:3.解决办法:1.问题描述:使用mock生成两个接口,在接口名没重复的情况下,第二个接口始终只返回第一个接口的数据。话不多说看图如果将第一组数据和接口注释掉,则会返回第二组数据。2.问题分析:既然总是返回同一组数据,还是要怀疑接口名是不是存在重复,虽然看起来不重复,但是也想不到其它问题了,只能先试着排除重名问题。经过多次尝试以后,发现还真是接口名太相似导致的问题。3.解决办法:第二个接口名前几个单词不能包含第一个接口名。比如第一个接口叫 li
2021-06-01 16:17:37
426
原创 微信小程序组件不显示
小程序组件不显示解决办法:在index.json里注册一下组件。详细介绍如下刚准备上传图片时ctrl+shift+G一直弹出搜狗输入法设置如图切换成美式键盘就可以了。应该是和搜狗输入法的快捷键冲突了。下面进入正题:1.原本代码组件的wxml页面<!--components/NavHeader/NavHeader.wxml--><view class="header"> <view class="title">{{title}}</view&
2021-05-13 14:46:07
5531
3
原创 块状元素水平垂直居中
块状元素水平垂直居中1.使用定位position: absolute;top:50%;left:50%;margin-top:-宽的一半;margin-top:-高的一半;div {width: 100px;height: 100px;background: #000;position: absolute;left: 50%;top: 50%;margin-top: -50px;margin-left: -50px;}2.使用定位,用外边框撑开position: abso
2021-05-13 10:53:33
75
原创 css文本溢出隐藏显示省略号
文本溢出隐藏显示省略号1.单行文本溢出隐藏省略号.text{ white-space: nowrap;//强制不换行 overflow: hidden;//溢出内容隐藏 text-overflow: ellipsis;//文本溢出出现省略号 }2.多行文本溢出隐藏显示省略号overflow: hidden;//溢出内容隐藏/* text-overflow: ellipsis; */display: -webkit-box;-webkit-line-clamp: 2;//设置可
2021-05-13 10:48:11
368
原创 gitLab相关
gitLab相关1.gitLab是什么GitLab 是一个用于仓库管理系统的开源项目,使用Git作为代码管理工具,可通过Web界面进行访问公开的或者私人项目,非常适合在团队内部使用。2.GitLab、Github与Git的区别Git是分布式版本控制工具。GitHub和GitLab都是基于web的git仓库。GitHub是全球最大的代码托管平台,面向开源及私有软件项目,因为只支持git作为唯一的版本库格式进行托管,故名GitHub。GitLab 是一个用于仓库管理系统的开源项
2021-05-11 15:21:32
63
转载 对路由元信息meta的理解
为什么会有路由元信息这个东西?在原文上加了自己的理解我们在做网站登录验证的时候,可以使用到beforeEach 钩子函数进行验证操作,如下面代码 ,如果页面path为’/goodsList’,那么就让它跳转到登录页面,实现了验证登录。router.beforeEach((to, from, next) => { if (to.path === '/goodsList') { next('/login') } else next()})如果需要登录验证的网页多了怎么
2021-05-11 10:28:42
2594
原创 解决vue登陆完刷新后title值变为默认值
解决vue登陆完刷新后title值变为默认值总之描述的非常混乱,主要为了保存下来自己再遇到类似问题是能解决1.项目大概:通过选择不同地区进入不同的地区保函平台的登陆页面(同一个平台,不同用户登录展现的内容不同)2.问题描述:通过登陆页面进入首页后,title值是对应的是该页面的标题,但在本页刷新后title值变为默认title登陆后没刷新时:登陆后刷新后3.问题解析:登录页携带的session值设置到了title上,但刷新后路由直接走的默认index,失去了session值,title
2021-05-11 10:19:46
814
原创 小程序flex布局不生效
20210510微信小程序flex布局不生效原本的代码我还没看出来错在哪里了,求路过大佬指正原本的效果:原本的代码:wxml :<!-- 推荐内容--> <scroll-view class="recommendScroll" enable-flex scroll-x > <view class="scrollItem"> <image src="/static/imgs/1.1.jpg"></image>
2021-05-11 10:03:11
3083
1
原创 Vue获取节点this.$refs.xxx
vue获取节点this.$refs.xxx相当于原生DOM里的document.querySelector(".input1")在html里给标签添加标签名 ref=“xxx”<div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</button></div>用在模板里<el-form :model="form" status
2021-05-11 09:44:17
559
原创 git常用命令
git常用命令版本控制工具git : 分布式版本控制系统SVN : 集中式版本控制系统git 的安装git 常用的操作git 的常用命令行操作步骤把本地仓库和远程仓库进行关联配置ssh秘钥git 分支操作git分支合并冲突git 版本回退git 配置忽略文件git 打标签tag版本控制工具git : 分布式版本控制系统分布式版本控制系统 : 是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理SVN : 集中式版本控制系统SVN是subversion的缩写,是一个开
2021-05-11 09:31:59
63
原创 css实现元素自动填充容器剩余宽度
css实现元素自动填充容器剩余宽度• 方法一.container{width: 1226px;margin: 0 auto;position: relative;}.right{width: 300px;height: 300px;background-color: hotpink;position: absolute;top: 0;right: 0;}.left{margin-right: 300px;height: 300px;background-color: in
2021-01-03 21:54:42
2659
原创 es6学习总结
es6学习es6 变量的声明方式let 关键字:声明的变量是块级作用域不允许重复声明变量不存在变量提升for(let i = 0; i < 5; i++){ setTimeout(() =>{ console.log(i) }, 1000)}const 关键字:声明的是块级作用域不允许重复声明变量不存在变量提升声明的是一个常量(基本数据类型):本质 是 存放变量的内存地址不允许更改; 基本数据类型的数据和地址存放在栈中(存放在一起的
2020-12-22 18:50:58
106
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人