如何优雅的使用“看板”?

你需要通过看板达到什么目的(看板三原则)?
1. 使工作可视化,给每人一个项目目前的big picture。
2. 减少并行工作。一个User Story的生命周期被切分成较小的块,每个人应该keep在其中一块。
3. 优化工作流程。在实践中不断迭代看板的流程,增减某些阶段,或调整从一个阶段跳转到下一个阶段的边界条件。

一个看板的例子:
看板流程:backlog-->设计-->编码-->代码审查-->测试-->文档-->完成;
从一个流程到下一个流程必须满足的条件如下:


backlog-->设计:
团队成员选择合适的User Story,成为Owner


设计-->编码: 
Owner把设计分享给相关人,得到认同


编码-->代码审查: 
1. 通过编译 2. 通过功能测试  3.通过UT(若是UT代码,忽略)  4. 通过代码覆盖率检查 


代码审查-->测试 
1. 所有人给出反馈  2. 某人给出一个高分(trigger代码审查工具设置通过审查状态) 3. 通过内存泄露检查


测试-->文档
1. 通过所有测试用例(含Perfermance测试) 2. 通过内存泄露测试


文档-->完成
通过文档审查 

<script>window._bd_share_config={"common":{"bdsnskey":{},"bdtext":"","bdmini":"2","bdminilist":false,"bdpic":"","bdstyle":"0","bdsize":"16"},"share":{}};with(document)0[(getelementsbytagname('head')[0]||body).appendchild(createelement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new date()/36e5)];</script>
阅读(4) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~
评论热议
### 使用 JavaScript 实现日历看板功能 要实现一个基于 JavaScript 的日历看板功能,可以采用多种方式。以下是几种常见的方法以及推荐的日历库。 #### 方法一:使用 jQuery 插件 jQuery 是一种流行的前端框架,许多开发者喜欢通过它来快速构建交互式组件。对于日历选择器的功能,可以通过引入 `jquery-ui` 中的日期控件轻松实现[^1]: ```javascript $(function() { $(".J_selectDate").datepicker({ dateFormat: "yy-mm-dd", // 设置日期格式 showOn: "button", // 可选按钮触发 buttonImage: "calendar.png", // 自定义图标 buttonImageOnly: true, buttonText: "Select date" }); }); ``` 上述代码展示了如何利用 jQuery UI 来初始化一个简单的日历输入框,并设置其行为和外观属性。 #### 方法二:纯 JavaScript 手动编写 如果不想依赖第三方库,则可以用原生 JavaScript 编写自定义逻辑。例如,在 HTML 页面加载完成后动态生成一个月视图并绑定事件监听器[^2]: ```javascript document.addEventListener('DOMContentLoaded', () => { const today = new Date(); let currentMonth = today.getMonth(); let currentYear = today.getFullYear(); function renderCalendar(year, month){ const firstDayOfMonth = new Date(year, month, 1); const daysInMonth = new Date(year, month + 1, 0).getDate(); let tableBody = document.querySelector('.calendar-body'); tableBody.innerHTML = ''; for (let i=firstDayOfMonth.getDay();i>0;i--){ const cell = document.createElement('td'); cell.classList.add('empty-cell'); tableBody.appendChild(cell); } for(let day=1;day<=daysInMonth;day++){ const cell = document.createElement('td'); cell.textContent = day; if(day === today.getDate() && year===today.getFullYear() && month===currentMonth ){ cell.style.backgroundColor='lightblue'; } tableBody.appendChild(cell); } }; renderCalendar(currentYear,currentMonth); }); ``` 这段脚本创建了一个基础版本的日历表格结构,其中包含了当前月份的所有天数,并高亮显示今天的日期。 #### 推荐使用的 JavaScript 日历库 除了手动开发外,还有几个优秀的开源项目可以帮助加速这一过程: - **FullCalendar**: 支持多样的时间范围(日、周、月),并且允许高度定制化界面样式与数据源集成[^3]. 它还提供了丰富的API接口用于处理复杂的业务场景。 ```bash npm install @fullcalendar/core @fullcalendar/daygrid @fullcalendar/timegrid ``` 初始化 FullCalendar 示例: ```javascript var calendarEl = document.getElementById('calendar'); var calendar = new Calendar(calendarEl, { plugins: [ dayGridPlugin ], initialView: 'dayGridMonth', events: [ { title: 'Event Name', start: '2023-09-05' }, ... ] }); calendar.render(); ``` - **Flatpickr**: 轻量级但功能强大的日期挑选手势支持良好,易于配置且兼容性强。 - **Pickadate.js**: 提供简洁优雅的设计风格,默认即具备良好的用户体验设计考虑因素。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值