琼花霰-CSDN博客

原创 element-ui多选框reserve-selection指定row-key保留数据更新之前的数据，及清空保存的数据

element-UI 的table表格数据有提供多项框的功能,只要在表格列中多加一列就可以选择表格的数据但是有时候表格的数据是有分页的,分页一般是要重新请求后台数据,这样上一页也就是上一次请求的数据的选中状态就没有了.element提供了reserve-selection可以保存数据更新前选中的值,这个属性还需要指定row-key.先看下页面的效果:注意事项:具体看代码:<el-table :data="tableData6" :row-k

2021-09-05 20:46:43 2616

转载 element-ui使用select组件传递多个值

发现问题首先我们来看一段最基本的el-select代码<el-select v-model="selectedValue" placeholder="请选择"> <el-option v-for="item in food" :key="item.value" :label="item.label" :value="item.value"> </el-option></el-select&g

2021-04-16 19:29:45 2450

转载关于element-ui 中 table 鼠标悬停时高亮背景颜色的修改，添加fixed后颜色又出现问题

table 鼠标悬停时高亮背景颜色的修改.el-table tbody tr:hover>td { background-color: #颜色 } 或 .el-table__body-wrapper tbody tr:hover>td{ background-color: #颜色 } 就可以了如果添加了fixed 上面设置的鼠标悬浮颜色可能一部分无效了原因是：我们先看一下elements的设置前后结构变化对比;主要看 el-table__body-wrapper设置前设置后（

2021-03-06 10:42:23 4076 1

原创 vue 路由跳转四种方式 (带参数)

1. router-link1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。 2.带参数 <router-link :to="{name:'home', params: {id:1}}"&.

2020-11-24 16:17:27 1562

原创前端基础部分习题

1.DOCTYPE 的作用是什么？标准模式与兼容模式各有什么区别?声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。!DOCTYPE是一种标准通用标记语言的文档类型声明，它的目的是要告诉浏览器它应该使用什么样的文档类型定义（DTD）来解析文档。标准模式，浏览器按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。标准模式的排版和 JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老

2020-11-19 18:00:51 4058 2

原创 vue部分习题

1、简述框架和函数库的区别库更多是一个封装好的特定的集合，提供给开发者使用；框架则是为解决一类问题而开发的产品；库的使用非常灵活，但没有框架方便，这就是框架和库本质的区别。2、什么是渐进式框架可以先使用vue的基础功能，然后在此基础上逐渐使用你所需要的其他的功能3、Vue有哪些优点优点：组件化开发单页面路由双向的数据绑定单向数据流易于结合其他第三库轻巧、高性能渐进式框架是已数据驱动执行的缺点：生态系统不够完善可扩展性...

2020-11-19 17:44:07 597

原创 js对象的浅拷贝与深拷贝

浅拷贝和深拷贝都是对于JS中的引用类型而言的，浅拷贝就只是复制对象的引用（堆和栈的关系，原始（基本）类型Undefined，Null，Boolean，Number和String是存入堆，直接引用，object array 则是存入桟中，只用一个指针来引用值，如果拷贝后的对象发生变化，原对象也会发生变化。只有深拷贝才是真正地对对象的拷贝。1、浅拷贝默认是浅拷贝，只是将地址进行了复制，示例如下：//浅拷贝var obj1={name:"cat"};var obj2=obj1;obj2.na

2020-11-19 17:20:58 127

原创 Vue-生命周期特征详解

一份详细的生命周期8个钩子函数，图片中给大家标注很清楚，希望能帮大家很好的理解，这部分也是非常重要的，下面还有各个周期函数的简单实例，自己动手实践一下，理解的更快些，有什么不懂得或者我哪里写的不好，大家可以给我留言，咱们一起互相探讨！！！<body> <div id="app"> <h3 id="h3">{{msg}}</h3> <input type="button" value="修改msg" @clic

2020-11-19 17:14:47 473

原创 Git安装 - 上传文件 - 常用指令详解

一、安装Git1、下载Git2、根据提示进行默认安装（小白的话建议修改下文件位置，之后一直下一步完成安装就行了）3、这时候右击就会弹出，选择下面的Git Bash Here（如图），会打开类似与cmd的一个框框（如图），先这样放着，进行git账号申请和创建仓库，再进行二、创建仓库，上传文件1、点击注册git账号，或者百度搜索 gitee，进入官网注册2、登录账号，进入我的仓库，在图片上的两个地方都可以创建仓库。点击创建仓库，进入新页面，如下图，仓库名称为必填项，其他都可不填..

2020-11-19 13:54:05 348 5

原创 js获取audio进度调播放状态播放时间，详细

在html中书写的audio<body> <div id="song"> <h4>音乐</h4> <audio src="音频连接.mp3" type="audio/mp3" controls="controls" ontimeupdate="updata()"></audio> </div></body>其中：src是音

2020-07-24 11:16:53 19910

原创 JS知识总结思维导图，js学习路线思维导图（全）精！！

1、js学习大纲2、js基本语句3、js字符串基本使用及常用方法4、js操作符5、js数组基本使用及常用方法6、js变量7、js基本dom操作8、字符串函数9、流程语句10、运算符11、函数基础12、正则表达式13、window对象...

2020-07-23 11:50:41 7120 10

原创 js中的事件是什么

（一）事件1、什么是事件　　是指用户在某事务上由于某种行为所执行的操作; （对页面元素的某种操作）事件是文档或者浏览器窗口中发生的，特定的交互瞬间。事件是用户或浏览器自身执行的某种动作，如click,load和mouseover都是事件的名字。事件是javaScript和DOM之间交互的桥梁。2、事件的三要素　　事件源：是指在哪个元素引发的事件，如：a标签、div标签　　事件：事件是指执行的动作　　　　如：单击、双击等　　事件驱动程序（事件处理程序）：即执行的结果

2020-07-22 11:36:01 3416 1

原创什么是面向对象编程

面向对象是相对于面向过程来讲的，面向对象方法，把相关的数据和方法组织为一个整体来看待，从更高的层次来进行系统建模，更贴近事物的自然运行模式。对象的含义是指具体的某一个事物，即在现实生活中能够看得见摸得着的事物。在面向对象程序设计中，对象所指的是计算机系统中的某一个成分。在面向对象程序设计中，对象包含两个含义，其中一个是数据，另外一个是动作。对象则是数据和动作的结合体。对象不仅能够进行操作，同时还能够及时记录下操作结果。方法是指对象能够进行的操作，方法同时还有另外一个名称，叫做函数。方法是类中的定义函

2020-07-21 21:07:00 904 1

转载前端性能优化（一）（二）（三）

前端性能优化（一）前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ?　　1. 从用户角度而言，优化能够让页面加...

2020-07-16 09:18:12 1680

原创前端性能优化汇总。精！

前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ?　　1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。　　2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。　　总之，恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用。　　前端优化的途径有很多，按粒度大致可

2020-07-15 11:41:34 665 3

wang_bing_bo的博客