个人组件,时间计算器
个人组件,时间计算器的进化史
高辕
这个作者很懒,什么都没留下…
展开
-
时间计算器进化史5--------增加记录开始时间,结束时间,用时功能
地址:http://computed.liankm.com/#/增加了记录开始时间,结束时间,用时的功能业务触发条件, 很多时候,想知道,自己做某件事情花了多久。因为都是在电脑上敲代码,所以不想去打开手机,再打开app去操作下记录。所以做了个简单的页面版,之后会逐步优化体验和增加功能。Date.now()记录时间1,存进startTime同理记录时...原创 2019-11-19 18:48:40 · 287 阅读 · 0 评论 -
时间计算器进化史4--------给el-checkbox增加tabindex 优化版
今天看到vue的自定义指令directives:{ xxx:{ //指令名,属性是指令选项 bind:function(){}, //第一次绑定到元素时,(可用来做初始化) inserted:function(){}, //被绑定的元素插入父节点时 update:function(){}, //元素所在的莫干更新时调...原创 2019-11-19 16:57:52 · 275 阅读 · 0 评论 -
时间计算器进化史3--------增加本地存储和清除功能
地址:http://computed.liankm.com/#/存储内容应为[{id:xxxx,content:yyy}]可是我之前使用的维护时间组件的列表是[xxx,yyy,zzz]每个值是对应id。这里要修改为对象。修改点: 1,mounted时,若有localstorage则按照取出来的内容初始化,否则是原来的逻辑,初始化一个内容,时间为0。 ...原创 2019-11-18 21:28:50 · 170 阅读 · 0 评论 -
时间计算器进化史2--------给el-checkbox增加tabindex
上集回顾: 增加了按下tab键跳过button的功能( 原理是对应的标签上加上tabindex="-1" )问题: el-input el-button都没问题,到了el-checkbox这里,发现没有效果。思路: 去页面实验后发现,是在el-checkbox里面的input 还是会停下,并且相关的span 获得了 is-focus。但如果给这个input设置了tab...原创 2019-11-18 12:52:02 · 321 阅读 · 0 评论 -
时间计算器进化史1--------增加了不计算,百分比,按tab键越过部分button的功能
1,增加了不计算和百分比功能 遇到的坑,vue中使用watch和computed的时候千万不要用钩子函数。谁用谁知道。this指向有问题。我还以为是computed的坑。 往服务器传文件的时候,千万要看好文件夹,别拽错了,还以为有缓存呢。2,增加了按下tab键跳过button的功能...原创 2019-11-18 12:46:59 · 201 阅读 · 0 评论