- 博客(23)
- 收藏
- 关注
RSS订阅原创 鼠标右键设置
现在的功能已经不满足左键了 所以又开发了 右键的功能，从网上看了看 ，ok 调用什么api接口，然后开始写代码这就是右键的一些功能 然后点击里面的按钮会触发各自的接口<el-row class="btm-tree" @contextmenu.native.prevent="showMenu($event)"> <el-row class="box-shubiao" v-show="rightClickPosition.show" :style="{top: r
2021-09-16 18:25:09
378
原创 分享一下自己的用的几个网站 嘿嘿嘿
平时用的一些网站然后就记录下来，大部分为一些功能性的网站（ 1 ） 平常我会截一些图片，但是我又想要视频，然后我就想到了gif图片， 这样可以清晰的知道你有一些什么操作，虽然进去是英文的操作页面，但是熟悉几次就会了，如果不会的话就翻译一下看看下一步是啥。链接: 转化图片网站** （ 2 ）因为是前端所以有时候要和后台调一些接口，传一些参数，有时候用vx传的参数会失效， 这时候我们需要用到json把不必要的空格什么的都去掉，转化一下格式然后再测试**链接: json（ 3 ） 学习前端主要的是掘
2021-09-03 11:07:40
12725
原创 选中表格当中的某一项然后上移和下移也可以左右移动
可以看见可以进行上移下移左移右移，录制的有点少，但是基本的差不多都看见了， 其实移动到触底会有提示 告诉用户已经到底或者到顶 就不用再点了这个我用的是普通的单项框做的，我想用原本的做但是发现有点问题 最后就是用的普通单选框做的upNode() { if (this.multipleSelection.length != 1) { this.$vMessage({ type: "warning", message: '只能选择一条数据' }) return.
2021-08-31 11:02:50
239
原创 前端动态渲染表格的行和列
之前做的一个页面是动态的渲染表格，未知的是行和列，我们要根据后台返回的信息来进行渲染，因为写过两次，但是道理都大同小异，第一次是同时请求两个接口，然后第一个接口返回的是表头，第二次是表值。<el-table-column prop="bindSubjectName" label="主体" align="center" min-width="120" /><el-table-column v-for="item in dynamicTableList" :key="item.byCalc
2021-08-27 10:45:21
952
原创 今天终于任务完成了，谈谈自己的收获
这一个月的任务终于完成了，写了几个页面，但是把该用的都用了一次，虽然写的很丑，但是也凑合的看吧，功能实现了。嘿嘿1. 可以修改表格的自身内容，自己控制表格的样式2. 了解了当数据过多会对表格造成卡顿3. 当弹出框太多会造成渲染错误，导致遮罩层出现问题4. 对于一些树形数据 要添加东西的时候使用递归添加 特别方便5. 最多的还是一些实践的问题，有时候看的写的很简单，但是写出来它是有问题的，解决了当前的问题还要牵连其他的问题，是自己的眼界太小了， 要好好工作等这几天不怎么忙 就开始整理自己
2021-07-29 14:49:52
228
原创 element 的表格的extend
这几天一直在忙的工作，今天特地发一个表格的extend 当我们在下面请求数据的时候 然后就重新折叠起来了 ，因为数据的重新渲染导致的，然后我把当前的折叠节点id保存一下，当重新赋值的时候，让他直接展开。我们会用带这个两个属性 加一个方法 看element ui的描述可知，key绑定的是id 然后expand 绑定为一个数组 当我们展开的时候记录当前的id 然后看数组里面有没有， 当么有的时候就push 进去， 当有的时候 就删除， 但是要判断当前是否传值@expand-change="expan.
2021-07-07 16:30:34
289
原创 element 的表格修改里面的padding
今天提出给需求，给当前修改过的数据加个颜色，嗯，不错，然后就开始了今天的一天的工作，到最后写完了？一看？？？ 不行！！！因为里面的 padding 到导致 内容填充不完整，这怎么办呀，然后就修改样式？？？ 不管用？？？ 然后想到了 权重问题 嗯，然后不行！！！完犊子.dialog /deep/.selectChange { padding: 0; .cell { height: 32px; padding: 0; div { width: 100%;
2021-06-24 18:17:10
3047
3
原创 element ui表格可编辑 和 v-if 和 v-show的区别
今天要做一个表格来展示数据，但是其中某一项是要可以编辑的，然后写一下大致的思路顺便贴一下代码，感觉有点拉。我是在数据对象当中添了一项，我是使用this.$set( 返回的数据， isTable ，true )当我请求到数据的时候然后我往里面添了一个isTable有条件的可以让后台给返回的boolean 值。<el-table-column label="xx'' prop="esEnergy" header-align="center" align="center"> <t
2021-06-23 14:26:14
1542
原创 vue中的父传子，及单项数据流
今天做了一个父传子 引出一个单项数据流的问题，我们可以直接修改父组件传过来的值吗？ 会影响父组件里面的值吗 ？ 那传字符串 和 数组，对象修改有什么区别吗?虽然之前一直在写vue ，但是一般不会去直接修改，然后今天想看看 到底会出现什么情况我引入子组件 然后下面是父级传过去的 数据 下面是我在子组件里面定义的按钮 ，当我点击按钮的时候会发生什么事 ？ 这个是在子组件里面改变父组件的数据虽然改变了，但是看下面的报错 它说避免直接修改属性的值，那就是不可以直接修改然后我就在data当中重新定义一个
2021-06-22 11:10:41
94
1
原创 自定义指令学习
今天是周一，该好好上班了，拿过今天的页面一看又是重复的一天，枯燥，然后看见一个自定义指令我说这是个啥，v-for v-on 都是指令，但是自定义指令咋还没见过，嘿嘿，原谅我的粗鄙，，，看了vue官方文档，又看看别的写的代码，页面按钮级权限，哦，原来如此，真不错 ，以后就可以少用 v-if 这样显得我就又高大上了。首先看文档 知道它的使用方法是个啥 Vue.directive() 这个就是自定义指令的方法 里面还有参数/
2021-06-21 19:42:12
109
1
原创 在生命周期里面， 清除定时器
哇，今天忙了一天，快下班的时间，闲下来。当我们在文件当中设置一个定时器，我应该在销毁前，清除定时器那么有时候会忘记清除，或者你可以少写一个声明周期，直接在方法里面使用，这样就不会忘记了// 之前的写法 timer = setTimeout(()=> { // 执行时间 }, 1000)....beforeDestroy: { clearTimeout(timer)}现在 fn () { timer = setTimeout(() => { // 执行事
2021-06-17 19:55:53
963
1
原创 实现一个二次点击按钮
前端表格多是一些增删改查，但是删也是其中一项，当我们点击删除的时候，会弹出一个选择框会提示我们确认要删除吗？ 这是很正常的一个功能，我们不可能说 ，点击删除，然后就删除了 ，万一点错了那。今天就封装一个小的二次点击功能。<template> <el-button v-bind="$attrs" @click="handleClick"> <slot /> </el-button></template><script&g
2021-06-16 10:20:32
339
原创 前端数据的存储cookie session local的区别
今天上班了，然后给我分配了点任务，一个小模块，但是有些数据其他页面也要使用，然后我就决定进行一个存储，然后我翻看之前他们写的代码，基本是存在local 里面，嗯， 毕竟cookie 存不了多少东西，存多了还影响性能。1 . 数据存储cookie 的存储上线为 4kb而 local 和 session 的存储量为 5M2. 存储时间cookie 存储的是会话存储，如果不设置时间的话，当浏览器关闭的时候就删除， 当然也可以进行设置时间local Storage 是永久存储，当然也可以强制的进
2021-06-15 11:15:14
2357
2
原创 将两个对象合并到一起
今天是端午节，感觉过的真快啊 ! ! !突然想起一个题，如标题所示var a = { name： '小明', age: 18, address: '北京'}var b = { car： 'qq', class: '8848', age: 48, looks: cool}for ( key in b ) { if ( b.hasOwnproperty(key) ) { a[key] = b [key] }}var obj = Object.assion(
2021-06-14 21:34:49
682
原创 数组的扁平化处理
头一次听扁平化，感觉挺高大上的以为是新出的上面东西，然后拿来一看，哦，原来就这，今天就做一些数组的扁平化。ES10数组的扁平化这么能少的了这么快捷的方式那let arr = [1,2,3,4[1,2,6,8[12,88,9]]]let arr1 = arr.flat(Infinity)循环function fn ( arr ) {let arr1 = [] for ( var i = 0; i < arr.length; i++ ) { if ( Array.isArray(
2021-06-13 22:56:42
73
原创 数组去重方法
虽然今日放假了 还是记录一些自己之前学的知识 ，温故而知新。let arr = [1,2,3,4,5,6,5,4,1]let arr1 = new Set(arr)let arr2 = Array.form(arr1)注意虽然set 可以取到惟一值，但是它是一个set数组，需要转化一下，才可以得到真正的数组。arr.filter((item,index) => arr.indexOf(item) === index )这就是利用过滤然后返回一个新的数组let b = []arr.f
2021-06-12 21:59:55
63
原创 防抖和节流
在工作当中很容易就碰见要防抖和节流的地方，想一些搜索的地方 ，像下拉一定高度进行数据请求。// 防抖 单位时间内只发送一次请求function fn( fn1 ,day = 1000 ) { let timer = null return function () { clearTimeout(timer) timer = setTimeout( { fn1.apply( this, arugments) },day) }}// 节流
2021-06-11 16:37:10
59
原创 element ui 上传文件 或 图片
今天做了一个上传图片前来记录一下因为我们的项目是element ui 写的，所以也就根据element ui 的上次组件来进行一个编写。写完发现，哎，不对呀，我其他地方也需要这个上传，所以我就封装一个组件，写的不怎么好，请见谅。<template> <div class="MaxBox"> <el-form>
2021-06-10 09:59:26
1119
2
原创 后台返回的日期格式的处理
今天处理了一下时间格式，虽然每天都处理但是都是使用Moment.js 来进行处理下载安装 不是有手就行，如果不会的话，那就按照官网的一步步的安装，然后看人家是怎么使用的，我就不复制粘贴了。然后发现这不对呀，平时给的都是 刚刚好，今天怎么给的是个世界时间烦死了然后可以用Moment.js 来进行一个处理，然后把值传进去 然后得到的就是中国的北京时间了， let oldDate = 后台时间 let newDate = moment(aa).format('YYYY-MM-DD HH:mm
2021-06-09 15:22:18
2700
1
原创 工作中使用的css属性 和 布局
自己在工作中使用最多的布局 ： flex 布局CSS3 新出的布局方式，可能对ie兼容性有点不好，要求有兼容的话就写float或者使用插件来进行布局吧。 我工作中使用的弹性盒子还是比较多的， 但是有后台管理系统，有的时候根本就不需要自己布局，记录一下自己使用过的一些css属性。弹性盒子 display： flex在弹性盒子最多使用的是居中， 这也是老生常谈的问题横向居中justify-content: center纵向居中align-items: center如果我们要使布局分为左中右
2021-06-08 11:18:31
90
1
原创 vue 当中的修饰符
今天使用了一些修饰符觉得还不错记录一下@click.native: T 1 ： 当我在父组件引入子组件的时候 我想在子组件上定义一些事件，但是现在只能用 子组件 this.$emit( ‘test’ , ‘子组件被点击了’ ) 然后父组件接收这个事件 @test= ‘aa’ 在aa 里面 打印了 子组件被点击了 ， 但是这样写比较麻烦一些，然后我查看了一下，然后发现修饰符 @click.native= ‘aa’这样就可以 在 aa 这个 事件， 里面可以打印一些自己的事情。:sho
2021-06-07 18:38:36
94
1
原创 前端 js深度克隆对象数组
在项目中使用一个对象，但是这个对象里面修改一些属性的话会造成之前的数据的一些错误，所以我决定深度克隆一些，但是现在谁还自己写呀，所以我果断使用插件，使用了插件的我，腰也不疼了，腿也不酸了，真香，但是使用完之后我深深的陷入了悔恨，咋这么不争气那，不会自己写一个啊，人与人之间的距离就是这样拉开的，我是开车的，人家是造车的。555555555555555555！！！所以我决定要自己 写一段代码function deepClone ( obj ) { let clone = Array.
2021-06-03 16:37:17
325
1
原创 首次加载表格出现错位问题
表格加载出现错位 ，修复bug上班的时候突然出现一个bug，然后以为是异步加载数据的事情，然后使用强制刷新数据，不可以具体的错误如下：标题 解决办法<el-table ref=’‘tableRef’’> </el-table＞this.nextTick(() => {// 初始化表格this.$refs.tableRef.doLayout()})使用table 自带的方法刷新一下...
2021-05-27 08:59:39
322
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人