this、闭包和高阶函数 <W4>
这周没遇到什么比较有意思的地方,就拿这篇读书笔记凑数吧,写了也挺久的了,从 9.11 开始写,9.24 才结束,太能拖啦~ thisthis 的指向大致分为四种: 作为对象的方法调用当函数作为对象的方法调用时,this 指向该对象。 const obj = { name: "Tom", getName() { console.log(this.n ...
v-scroll-to <W3>
实现的功能:将当前容器或子容器的滚动条移动到底部或顶部。主要源于,某个弹窗里有一个按钮可以将当前表格新增一行,如果弹窗内容过长,就会出现滚动条,然后测试说,点了新增后,是不是滚动条需要滚动到底部。这个效果,之前在另一个弹窗里实现过,怕不是他看到了,感觉这样更合理,然后给我提需求,算是自己埋了个坑。不过,也还好,想着如果用之前的代码,直接 CV 过来,太 low 了,打算写个指令,高端 ...
InputNumberUnit <W2·中秋节不打烊>
需求说,要把设置字体大小的数字输入框,添加一个字体的单位,px 或者是 em。这其实也没啥,ViewDesign 的 InputNumber 提供的有单位这个设置,不过:这个单位是通过格式化当前输入框中的内容得到的,也就是它和整个输入框的内容是一体的,也能删除,不过删除后,组件内部会给它重新加上。总感觉这个交互很诡异,不知道官方当时设计的时候,出于哪种考虑没把单位专门分离出来。既然他 ...
ColorPicker 扩展指令 v-modify-opacity <W1>
产品提了个意见:颜色选择器的颜色能不能不要默认为透明,选完颜色后,就立马确认了,容易忘记设置不透明度(如下图所示)。由于这个颜色是和所有组件的背景色绑定的,设为透明是为了组件更好的展示,改默认颜色固然不可行。其实每当选中颜色的时候,上方的色块会显示当前的颜色,如果用的多,看到这个颜色没变,大概也能知道缺了啥。不过对于用户而言,这确实是个不好的体验,于是,就有了一个想法:如果当前颜色的 ...