大风起兮云飞扬

记录从业以来大大小小的实战项目

2019.07.01—至今 北京百星电子系统有限公司

百星公司官网

📅开发周期:2019.07.04—2019.07.18

📄项目简介:公司官方网站。

🔗项目链接Belstar(经过了多次迭代)

📐技术架构:Vue.js、Stylus

🔧相关工具:蓝湖、Sketch

🔒难点攻克

  1. 页面小三角问题

     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    
    .arrow {
      position: absolute;
      top: 18px;
      right: -47px;
      width: 8px;
      height: 8px;
      border-top: 1px solid #e0e0e0;
      border-right: 1px solid #e0e0e0;
      transform: rotate(225deg);
    }
    

📝项目总结:作为工作后第一个练手的项目,难度较小。完全的静态页面,暂时不需要连接后台获取数据,只是在细节上有几个点需注意:

  1. Vue 组件的拆分要合理
  2. git 上传代码的步骤要清晰
  3. vue-router 滚动行为
    1
    2
    3
    4
    5
    6
    
    // 文件位置: /router/index.js
    export default new Router({
      scrollBehavior (to, from, savedPosition) {
        return { x: 0, y: 0 };
      }
    });
    

ePortal

📅开发周期:2019.07.22—2020.

📄项目简介:公司门户网站,采用 MEVN[1] 架构,将薪资系统、物流系统、项目管理系统、工单系统、生产管理系统等多个功能分支整合开发,是对公司内部管理的众多具体功能的实现。

🔗项目链接ePortal

📐技术架构:Vue.js、Vuetify、Node.js、Express、MongoDB、Mongoose

🔧相关工具:Sketch、Robo 3T、Postman

🔒难点攻克

📝项目总结:一次真正的锻炼机会。项目采用分组合作、模块分配至个人的开发方式,每个人既负责某模块的前端开发任务,同时也负责另一个模块的服务端开发工作。技术角度上基本是从零开始的——Node.js、Express、MongoDB,高效学习并应用于项目中,遇到问题也几乎都是自主解决。项目开发过程基本遵循 Git Flow 工作流,但开发前期在代码规范和复用方面做的并不好,后期在前辈的带领下对整个项目进行了重构,提升了总体的健壮性和规范性。目前仍处于持续的功能迭代阶段,ePortal 项目永不结案😄!

生产管理微信小程序

📅开发周期:2019.07.22—2019.12.25

📄项目简介:与 ePortal 项目的生产管理模块搭配使用并依托其进行上线,主要功能是用户根据其权限录入对应制作中心内打印机器的打印量,录入方式分为小程序内录入和扫描小程序码带参进入小程序录入页面录入,且可查看权限内制作中心里所有机器的录入历史记录。

🔗项目链接:微信内搜索小程序「工作量收集小助手」

📐技术架构:小程序开发语言、Node.js、Express、MongoDB、Mongoose

🔧相关工具:微信开发者工具

🔒难点攻克

📝项目总结:起初与 ePortal 同步开发,由组内其它成员负责,后协助进行界面的完善及整体逻辑的修改优化。第一次接触小程序开发,在熟悉 Vue 语法的基础下摸清小程序的目录结构后进行得还是比较顺利的。唯一要提的就是微信小程序的官方文档写的真不咋地🤪,API 用法和参数描述得含糊不清让人走了不少弯路。

Bit POC

📅开发周期:2020.03.23—2020.04.30

📄项目简介:POC[2]类型项目,首要目的是验证使用 Bit 组件化管理前端代码的可行性。

🔗项目链接:无

📐技术架构:Bit、Vue.js、Linux

🔧相关工具:无

🔒难点攻克

  1. 组件文档没有较好的管理方式,已尝试 bit.dev(不开源且费用不菲)、Storybook(完全不支持生产环境),皆不可行,最后采用的方案是 Typecho

📝项目总结:初次接触 Bit,进行了系统地学习,撰写了 Bit 组件管理手册并完成相关的技术验证,相关内容见我的这篇博文

设备校修

📅开发周期:2020.05.12—2020.

📄项目简介:依旧是 ePortal 工程的功能迭代,伶出来的原因是该项目主要与钉钉对接,使用钉钉官方 API

🔗项目链接

📐技术架构:Vue.js、Vuetify、Node.js、Express、MongoDB、Mongoose

🔧相关工具

🔒难点攻克

📝项目总结


  1. MongoDB + Express + Vue.js + Node.js 技术架构体系。

  2. Proof of concept,概念验证,对一个想法、一种技术的不完整实现,以证明其可行性。

updatedupdated2020-05-252020-05-25
update: 更新内容
加载评论
点击刷新