奔跑吧人生

摘要： copy 当用户通过浏览器UI启动复制操作并响应允许的document.execCommand('copy')调用时触发copy事件。 copy事件可作用于任何可被选中或可编辑的元素，如body、div、input、textarea等。因此，可以通过监听函数来监听copy事件： document.a 阅读全文

摘要： Element-ui是一个非常好的UI设计模块，它提供给我们很多好看的按钮样式，非常适用于快速搭建UI，下面说说如果使用了element-ui之后，要更改它默认的el-Input样式应该怎么操作。使用调试工具找出他的样式默认表，具体操作如下： 从上图知道默认的样式是.el-input__inner, 阅读全文

摘要： Apache commons lang3包下的StringUtils工具类中封装了一些字符串操作的方法，非常实用，使用起来也非常方便。最近自己也经常在项目中使用到了里面的一些方法，在这里将常用的方法总结了一下，方便以后查阅，大家有兴趣也可以看一下。 首先需要说明的一点是，StringUtils类在操 阅读全文

摘要： 前言 深入学习 chart.js 的选项来制作漂亮的图表。交互式图表可以给你的数据可视化提供很酷的展示方式。但是大多数开箱即用的解决方案用默认的选项并不能做出很绚丽的图表。 这篇文章中，我会教你如何自定义 chart.js 选项来制作很酷的图表。 ⚡ Quick Start 我们需要： Vue.js 阅读全文

摘要： keep-aliveProps：include - 字符串或正则表达式。只有名称匹配的组件会被缓存。exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。max - 数字。最多可以缓存多少组件实例。用法：<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它 阅读全文

摘要： 走在前端的大道上 插槽，也就是slot，是组件的一块HTML模板，这块模板显示不显示、以及怎样显示由父组件来决定。实际上，一个slot最核心的两个问题在这里就点出来了，是显示不显示和怎样显示。 由于插槽是一块模板，所以，对于任何一个组件，从模板种类的角度来分，其实都可以分为非插槽模板和插槽模板两大类 阅读全文

摘要： Vue2.0 v-for 中 :key 到底有什么用？ 其实不只是vue，react中在执行列表渲染时也会要求给每个组件添加上key这个属性。 要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。 我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作 阅读全文

摘要： 项目中使用到element-ui组件库，经常需要操作表格，编辑样式的过程中遇到一些问题，官网针对table给出了很多的api，自己可以自定义，基本能满足产品需求，但是没有给出具体的案例，网上的资料也比较简略，这里简单整理下一些常用的操作，如果有类似的功能可以做一个参考 具体的使用方法还是建议仔细阅读 阅读全文

摘要： vue2.0 子组件props接受父组件传递的值，能不能修改的问题整理 父组件代码： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 阅读全文

摘要： Grid 栅格 Grid 栅格 概述 我们采用了24栅格系统，将区域进行24等分，这样可以轻松应对大部分布局问题。使用栅格系统进行网页布局，可以使页面排版美观、舒适。 我们定义了两个概念，行row和列col，具体使用方法如下： 使用row在水平方向创建一行 将一组col插入在row中 在每个col中 阅读全文