笔记
一路追求匠人精神
一个人如果没有梦想,那和咸鱼有什么区别。
展开
-
store的模块化管理
1.store下面创建index.jsimport Vue from ‘vue’import Vuex from ‘vuex’import user from ‘./modules/user’//不断引入你模块化的板块export default ‘store’然后在同目录的modules文件夹下面创建对应的js文件原创 2021-12-06 09:13:16 · 696 阅读 · 0 评论 -
vue的$bus的使用
1.引入Vue.prototype.$ bus = Vue. prototype.$ bus||new Vue():2.定义方法this.$ bus.$ on(“methods”,id=>{})3.方法的调用this.$ bus.$ emit(“methods”,data)原创 2021-10-08 10:27:03 · 290 阅读 · 0 评论 -
vuex的store的使用
1.先引用vueximport vue from " vue"import vuex from " vuex"Vue. use( Vuex)原创 2021-09-22 15:45:17 · 271 阅读 · 0 评论 -
css实现header背景图不变形(不随浏览器大小变化)
思路:不使用background-image属性,设置容器块的position为relative,图片作为一个元素放置在容器中,设置图片样式为:{position:absolute;width:100%;height:100%;left:0px;top:0px}如果想在顶部加上其他元素块,一样设置position为absolute,再绘制就好...原创 2021-08-19 14:52:22 · 940 阅读 · 0 评论 -
前端文字竖向居中(兼容所有浏览器)
思路:1.设置一个div块的height:100%2.设置其width为字体大小,比如字体18px,width就为18px3.设置块display:flex;align-items:center;justify-content:center原创 2021-08-19 14:45:11 · 402 阅读 · 0 评论 -
2行代码实现前端模糊查询
1.数据格式:data=[{name:‘hz’,nm:12}]2.目的:模糊查询数据中name含有hz的对象数组let filterData=data.filter(item=>{return (item.name.indeOf(“hz”)>-1)})原创 2021-08-19 11:24:28 · 115 阅读 · 0 评论 -
vue引用WebSocket
1.通过后端拿到sockedId和sockedTypeId(参数用于开辟socket)2.通过后端原创 2021-08-03 21:13:44 · 165 阅读 · 0 评论 -
el-table为内容加上滚动条
1.给el-table标签给上高度:style{height:100%}注意要f12看一下是否给出了了确定的高度,不然要一层一层检查,一层一层给出高度。2.给.el-table .el-table__body-rapper设置{width:100%;height:calc(100% - 40px);overflow:auto;}这里的40px是表头的高度,可以f12审查元素,根据具体的高度进行设置。...原创 2021-07-19 17:08:24 · 7101 阅读 · 0 评论 -
el-table高亮显示一行/获取高亮行/默认选中一行
1.设置高亮行el-table标签加上highlight-current-row2.默认选中一行高亮el-table标签加上 ref=‘table’在请求到数据后 this.$nextTick(()=>{this.<美元符号>refs.table.setCurrentRow(res.data[0])})3.获取高亮行的数据...原创 2021-07-19 16:46:50 · 5194 阅读 · 2 评论 -
vue根据路由变化进行处理
关键:使用watch在需要的vue页面watch:{KaTeX parse error: Expected '}', got 'EOF' at end of input: …{ /*this.route里面含有具体路由信息,根据信息,进行具体业务操作,但操作可能刷新页面不执行,所以需要在created里面进行同样的业务操作,但2个操作可能重复执行了,需要做好一个容错处理*/}}...原创 2021-07-19 16:29:15 · 175 阅读 · 0 评论 -
vue页面设置浏览器title
1.main.js写公共方法import ‘router’ from ‘./router’router.beforeEach((to,from,next)=>{document.title=to.meta.title?to.meta.title:‘信息系统’})2.在router.js里面写上meta配置{meta:{title:‘首页’}}原创 2021-07-19 16:10:31 · 207 阅读 · 0 评论 -
el-table数据不更新/父组件dialog无法关闭处理
情景:1.在el-table里面调用,当数据更新后,expand里面的数据没更新解决:el-table加上标签:key=“tableKey”在请求完数据后this.tableKey=Math.random()情景2.有时候在子组件里面封装了el-dialog,当父组件点击关闭的时候,只将子组件的dialogVisible设置为了false,而父组件没有设置。解决:visible.sync=“visible”visible=Math.random()...原创 2021-07-19 10:56:29 · 359 阅读 · 0 评论 -
el-tree实现多选/父节点无勾选框/点击文字选中
1.多选el-tree标签加上:show-checkbox2.父节点无勾选框思路:通过对样式进行调整即可/deep/.el-tree-node{.is-leaf + el-checkbox .el-checkbox__inner{display:inline-block;}}.el-checkbox .el-checkbox__inner{display:none;}3.点击文字也可选中el-tree加上标签:check-on-click-node4.获取到选中节点的数据le原创 2021-07-19 10:35:13 · 3467 阅读 · 4 评论 -
el-tree单选实现默认展开并选中/高亮
1.高亮某一行el-tree标签加上:highlight-current2.单选el-tree加上:原创 2021-07-19 10:23:00 · 864 阅读 · 0 评论 -
vue页面样式修改eleUI样式不生效
问题:在style里面写上element-UI的相关样式,页面更新后没效果解决在class前面加上/deep/,如:/deep/.container{}原创 2021-07-19 09:32:27 · 342 阅读 · 0 评论 -
vue的axios方法的封装
1.封装原创 2021-06-16 15:47:36 · 71 阅读 · 0 评论 -
vue-cli初始项目架构说明
前言:这个是看b站“编程不良人”老师的视屏截图下来的,觉得总结得还可以看官请放大后查看原创 2021-06-16 09:24:23 · 84 阅读 · 0 评论 -
vue子组件调用父组件的方法
1.父组件写好子组件需要调用的方法,如fatherMethod(){}2.子组件this.$parent.fatherMethod()即可调用。ps:子组件不能直接修改父组件的变量,需要调用方法去修改相关变量。原创 2021-06-09 17:11:56 · 329 阅读 · 0 评论 -
css实现右侧缓入缓出动画
前言:利用right属性,初始设置为负值,进行隐藏,后面用动画逐渐增大right值原创 2021-06-08 09:42:07 · 1155 阅读 · 0 评论 -
vue表格默认选中行
1.el-table标签上加上属性ref=“mul” row-key=“key”(这个key是表格数据的唯一指示id,数据如果是id就用id)2.表格中加上选择框3.代码中调用:_this.$refs.mul.toggleRowSelection(select[i],true)这里的select[i]是你想...原创 2021-06-08 09:31:47 · 1031 阅读 · 0 评论 -
长时间(大数据)接口请求解决方案
场景:数据量较大,或者计算比较复杂时,后端会一直处于一个计算的,接口无响应的状态。解决:核心:用2个接口去解决,一个接口启动后端的计算,一个接口获取计算的结果前端:请求第一个接口(启动接口)->接口请求成功后,前端定时器,每500毫秒或者1000毫秒请求一次结果查询接口:this.cir=setInterval(()=>{你要执行的方法},500)->在方法里面循环调用获取结果的接口,千万注意写好定时器的消除,要考虑正常执行结束的情况,异常结束的情况等,结束后clearIn原创 2021-06-08 09:31:23 · 1594 阅读 · 0 评论 -
formData上传文件(传参附带其他参数)
files里面存放相关文件数据,mappingId和jobId为附带的参数其中的getPostSetting方法如下所有参数的生成是用postman来对应的。以前遇到传文件这种,前后端调通总是要花费些时间,现在发现用postman,后端测试成功后,前端利用postman的body。选中JavaScript(application/JavaScript)可以直接生成对应代码,非常好用。...原创 2021-06-07 11:29:55 · 1881 阅读 · 1 评论 -
vue对象值改变,页面数据不更新处理
重新继承一次this.data=Object.assign({},this.data);原创 2021-06-07 11:02:29 · 554 阅读 · 0 评论 -
前端根据数组元素属性找到元素
1.找到元素下标用findIndex方法let pos=this.logMain.findIndex(item=>item.choosentrue)2.找到元素let pos=this.logMain.find(item=>item.choosentrue)原创 2021-06-07 10:57:46 · 308 阅读 · 0 评论 -
js每三位数字分割
num=num.toString().replace(/\B(?=(:\d{3})+\b)/g,’,’);ps:①这里num是数字,如果是字符串,不用.toString②手机输入的可能有拼写错误,看官请用电脑输入。原创 2021-06-07 10:48:36 · 805 阅读 · 0 评论 -
el-form简单配置
1.页面配置2.data配置原创 2021-06-07 10:32:33 · 245 阅读 · 0 评论 -
el-dialog显隐控制修饰符
el-dialog标签上加上:visible.sync=“control”原创 2021-06-07 10:22:11 · 173 阅读 · 0 评论 -
vue禁止内部块点击事件向外冒泡
在click上加上stop修饰@click.stop=""原创 2021-06-07 10:18:01 · 335 阅读 · 0 评论 -
禁止el-checkbox元素的点击事件
@click=“stop($event)”方法 stop(e){e.stopPropagation();}原创 2021-06-07 10:16:19 · 2118 阅读 · 0 评论 -
el-dropdown-item的click事件无效
在click后面加上@click.native=""原创 2021-06-07 10:14:00 · 178 阅读 · 0 评论 -
vue通过参数设置多个class
原创 2021-06-07 10:12:17 · 410 阅读 · 0 评论 -
vue添加全局的loading
1.在要添加loading的标签上增加2.设置this.pageLoading的值为true和false就可以控制遮罩的显示和隐藏了。通过设置this.loadingText就可以设置加载框底部的文字了。原创 2021-06-04 16:57:42 · 497 阅读 · 0 评论 -
js接收文件流
ps:核心是设置接收的responseType设置为blob问题就不大了原创 2021-06-04 16:45:24 · 827 阅读 · 0 评论 -
前端动态进度条实现
前言:需要提前引入jq.js和animate.css原创 2021-05-17 17:22:54 · 716 阅读 · 0 评论 -
java的==和equals的区别
1.对于基础类型,两者都是判断值是否相等2.对于引用对象,==会去判断地址是否相同,而equals只会判断值是否相同如obj obj1=new obj(), obj2=new obj()obj1==obj2为falseObjects.equals(obj1,obj2)为true原创 2021-05-14 14:58:25 · 96 阅读 · 0 评论 -
idea自动补全get,set快捷键
鼠标移动上去按住Alt+insert原创 2021-05-13 17:26:34 · 2382 阅读 · 0 评论 -
html页面引入elementUI
1.下载element-ui2.找到lib文件夹下面的index.js,theme-chalk下得Index.css,theme-chalk->src下的fonts文件(里面包含一个.ttf文件和一个.woff文件)3.创建一个文件夹,index.js,Index.css,fonts文件均放在同一级目录下4…html去引用.js和.css,同时引用vue.js,即可使用elementUI...原创 2021-05-13 17:21:55 · 3231 阅读 · 2 评论 -
ps_裁剪出圆形区域并将多余透明去掉
1.打开图片2.移动到椭圆选择工具,右键选择椭圆选择工具3.按住shift+Alt键对进行区域选择4.选好后右键点击选择反向5.键按backspace删除其他部分6.鼠标移动到图像点击裁切7.点击确定(透明像素,裁切全选择)8.保存图片为png格式...原创 2021-04-19 17:05:05 · 2473 阅读 · 0 评论 -
echarts地图的配置(点线连接)
前言:这里主要是记录一下自己配置的记录,有错误遗漏的地方,可以自行去官网查找。我这里主要把series里面的点,线的配置方式记录一下function getLineSeries (data) var series= [ { name: data :main, type: ‘map’ , mapType: ’ china’ ,data: [], itemStyle: {normal: { borderColor: ‘rgba (100. 149.237.1) ,borderWidth: 0.5, are原创 2021-04-02 16:25:05 · 3301 阅读 · 0 评论 -
echarts地图的配置(散点)
1.var opt={backgroundColor:"",color:[“gold”,“aqua”],title:{text:"",},geo{show:true,map:“china”,}}原创 2021-04-02 16:14:16 · 1176 阅读 · 0 评论