学习-从浏览器缓存淘汰策略和 Vue 的 keep-alive 学习 LRU 算法
摘要：LRU（Least frequently used：最近最少使用）。算法在缓存写满的时候，会根据所有数据的访问记录，淘汰掉未来被访问几率最低的数据。也就是说该算法认为，最近被访问过的数据，在将来被访问的几率最大。 个人解读：淘汰掉访问次数少的，留下访问次数多的数据 一、LRU 缓存淘汰策略 缓存在计
阅读全文
posted @
2022-09-20 18:25
法老的微笑
阅读(114)
推荐(0) 编辑
学习-数组相关算法-js 数组去重（删除有序数组中的重复项）
摘要：Set 对象去重（数组对象不可利用 Set 对象，不能实现去重效果）： // 删除有序数组中的重复项 let arr = [1,1,2,2,3,3,3] // console.log(new Set(arr)) // Set(3) { 1, 2, 3 } // Set对象时一组不重复的值，重复值被忽
阅读全文
posted @
2022-09-20 14:23
法老的微笑
阅读(71)
推荐(0) 编辑
学习-数组相关算法-两数之和中两数对应的索引作为数组返回
摘要：obj[1] = 111 let obj = { "5": 222 } console.log(obj[5]) // // 222 console.log(obj['5']) // 222 // console.log(obj.5) 这样写会报错 obj[1] = 111 console.log(J
阅读全文
posted @
2022-09-20 09:53
法老的微笑
阅读(32)
推荐(0) 编辑
日常开发记录-删除数组对象中的第三层 children 属性值
摘要：应用场景：elementUI Cascader 级联选择器不显示三级子节点，只显示到二级节点即可 js 代码： for (const key in options) { // 删除第三层children属性 for (const i in options[key].children) { delet
阅读全文
posted @
2022-09-19 14:29
法老的微笑
阅读(566)
推荐(0) 编辑
日常开发记录-vue 中小写金额转换为大写金额
摘要：vue中小写金额转换为大写金额 模板： <div class="total"> <span style="width:10%;display:inline-block; margin-left:10%">总金额：</span> <span style="width:40%;display:inlin
阅读全文
posted @
2022-09-13 10:44
法老的微笑
阅读(189)
推荐(0) 编辑
日常开发记录-点击按钮触发 close 方法关闭当前路由页面，跳转列表页
摘要：关闭当前路由，跳转其他页面 close() { // 返回上级路由并关闭当前路由 this.$store.state.tagsView.visitedViews.splice(this.$store.state.tagsView.visitedViews.findIndex(item => item
阅读全文
posted @
2022-09-13 09:50
法老的微笑
阅读(266)
推荐(1) 编辑
日常开发记录-Vue2.0+ElementUI实现输入框金额格式化
摘要：如何用Vue实现输入框金额格式化呢？我们都知道，以元为单位时，金额往往是需要保存到小数点后两位的，用来表示角和分，并且为了能对金额位数一目了然，往往需要三位为一个间隔，用逗号分隔金额位数。基于以上需求，我们现在用Vue来实现功能。 首先我们需要知道，加了分隔符的金额就不再是数字类型了，而是字符串类型
阅读全文
posted @
2022-09-09 14:54
法老的微笑
阅读(1909)
推荐(0) 编辑
日常开发记录-JavaScript中字符串(string)转json的方法
摘要：let json = eval("(" + str + ")"); 代码演示： let str = `{ "statusCode": "300", "message": "未登陆", "callback": "", "dotype": { "reload": "currentTab", "reloa
阅读全文
posted @
2022-09-09 10:16
法老的微笑
阅读(51)
推荐(0) 编辑
日常开发记录-当后端返回了键值对中的 value 需要前端自己处理成对应的 label 值时的方法
摘要：代码演示： let list = [{ label: 'yibo', value: 0}, { label: '张三', value: 1}, { label: '李四', value: 2}] function getLabel(list, v, value="value", label="lab
阅读全文
posted @
2022-09-08 14:21
法老的微笑
阅读(44)
推荐(0) 编辑
日常开发记录-dangerouslyUseHTMLString：true; 属性的作用
摘要：将 dangerouslyUseHtmlString 属性设置为 true ，message 就会被当做 HTML 片段处理。 案例 demo ： this.$notify({ title: 'HTML 片段', dangerouslyUseHTMLString: true, message: '<
阅读全文
posted @
2022-09-06 08:52
法老的微笑
阅读(3134)
推荐(0) 编辑
日常开发记录-elementUI框架的 el-dialog 弹出框被遮罩层挡住了
摘要：解决方法： el-dialog 标签中添加 :modal-append-to-body="false" 属性即可
阅读全文
posted @
2022-09-05 17:55
法老的微笑
阅读(284)
推荐(0) 编辑
日常开发记录-前端浏览器高级调试技巧整理
摘要：1. 一键重新发起请求 场景： 在和后端联调时用的比较多，快速的重发请求，不用再在页面上点击 步骤： 选中“Network” 点击 Fetch/XHR 选择要重新发送的请求（鼠标点击一下） 右键选择Replay XHR 实操演示： 2.一键展开所有DOM元素 场景： 调试元素时，在层级比较深的情况下
阅读全文
posted @
2022-09-05 14:46
法老的微笑
阅读(39)
推荐(0) 编辑
日常开发记录- git 添加多个远程仓库
摘要：应用场景：同步不同服务器下的项目开发进度 添加远程仓库：temp是新的远程仓库名，不能与 master 重名，这样就做好本地与远程的关联了 git remote add temp https://127.0.0.1/git_demo.git 查看远程仓库： git remote -v 接下来就是，
阅读全文
posted @
2022-09-02 16:26
法老的微笑
阅读(43)
推荐(0) 编辑
日常开发记录-elementUI 文件上传假删除，防止删除文件后后悔的操作，无需调用后端删除文件接口+表格数据前端假删除，最后直接把剩余的整个数组对象传给后端接口即可
摘要：此篇博客关键是记录这种假删除的思想，后端给的删除接口也不一定非要用。。。 上传文件假删除： <template> <div> <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on
阅读全文
posted @
2022-09-01 11:05
法老的微笑
阅读(320)
推荐(0) 编辑
