天津小厂前端2021年度总结
前言
截止到四月，我在目前这家公司工作已是整整一年时间。多次想写篇文章做做总结，记录一下这一年的成长。
工作
必要的技术广度
足够宽泛的知识面能够帮助企业做出提效降本的正确决策。为此我还做过一篇记录。链接：https://www.cnblogs.com/WeiFE/p/15510423.html
技术为业务服务
我司前端开发人员很少，我既可以选择躺平又可以选择折腾，自由活动的空间很大。随着入职后工作的展开，我对业务的思考也越来越多，自然而然的我把自己当成了前端leader，开始站在公司的角度为实现提效降本做出努力。
举个栗子。在我来之后，接手了几个由外包开发的后台管理系统，这些系统都是对应不同的服务器，单独的账户密码表，互不相通。但老板明确提出需求他想在一个界面上随意切换这些后管以便向客户展示。我印象很深的是老板找了外包负责人和我司研发部一同开会商量解决方案，但无论是谁也没有提出老板认可的解决方案。原因也很简单，老板想要最低成本的实现，会上提出方案也被驳回。基于此，肯定是不能在原有后管之上做更改，那么只有做加法，且必须考虑其扩展性，以应对未来可能的需求！
经过一段时间的沉寂，终于灵光一闪找到了思路，虽然不是主流，但确实可以实现老板想要的效果。
提出解决方案：微前端 + serverless
1. 微前端框架选择。qiankun是目前使用比较广泛的微前端框架，但在实践过程中发现还是有一些繁琐，需要对基座应用和子应用硬编码。于工作量和花费时间来讲不适用于我个人开发。查来查去，看上了京东开源的microApp框架，基于web components实现，不仅天然更加适合微前端的开发，还比qiankun有更为简单的接入流程。
2. 选择基座应用。unicloud是DCloud提供的serverless云开发平台。基于此推出的uni-admin后台管理系统自带了用户账户，角色，权限系统。只要使用此框架就可以快速拥有登录能力，免去了一些可能带来的工作量。并且uniapp于20年完成了宽屏适配，正式可用于web端。
由于我司现有后管导航菜单有的在顶部有的在左侧，所以需要稍稍改造uni-admin让其全貌显示子应用。只需要自定义drawer根组件包裹基座应用的leftwindow，增加悬浮按钮控制其展开折叠。
3. 子应用改造。开发环境下子应用需要添加跨域支持。
devServer: {
headers: {
'Access-Control-Allow-Origin': '*',
}
}线上就好说了，常规方法是使用nginx代理转发实现跨域。但我这里偏偏没有使用nginx，也不能为了微前端而换用nginx服务吧，所以我采用的是云函数代理转发，只要前端代码拦截fetch请求，就调用URL化的云函数，在云函数中请求目标URL，并且在响应时response headers中还加入access-control-allow-origin: *;实现了跨域。
4. 前端拦截fetch请求使用的是fetch-intercept这个包。如axios一样我们可以把它全局注册监听任何fetch请求，如https://xxx.com/xxx/此HTML文档并没有跨域头，那我们就可以拦截它，调用云函数，使其增加跨域头后返回。这样就保证了原项目的安全性。
5. 最后便是子应用自动登录问题，这也是老板心心念念想要实现的功能。因为我所接手的后管账号密码不同，还需要付出记忆成本，不便于会议时领导向客户展示。我这里好在没有验证码验证这一步，所以可以采取原生js模拟用户输入和回车事件的策略。让子应用在渲染完毕后自动登录。
再举个栗子。目前我司有大客户合作都是定制化开发，听取需求，提供解决方法，购买服务器，搭建环境，项目排期......，这些往往磕磕绊绊才能够完成。何不抽其共同点，制作saas平台呢？虽然制作时间可能很长，但收益我觉得要比付出多。
经过多次讨论，也正式通过开始了此项目的铺垫。
所以说这一年我觉得业务水平有所增长，真正的站在企业的角度，发现问题，再提出提效降本的解决方法，对企业业务理解越来越透彻。
复盘习惯
工作后我的习惯是每天新建一个有道云笔记，把每天做的事情，解决难点的过程记录上去。以便再用到时查找。同时，这些经验我也编写为markdown文件存在至企业知识库，方便其他同事查阅。
物联网行业下的前端开发
我的感受是大前端技术正在深刻的参与着物联网行业的发展。比如企业客户在web端都有数据大屏，组态图，3D模型的需求。在移动端也有小程序，app查看或者控制的需求。
优锘科技推出了基于three.js封装的thingJs框架，以满足各企业旺盛的3D需求。而且在4.4日，优锘还推出了号称业界首个物联产业元宇宙平台，更是为物联网行业增加了新的想象。
不止一家独大，相关工具类平台也在蓬勃发展，比如生成组态图的工具乐吾乐，最初是个人运营，现在已经是获得了融资。图扑软件，国内老牌工业3D解决服务商。奇点云，阿里dataV，百度sugar，围绕数据可视化运营的企业比比皆是。
所以在物联网行业下的前端开发最好是熟练2D，3D的数据可视化开发。
未来
- 程序员的眼睛里不能只有技术，这是大家的共识。所以在去年我也加入了独立开发论坛，希望今年能够把作品推出。
- 希望笔记增加月度复盘加深印象。
- 热爱生活。
总结
过去一年有技术的增长更有大局观的增长，少想多做，我亦无他，唯手熟尔。
