04 2021 档案

摘要:文件大小限制 - Promise checkFileSize(file, rules) { return new Promise((resolve, reject) => { file.size / 1024 / 1024 > rules ? reject() : resolve() }).then 阅读全文
posted @ 2021-04-30 18:20 97z4moon 阅读(4104) 评论(0) 推荐(0)
摘要:provide和inject可以通过祖先组件隔三层四层甚至隔着九层妖塔传值给子孙组件。 需要注意的是这样的传值方式是非响应式的,需要结合自身的应用场景,比如将上传的限制条件通过父组件传值给子组件的子组件,这样就不用写两个props了, 只需要在父组件中写下provide传入: export defa 阅读全文
posted @ 2021-04-30 17:30 97z4moon 阅读(249) 评论(0) 推荐(0)
摘要:两层for循环 这种函数的优点是兼容性好比较通用,缺点是时空复杂度都很直观的为O(n2),不利于维护和性能。 var array = [1,1,'1','1'] function unique(array) { var res = [] for (var i=0,arrlen=array.lengt 阅读全文
posted @ 2021-04-30 14:10 97z4moon 阅读(304) 评论(0) 推荐(0)
摘要:业务场景 从列表跳转详情页,通过操作返回列表页时,滚动条仍然处于跳转前的高度,并加上 ease-out 的过渡动画。 由于sessionStorage是随页面即关即消的,所以比起VUEX、localStorage、cookie更适合此应用场景 跳转页面标签执行事件 JSON.stringify(Se 阅读全文
posted @ 2021-04-27 22:31 97z4moon 阅读(422) 评论(0) 推荐(0)
摘要:问题 一个很简单的this指向问题引起的报错: 记录下来主要是想看看这玩意到底指向哪里: 真不戳😅 解决方法 ES6的箭头函数,有人理解它就是没有this指向,我个人理解是它的this指向函数体的上一级。 也就是因为它没有this指向,它内部的this就会指向包裹它的函数,这样就能很轻松的指向vu 阅读全文
posted @ 2021-04-26 12:00 97z4moon 阅读(489) 评论(0) 推荐(0)
摘要:Git 报错 在输入git commit编辑注释日志时强制退出git程式,文件会变成只读文件,于是出现下述报错: 解决方法(ERROR45) 我们提交代码的正常操作流程一般是: 输入git commit => 键入i => 写入提交注释 => 键入ESC => 输入:wq => 键入Enter => 阅读全文
posted @ 2021-04-22 11:48 97z4moon 阅读(697) 评论(0) 推荐(0)
摘要:案例 在国际化开发中,有一部分需要国际化的文字是由数据驱动的储存在data中,然而VUE的data存在很多无法实时更新视图的问题,比如v-for循环的标签,当数据层次过深,通过源数据数组的索引改变它的值是无法实时更新到视图上的。 这个问题可以用 vue.js 提供的 this.$set( ) 或者  阅读全文
posted @ 2021-04-21 15:09 97z4moon 阅读(2946) 评论(0) 推荐(0)
摘要:今天的主角: Operator Description 一元正值符 " + "(MDN) 一元运算符, 如果操作数在之前不是number,试图将其转换为number。 圆括号运算符 " () "(MDN) 圆括号运算符由一对圆括号组成,包裹表达式和子表达式用来覆盖常规的运算符优先级(MDN),达到低 阅读全文
posted @ 2021-04-07 17:22 97z4moon 阅读(166) 评论(0) 推荐(0)
摘要:AntD上传组件 AntDesign VUE文档 第一种方式 beforeUpload(file) { let isLt = true if (filesSize) { isLt = file.size / 1024 / 1024 <= filesSize if (!isLt) { this.$me 阅读全文
posted @ 2021-04-07 11:06 97z4moon 阅读(2699) 评论(0) 推荐(0)
摘要:一个很常见的语法问题,但专注实现需求时经常会忘记去避免,导致最终问题的出现,再花时间排查。为此专门整理一篇解决方法的博客,也加强一下自己的记忆。 TAG: JSON.parse() JSON.stringify() Array.prototype.concat() 扩展运算符 Object.assi 阅读全文
posted @ 2021-04-01 15:21 97z4moon 阅读(145) 评论(0) 推荐(0)

Title