qq_40639028的博客

原理：根据屏幕高度和一条数据展示所需要的dom节点高度，求出屏幕能展示的数据条数。在渲染数据的div的同级加一个div（高度为所有数据展示完的高度），目的是显示滚动条。监听滚动，根据滚动条位置，计算截取所有数据中能在屏幕中展示的数据段，进行渲染。当数据量特别大时，一次性全部展示出所有数据，会造成页面渲染慢，白屏，卡顿的现象。为解决这样的问题，可以尝试使用虚拟加载dom节点的方式。优化：可以配合节流函数进行优化，防止暴力滚动。

el-input框输入数字千分位保留两位小数显示，传给后端转为正常数字。

普通数组（元素之间有父子关系）转换树形数组的方法。

思路：1、使用input输入事件；2、使用正则表达式结合replace替换输入的非数字。

之所以会造成卡顿，是因为该组件是一次性将所有数据全部渲染，dom数量过于庞大，并且在展开树操作的时候，用了大量递归循环语句，性能受到严重影响，造成卡顿。我想到的解决方式有两种：一：分页，让后端添加分页查询，以节点数统计数据条数进行展示。（但实际需求中较少，一般树形表格都是不分页）。二：将请求到的树形数组数据备份（tableDataCopy），初始化仅仅展示指定层级（如第一层树）的数据，将第一层下面的所有的children全部置为null，并记录存在children的节点，设置hasChild..

{ code:0, data:"[{name: \"uuid\",label: \"ID\",status:'0'},\r\n{name: \"projectNum\",label: \"项目编码\",status:'0'}\r\n]"}利用eval()将字符串型数组，转化为真实数组。eval() 函数可以计算某个字符串，并执行其中的的 JavaScript 代码。var newArr = eval('(' + res.data+ ')');最后得到：[ .

一般做后台管理系统，很多地方都会用到数据状态值转状态的处理，如（status:'0'）=>（status:'正常'）；后端也会返回很多枚举对象，我们用filters做视图过滤就很方便快捷。第一步：封装一个工具函数，里面用过滤//名称export const ChannelTag = (val) => { switch (val) { case 0: return '无' break case 1: return '电商'

方式一：数据的map和concat方法，结合...展开运算符递归实现（推荐）function turnTreeIntoList(array) { return [].concat(...array.map(item => [].concat(item, item.children ? turnTreeIntoList(item.children) : [])))}上面代码如果不好理解，可以展开：function turnTreeIntoList(array) { r

千分位添加的方式，一般都是数组截取法，字符串截取法等等，但存在当为负数金额的时候，可能会存在 -,123.33 的情况，还需要考虑到负数的情况。（考虑情况较多）。使用正则匹配转化会省略考虑到一些情况，方便使用。下面我将正则法，数组转化截取法（字符串截取转化法和数组截取转化原理相同）的代码发在下面：定义一个函数moneyRegex ，形参number是要处理的金额数据，fix是需要对数据保留的小数位数。正则法：建议使用正则匹配的方式添加千分位，可以直接避免负数、数组字符串之间转化的情况。如下代码：（.