随笔分类 - js随笔
记录js学习
摘要：笔记记录： 有这么一个需求，用户可以自定义选择表格哪些列显示，因此作此记录。 首先是模板内： 1 <el-table 2 :header-cell-class-name="cellClass" 3 :height="tableHeight" 4 ref="tableRef" 5 :data="sta
阅读全文
摘要：JS中，所有数字都以双精度64位浮点格式表示，因此部分小数进行计算时，会出现无法预测的长小数结果，导致无法得到想要的结果。 为了避免这种现象出现，可以使用个简单方法转换后再进行计算，即将数字放大为整数后计算再等比缩小 那关键就在于获取小数精度位，以下是方法代码： function getPrecis
阅读全文
摘要：这是静态引入，import xx from ‘xxx’； 这是动态引入，import('xxx') 动态引入是一个异步操作，即它会返回一个Promise对象，因此我们可以捕获引入失败的异常。 具体运用场景： 路由由后端动态生成，前端根据获取到的路由动态生成菜单，并根据对应路由去找到对应的组件进行跳转
阅读全文
摘要：token（身份令牌），其实就是用加密算法加密少量用户信息，以及记录创建时间与其他少量配置项，聚合而成的一个字符串。 如果你的服务端只有登陆时需要验证，之后都处于无信任状态——譬如用户权限、路由等信息都存储在客户端缓存内，那token就没必要了； 如果需要进行验证，那token就能很好的完成这个任务
阅读全文
摘要：MAP对象，存储格式为键值对。和普通对象无异，不过它的方法要特殊一些。 const map = new Map(); //created map.set(key, value); //赋值 map.get(key); //读取 map.delete(key); //删除指定键值 map.clear(
阅读全文
摘要：element本身功能已经很齐全了，但实际开发中肯定会伴随着各种奇葩要求，譬如根据日期统计几行的【小计】，然后最终再根据所有小计数据统计出【合计】。 show me the code！ 首先，el-table提供的自定义合计方法返回的是一个数组，其数组项就是对应列的数据，譬如第0列一般是序号，第5列
阅读全文
摘要：首先，这是vue的官方文档 KeepAlive | Vue.js (vuejs.org) KeepAlive组件能够保存当前组件状态，在进行路由跳转时变为【不活跃状态】而非卸载。但是官方并没有提供清除缓存的方法（除了刷新页面，整体重建） 假设以下是我们路由&对应组件的代码 <router-view
阅读全文
摘要：因为数据库中存放的数据终究全是扁平化的，因此获取后要手动将其改成树形结构，方便el-tree进行渲染。 假设数据如下（至少是要有节点ID和父节点ID） 最终要达到如下效果（el-select的el-option下面直接写个树组件就能实现这个效果，为了方便展示在树组件外面加个滚动条） 递归函数如下：
阅读全文
摘要：<template> <div class="flex"> <el-button v-for='(item,index) in list' :type=item.type @click=click(item) :ref="'ref'">{{item.value}}</el-button> </div
阅读全文
左右滑动轮播图。
摘要：idea的自动补全功能很强，对于初学者而言很棒。之前学html和css的时候已经适应了，但到了js这有时候不冒出来，就挺糟心的。 如果你该设置的都设置了（省电模式、设置中的补全等），还是会出现以下情况： 需要手动输入响应事件，那么可能是因为获取元素是使用getElementByTagName等容易获
阅读全文
