一、OKR系统
让员工明确自己的工作事宜,并对之前的业务进行总结,寻找不足并修整,以及明确下一阶段的事宜。 每一个0任务下有多个子任务称之为Kr,而每个 0上面有其总任务,供0对齐。每个 0包括列表、Kr、动态、地图、对齐(目标对齐、成员对齐)、团队或个人。每个 Kr 还包括权重高低、进度值、信心值、自评分数、进展情况、评论内容、复盘内容不足及解决措施、成 员增减移交、文件上传等
相关技术:
1、由于没有具体的 UI,我们参考了 Tita、易目标。并多次开会研讨了每个模块的功能
2、通过 extend()封装可复用代码,比如其中的Kr 的操作,都是通过输入框来做处理
3、使用 HTML5 的 data 属性绑定数据,在数据传递的后可以减少请求
4、使用之前封装的 ajax,js.ajaxSubmit 对返回的数据进行处理,并在右下角显示提示性信息
5、在目标动态中使用了懒加载,每个动态使用了时间轴,详细记录了用户的每次操作
二、ubon官网
项目介绍
ubon官网ubonoutdoor.com,采用shopify的模板,本地自己搭建的
我的职责
1.DIV+CSS页面布局;
2.使用用swiper.js框架实现页面的滑动,轮播等效果;
3.和后台对接口,使用ajax进行数据交互,
4.运用Javascript 对页面DOM进行操作,如图片切换,商品放大等;;
5.使用 HTML5的localStorage缓存技术实现页面一些数据缓存;
三、可视化邮件编辑系统
方便运营同事发送邮件,拖拖拽拽即能完成一篇邮件的编辑、预览、发布,所以这个系统是再合适不过的,毕竟邮件营销
也算一种消费,
由于邮件系统不同于一般的页面,主要在于邮件系统中 gmail 不支持 flex 布局以及 css 中的一些新特性,在编写是主
要是采用 tabel 进行设计。
相关技术:
1、封装多个高阶组件,主要包括(不同位置的输入框、图片、相同或者类似的视图)
2、利用 useContext 结合 useReducer 实现页面的渲染
3、利用 useMemo 优化了数据的加载
4、使用 sass 做预处理编译
5、使用 webpack 构建项目,并对添加文件指纹、不同浏览器适配、压缩等操作
6、使用封装好的 axios,采用 Promise 对返回的数据进行回调处理
四、营销资讯
负责公司收单业务宣传及编辑。
相关技术及实现:
1、服务端:基于 eggjs + mongodb 开发
2、客户端:基于 vue-cli(后台)+ nunjucks 模版引擎(前端)