2023 一切安好、稳步前进(总结)

前沿

这一年,坎坷和收获是最大的感悟,回首这一年,有获取新事物的喜悦,也有遇到困难和挫折的惆怅。在此,想着对近一年的工作做一下总结,也对未来发展提供一下经验和启示。

工作概述

工作一句话概括:在变化中求适应、在适应中求生存。

公司A-部门A-原部门-->公司A-原部门-->公司B-部门B-原部门-->公司A-当前部门

前期公司结构的不断变化,给团队带来了困难,但也带来了挑战和机遇。在这个过程中有了收获,但也有不少遗憾。

筑基盘石、砥砺前行

首先说一下第一个项目是Saas化系统,随着商家的不断扩张、业务也在大量增长,对于我们前端来说也是迎来了大的挑战:

  • 业务繁琐:业务不断扩张,如何保证项目快速适配并发布
  • 依赖繁多:如何与外部系统高效配合、如何保证系统稳定
  • 如何保证用户体验,降低开发成本
  • 多端适配:如何用一套代码保证多端使用

挑战很大,但对我来说也算是一个成长和机遇。

在上面的挑战和背景下,做了以下的内容

  • 调研微信公众号、小程序、第三方平台等微信生态内容
  • 调研多端(h5、小程序)开发的内容并制定兼容方案
  • 打造设计服务平台和ka特性平台
  • 推进相关研发工作和工具

挑战自我,平台化商城

为了支持一些客户诉求,搭建一套平台型B2C商城,我们支持平台自营和商家入驻线上店铺,面向C端用户销售和营销运营,并且支持saas化部署。

  • 资源匮乏:时间紧张,人员短缺,如何才能高效开发并快速交付。
  • 团队协同:多团队协同开发,如何才能高效集成、高效联调。
  • 多系统集成:系统复杂度高,集成困难,如何保证系统管理、体验等
  • 设计前端架构并调研相关技术:在B/E端创新性得实现多模块优雅管理;
  • 采用monorepo包管理将sdk和ui进行模块化和系统化管理;C端则在所有页面基础上增加layout层。
  • 提效工具落地:创建脚手架(一键创建页面/sdk,自动mock等),完成内部rcd组件。 帮助并协调:在完成自己模块任务后,帮助他人完成相关工作,保证项目按时落地。主动推动和研究系统之间的集成和交互

发布平台

目前我们前端部门小程序分为两种,一种是普通小程序、一种代第三方开发小程序。开发步骤大相径庭: 我们用上述开发流程就会就会带来很多问题:

  • 我们打包发布流程很繁琐且不统一,影响我们开发效率。
  • 研发成本也会增加。在商羚这边做了个统计,我们每次发版用4-7分钟,每天各种小程序发布将近10次。一天平均下来发布占用时间就是一个小时。影响我们的开发效率。
  • 当然沟通成本增加。比如测试在测需求的时候有时会找我们要开发版二维码、小程序打包后的源码;后端想调试接口看小程序效果的时候也会跟我们要源码。这样就会增加我们的沟通成本。

我们如果能避免这些问题,我们就能有很多时间在开发、创新上面。我们看一下最终目标。

总体来说:我们的的目的就是提高开发效率。开发者只需提交代码合并即可,不需要操作和关心小程序发布;减少测试和开发交流成本。开发者和测试只需通过发布平台去操作发布、下载开发版二维码、下载代码,无需耽误开发者去提供小程序包。

依据上面的背景,我们做了发布平台 小程序一站式快速发布平台,提供脚手架、发布、下载等能力,提升开发部署效率。 它具有以下特点:

  • 发布(开发版、体验版、第三方平台)
  • 集成(云构建、脚手架构建、webhook、手动集成)
  • 下载(开发版二维码、小程序源码)

我们来看一下我们整体的架构设计: 首先是平台建设,就是开发人员用的网站。 然后是api层,其实就是中间层,为什么要有这个中间层呢?功能分离,减轻板块负担;对于我们系统,会大量调用第三方服务器,我们在中间层可以对第三方服务器过来的数据进行过滤、合并、修改等操作。 接下来是发布服务器,在流水线里面结合我们自研的脚手架去发布等操作。 最后再结合三方平台的内容去完善整体架构设计

后面由于 换了个新部门,后面也是接触了京东小程序qwik等技术来不断扩充自己的知识储备。

踏实去啃业务、刻苦钻研技术,有自己的目标和追求,不管怎么变,万变不离其宗。

技术

对于技术,自己看了很多,也看了别人写的一些文章。给大家做一个简单的总结。

文章

今年对外输出的很少,因为有些文章涉及公司内部的一些技术,不方便透漏了。

输出的文章有些是工作中沉淀的解决方案,有些是学习总结。最终目的就是将这一段时间学习和工作的内容记录下来。方便自己对知识的总结和查看。

专利

今年专利内部审核过的一共有三篇,提交的估计每个月都会写一篇。

为什么要写专利呢,专利本质就是差异化价值,最大的本质就是创新,而创新才是人才竞争力的核心。专利不一定要做出来的某个东西,需要的就是创新和'新'。

怎么才能写出一篇好的专利呢?首先要选题。任何领域、范围都可以,只要具备"创新"性。我一般是从自己的业务和技术里面找到切入点,那个开发环节可以优化;用最新的技术是否可以应用到现有的业务中;你在某个领域有研究,也可以针对这一块去输出。

github

沉淀的项目其实有很多,但有些是内部的。主要目的就是提高工作效率,简化工作流程,如组件库、hooks库、脚手架等。

展望

未来努力成为前端架构师:熟悉并掌握服务端开发能力;重视团队协作,增强自己沟通能力;制定前端规范,制定文档等等

业务能力:对目前系统进行改造,提高稳定性;多分析竞品与自身品牌的对比,提高行业视野

技术能力:多进行技术分享和交流,提升技术影响力;关注业界新技术和新话题,提高自身技术视野。

将来会在鸿蒙、Rust和WebAssembly等领域去研究

总结

今年不管在业务和技术上都有了一定的提高,也希望新的一年踏实工作、技术创新,执着和认真伴随自己。 生活愉快 也祝愿大家身体健康、事业有成、家庭和睦、学业进步、生活愉快、事业发展,总之,祝大家新的一年能财源滚滚。

相关推荐
zqx_71 小时前
随记 前端框架React的初步认识
前端·react.js·前端框架
惜.己1 小时前
javaScript基础(8个案例+代码+效果图)
开发语言·前端·javascript·vscode·css3·html5
什么鬼昵称2 小时前
Pikachu-csrf-CSRF(get)
前端·csrf
长天一色2 小时前
【ECMAScript 从入门到进阶教程】第三部分:高级主题(高级函数与范式,元编程,正则表达式,性能优化)
服务器·开发语言·前端·javascript·性能优化·ecmascript
NiNg_1_2342 小时前
npm、yarn、pnpm之间的区别
前端·npm·node.js
秋殇与星河2 小时前
CSS总结
前端·css
BigYe程普3 小时前
我开发了一个出海全栈SaaS工具,还写了一套全栈开发教程
开发语言·前端·chrome·chatgpt·reactjs·个人开发
余生H3 小时前
前端的全栈混合之路Meteor篇:关于前后端分离及与各框架的对比
前端·javascript·node.js·全栈
程序员-珍3 小时前
使用openapi生成前端请求文件报错 ‘Token “Integer“ does not exist.‘
java·前端·spring boot·后端·restful·个人开发
axihaihai3 小时前
网站开发的发展(后端路由/前后端分离/前端路由)
前端