vue 实现 tomato timer（蕃茄钟）

【vue 实现 tomato timer（蕃茄钟）】的更多相关文章

vue 实现 tomato timer（蕃茄钟）

近期在学习[时间管理]方面的课程,其中有一期讲了蕃茄工作法,发现是个好多东西.蕃茄工作法核心思想就是:工作25分钟,休息5分钟.如果您好了解更多可以自行度娘. 在加上本人是一个程序猿,就想用程序的方式来表达对此工作法的敬意.因此就产生了用vue实现一个tomato timer的想法.演示地址一.vue如何实现他的 1. 依赖的包 "devDependencies": { "babel-plugin-lodash": "^3.2.11", &qu…

vue 数据管道

文档https://cn.vuejs.org/v2/guide/filters.html html 片段 <div class="app"> <div>{{msg | _.upper | _.lower | _.capitalize}}</div> <div>{{na | _.min }}</div> <div>{{na | _.nth(1) }}</div> <div>{{ n | _.t…

前端打包成桌面应用、以及chrome扩展

前段时间在利用工作之余开发了tomato timer这个蕃茄钟,然后部署到github.io上,由于greatway太厉害,偶尔会有打不开的情况.上周末对比做了扩展和改进,使其成为chrome的插件,或者成为桌面app. chrome插件的使用与开发一.如何安装与使用: 1.下载tomato timer项目,github地址 https://github.com/cqhaibin/tomato-timer.git 2.切换到V2.0.0.0的tag,然后如下图所配置: 3.然后单击 “小飞”图…

[转载]番茄时间管理法(Pomodoro Technique)：一个番茄是如何让你工作更有效率的

如果你经常读一些关于提高工作效率或时间管理类的博客,一定听说过番茄时间管理法(Pomodoro Technique).这是一种极好的帮助你集中注意力.获得更高工作效率的方法. 基本上,它的实施方法是这样的: 1. 确定你想要做什么(例如:翻译一篇外文). 2. 设定一个25分钟的定时器. 3. 工作,直到定时器时间到:这就是一个“番茄钟”. 4. 休息5分钟,继续下一个番茄钟 5. 每4个番茄钟做一次长时间的休息. (有很多像Tomato Timer这样的应用都是为这种时间管理方法设计的.) 大…

bootstrap得动态进度条

Bootstrap的动态进度条: html: 创建一个modal 这里使用fade先将modal隐藏起来,然后modal里面嵌入progress 代码很简单 <div class="modal fade" data-backdrop="static" tabindex="-1" id="progressbar">  <div class="modal-dial…

三十分钟学完Vue

基础知识: vue的生命周期: beforeCreate/created. beforeMount/mounted. beforeUpdate/updated. beforeDestory/destoryed vue常用指令: v-for. v-bind(缩写形式 :prop). v-on(缩写形式 @click='sss'). v-if/v-else/v-else-if. v-model. v-once. v-html. v-show- vue自定义组件: Vue.component('com…