平台

[xszi]

目录

一月

• DevOps平台状态

二月

• 点击复制到剪贴板的公用方法
• 时间格式化函数

三月

三月一共发了8个版本，平均一周两个。

公司采用持续集成持续部署方式，增量发布，白天发布，可以使得每次发布需求的时候，风险达到最小。目前公司开发/测试/部署发布流程：一种安全高效的开发/测试/发布模式【推荐】

• 本地localStorage保存筛选条件（刷新页面情况）

    window.localStorage.setItem(key, value)
    window.localStorage.getItem(key)

• 灰度测试（发布）（金丝雀测试）

所谓“灰度测试”，就是在某项产品或应用正式发布前，选择特定人群试用，逐步扩大其试用者数量，以便及时发现和纠正其中的问题。

• Java后台发送邮件模板的弊端（解决办法思考）

目前情况：项目是采用Java维护一套邮件模板来发送邮件，但是样式等功能需要前端来修改完善，对于后期的维护非常不友好。

我的想法：在公司内部项目中，引入一个中间层，最好是Node.js中间层（对前端友好），由前端来维护，这个中间层可以把邮件相关的功能都交给中间层来处理，前端可以自由选择合适的模板语法，达到方便修改邮件的目的。于此同时，也可以解放Java后台的一些简单业务功能，交给中间层来处理。

• eCharts图表使用方法

• 阅读vgauge源码，修改部分源码以符合产品需求（主要是逻辑微调，样式改动稍大）

• 小数显示的各种不同情况（最后零的显示），设计使用正则表达式匹配

// 总结一个在util可以全局使用的方法
function toCleanLastZero(num) {
    if (num === '--') return num
    if (Number(num) === 0) return '0'
    return num.toString().replace(/(\d+)\.(\d+?)0/g, '$1.$2')
}

console.log(toCleanLastZero('--')); // '--'
console.log(toCleanLastZero(1.00)); // 1
console.log(toCleanLastZero(1.10)); // 1.1
console.log(toCleanLastZero(1.220)); // 1.22
console.log(toCleanLastZero(0.00)); // 0

四月

• 维护本项目级别的组件库，发布上线后复用，如 wz-moment; (如何发布一个专属自己的npm包?)
• eChart进阶，监听事件，组件抽离

myChart.on('click', function (params) {
    // 在用户点击后控制台打印数据的名称
    console.log(params);
});

myChart.on('legendselectchanged', function (params) {
    console.log(params);
});

chart.on('click', 'series.line', function (params) {
    console.log(params);
});

chart.on('mouseover', {seriesIndex: 1, name: 'xx'}, function (params) {
    console.log(params);
});

• socket消息通知（使用Node实现消息通知）

五月

• 插槽的使用
• 表格静态分页，分页组件
• 国际化方案

六月

• 了无新意（-_-）

七月

• 百度统计上报
• el-form的自定义验证
• 样式上有较多没有注意的细节
• iframe的使用

八月

• 规避重复请求
• 值类型变量和引用类型变量的复制
• 批量复制组件
• 百分数，小数末尾零的处理

九月

• 再搞统计报表（饼状图，折线图，柱状图，仪表盘）

十月

• 依然了无新意（-_-）

十一月

• 两种方式引入组件（常规，Inject）
• 修改element中el-transfer树形穿梭框组件 ——> 自己实现树形穿梭框组件。使之适用产品需求
• element-ui组件内置插槽的使用
• 路由权限设置逻辑
• 权限显示逻辑，自定义选项添加，请求结果过滤
• 使用字典对象或三元运算符减少if-else的使用

十二月

• 树形选择导航组件，复用 ——> 自己实现
• clickoutsid.js 全局监听点击事件（注意重复请求）
• 点击动态修改窗口宽度，高度
• 自己实现一个弹窗组件
• 拖动改变窗口视图组件
• 实现一个tab切换组件（动画过渡）