前端
文章平均质量分 53
今天拔牙么
月亮很亮,亮也没用,没用也亮
展开
-
vue+echarts几种常用图表动态数据切换
根据后台数据生成柱状图,折线图,饼图原创 2022-07-01 10:07:47 · 3260 阅读 · 1 评论 -
vue+elementui tab切换丢失参数
vue+elementui列表跳详情后,点其他菜单进行tab切换丢失详情页参数原创 2022-06-30 16:42:49 · 3039 阅读 · 2 评论 -
在签出前请清理存储库工作树
vscode里git拉取远程修改时提示:在签出前请清理存储库工作树vscode里git拉取远程修改时提示:在签出前请清理存储库工作树项目中有代码未提交,需要先提交再拉取。我这里是和同事写了同一个需求,对方已经先写好传远程了,所以只需要拉取不需要提交快捷键ctrl+~打开终端(或者vscode里的git树上界面化操作)1.git stash 把当前未提交的修改暂存起来,让仓库还原到最后一次提交的状态。2.git pull 拉取远程仓库的代码,让你现在的代码和远程仓库一致3.git stash p原创 2022-06-28 17:49:46 · 19113 阅读 · 2 评论 -
几个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 · 1283 阅读 · 0 评论 -
前端组件自动注册
前端组件自动注册前端组件自动注册1.创建一个js文件命名autoRegister.js2.在main.js中引入3.在需要的页面用标签的方式引入4.图解步骤5.SvgIcon 组件(在第一段代码的注释里提到的)前端组件自动注册组件太多的话写一个注册一个确实有点麻烦 ,使用组件全局自动注册的方式吧。1.创建一个js文件命名autoRegister.js在components 里创建一个js文件命名为autoRegister.js。当然也可以命其他名字,但最好是有语义的,方便后期维护时理解全局自动注原创 2021-07-05 15:56:17 · 228 阅读 · 0 评论 -
关于 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 · 517 阅读 · 0 评论 -
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 · 477 阅读 · 0 评论 -
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 · 74 阅读 · 0 评论 -
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 · 1324 阅读 · 0 评论 -
两个数组一一对应生成对象
映射思维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 · 1057 阅读 · 0 评论 -
mock生成接口踩坑
mock生成接口踩坑1.问题描述:2.问题分析:3.解决办法:1.问题描述:使用mock生成两个接口,在接口名没重复的情况下,第二个接口始终只返回第一个接口的数据。话不多说看图如果将第一组数据和接口注释掉,则会返回第二组数据。2.问题分析:既然总是返回同一组数据,还是要怀疑接口名是不是存在重复,虽然看起来不重复,但是也想不到其它问题了,只能先试着排除重名问题。经过多次尝试以后,发现还真是接口名太相似导致的问题。3.解决办法:第二个接口名前几个单词不能包含第一个接口名。比如第一个接口叫 li原创 2021-06-01 16:17:37 · 375 阅读 · 0 评论 -
微信小程序组件不显示
小程序组件不显示解决办法:在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 · 5461 阅读 · 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 · 72 阅读 · 0 评论 -
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 · 358 阅读 · 0 评论 -
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 · 61 阅读 · 0 评论 -
对路由元信息meta的理解
为什么会有路由元信息这个东西?在原文上加了自己的理解我们在做网站登录验证的时候,可以使用到beforeEach 钩子函数进行验证操作,如下面代码 ,如果页面path为’/goodsList’,那么就让它跳转到登录页面,实现了验证登录。router.beforeEach((to, from, next) => { if (to.path === '/goodsList') { next('/login') } else next()})如果需要登录验证的网页多了怎么转载 2021-05-11 10:28:42 · 2590 阅读 · 0 评论 -
解决vue登陆完刷新后title值变为默认值
解决vue登陆完刷新后title值变为默认值总之描述的非常混乱,主要为了保存下来自己再遇到类似问题是能解决1.项目大概:通过选择不同地区进入不同的地区保函平台的登陆页面(同一个平台,不同用户登录展现的内容不同)2.问题描述:通过登陆页面进入首页后,title值是对应的是该页面的标题,但在本页刷新后title值变为默认title登陆后没刷新时:登陆后刷新后3.问题解析:登录页携带的session值设置到了title上,但刷新后路由直接走的默认index,失去了session值,title原创 2021-05-11 10:19:46 · 803 阅读 · 0 评论 -
小程序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 · 3074 阅读 · 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 · 554 阅读 · 0 评论 -
git常用命令
git常用命令版本控制工具git : 分布式版本控制系统SVN : 集中式版本控制系统git 的安装git 常用的操作git 的常用命令行操作步骤把本地仓库和远程仓库进行关联配置ssh秘钥git 分支操作git分支合并冲突git 版本回退git 配置忽略文件git 打标签tag版本控制工具git : 分布式版本控制系统分布式版本控制系统 : 是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理SVN : 集中式版本控制系统SVN是subversion的缩写,是一个开原创 2021-05-11 09:31:59 · 59 阅读 · 0 评论 -
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 · 2635 阅读 · 0 评论 -
es6学习总结
es6学习es6 变量的声明方式let 关键字:声明的变量是块级作用域不允许重复声明变量不存在变量提升for(let i = 0; i < 5; i++){ setTimeout(() =>{ console.log(i) }, 1000)}const 关键字:声明的是块级作用域不允许重复声明变量不存在变量提升声明的是一个常量(基本数据类型):本质 是 存放变量的内存地址不允许更改; 基本数据类型的数据和地址存放在栈中(存放在一起的原创 2020-12-22 18:50:58 · 103 阅读 · 0 评论