- 博客(12)
- 收藏
- 关注
RSS订阅原创 el-table选中所有数据（包括非当前页的数据）的实现
el-table选中所有数据（包括非当前页的数据）的实现抛出问题在日常使用table表格的时候，我们一般会分页来加载数据，不过有些时候又需要选中所有的数据来进行操作，例如：选中满足筛选条件后的商品来参加活动选中所有的记录来一次性删除编辑参加活动的商品时，把原本已参加活动的商品勾选上在刚接触到这个需求的时候，我的第一反应是做不了，数据都没获取到怎么选中他嘛。后来有小伙伴建议让后端新定义一个字段，如isAll，点击了选中所有按钮后给后端传一个true告知其选中所有的数据。不过这样也有几个问题：
2020-06-19 12:10:06
3937
4
原创 el-image组件点击图片滚动条消失的解决办法
el-image组件的slot = error可自定义加载失败内容，这个功能可以保护我们的页面整洁漂亮，个人在项目中也经常使用，不过最近却发现了一个巨坑，极其影响用户体验。最近测试发现在编辑某个商品信息时，滚动条有时会消失，导致页面整个卡住，无法保存商品信息，只能刷新页面后才能再次滚动，影响可以说是非常恶劣了。经过一番掉头发后，我发现了问题所在。我们知道，el-image可通过 previewSrcList 开启预览大图的功能，而在预览大图时，element-ui会向body标签添加overflow:h
2020-05-20 18:18:38
2439
原创 001_el-upload手动上传文件爬坑记录
el-upload默认选中文件后自动上传文件，但是有些时候我们需要在上传之前做一些事情，并不希望他自动就上传了，这时我们只需要加上:auto-upload="false"即可关闭自动上传了。关闭自动上传后，我们需要在点击按钮时手动用$refs.uploadRef.submit()来上传。代码如下:// template中<div v-loading=“isLoading”> &...
2020-05-07 09:58:37
1033
原创 js作用域深层原理
编译原理编译在传统编译语言的流程中，程序中的一段源代码在执行之前会经历三个步骤，统称为“编 译”。分词/词法分析(Tokenizing/Lexing)这个过程会将由字符组成的字符串分解成(对编程语言来说)有意义的代码块，这些代 码块被称为词法单元(token)。例如，考虑程序var a = 2;。这段程序通常会被分解成 为下面这些词法单元:var、a、=、2 、;。空格是否会被当作词法...
2020-04-22 16:15:09
272
转载 008-js对象访问器-setter与getter
js对象访问器是指ECMAScript 5 (2009) 引入的 Getter 和 Setter。Getter 和 Setter 允许您定义对象访问器（被计算的属性）。js对象访问器的优点它提供了更简洁的语法它允许属性和方法的语法相同它可以确保更好的数据质量有利于后台工作Object.defineProperty()访问器属性不能直接定义，必须使用Object.definePr...
2020-04-20 17:09:13
198
转载 007-js数组迭代方法大集合
Array.reduce()reduce() 方法在每个数组元素上运行函数，使每个数组元素与上次返回的值进行某样操作。reduce() 方法在数组中从左到右工作。另请参见 reduceRight（）。reduce() 方法不会减少原始数组。请注意此函数接受 4 个参数：总数（初始值/先前返回的值）项目值项目索引数组本身 JavaScript A...
2020-04-20 17:08:07
217
转载 006-js性能优化
减少循环中的活动循环每迭代一次，循环中的每条语句，包括 for 语句，都会被执行。能够放在循环之外的语句或赋值会使循环运行得更快。差的代码：var i;for (i = 0; i < arr.length; i++) {更好的代码：var i;var l = arr.length;for (i = 0; i < l; i++) {循环每次迭代时，坏代码就会访问数...
2020-04-20 17:07:04
216
转载 005-debugger 关键词与let、const补充
debugger 关键词debugger 关键词会停止 JavaScript 的执行，并调用（如果有）调试函数。这与在调试器中设置断点的功能是一样的。如果调试器不可用，debugger 语句没有效果。如果调试器已打开，此代码会在执行第三行之前停止运行。<!DOCTYPE html><html><head></head><bo...
2020-04-20 17:05:51
155
转载 004-js严格模式
声明位置只能在脚本或者script标签的开头或者在函数的开头 添加"use strict"; 来声明严格模式。在脚本开头进行声明，拥有全局作用域（脚本中的所有代码均以严格模式来执行）。在函数中声明严格模式，拥有局部作用域（只有函数中的代码以严格模式执行）。"use strict";x = 3.14; // 这会引发错误，因为 x 尚未声明"use strict";myF...
2020-04-20 17:04:46
160
转载 003-js异常
try 语句使您能够测试代码块中的错误。catch 语句允许您处理错误。throw 语句允许您创建自定义错误。finally 使您能够执行代码，在 try 和 catch 之后，无论结果如何。案例1<p id="demo"></p><script>try { adddlert("欢迎访问！");}catch(err) { do...
2020-04-20 17:03:17
322
转载 002-js正则表达式
js正则表达式在 JavaScript 中，正则表达式常用于两个字符串方法：search() 和 replace()。search() 方法使用表达式来搜索匹配，然后返回匹配的位置。replace() 方法返回模式被替换处修改后的字符串。search()方法search() 方法也接受字符串作为搜索参数。找到则返回其索引，否则返回-1。字符串参数将被转换为正则表达式，如var str...
2020-04-20 17:01:42
180
转载 router.matcher
router.matcher// 替换现有router的routesrouter.matcher = new VueRouter({ routes: newRoutes}).matcher对外提供两个方法match(负责route匹配), addRoutes（动态添加路由）。具体原因：在做路径切换transitionTo方法中，首先就会使用const route = this.ro...
2020-04-14 11:09:58
19974
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人