项目一 负责SMM+小程序的开发和日常维护 技术栈为Taro + React
1. 关联小程序用户和原有用户,完善注册绑定流程
2. 接入SMM+直播推流,利用websocket实现直播间实时评论
3. 接入微信支付,完成通用结算台功能
4. 优化小程序性能
a. 不同功能模块分包
b. 启用预加载
c. 压缩代码体积
d. 减小代码体积,本地图片采用静态地址cdn
e. 本地缓存用户关键信息,减少页面请求
5. 完成兼容脚本-针对Taro1不能兼容小程序新功能的情况,例如在dist文件夹中添加新的生命周期onShareTimeLine
6. 利用wxChart绘制趋势图
7. 升级Taro1到Taro Next(进行中)
项目二 用户中心 技术栈为 NextJs + AntdDesign + Koa2
1. 利用NextJs首屏服务器端渲染,减少白屏,优化SEO
2. 利用Koa2接管NextJs的路由系统,并利用koa-router中间件对页面权限进行过滤
3. 利用websocket实时用户消息中心
项目三 前端组件脚手架搭建 技术栈为storybook + webpack5
1. 利用storybook + create-react-app + eslint 生成基本项目
2. 开发环境利用storybook启动项目
3. 打包组件时利用webpack5 接管打包 & 利用typescript生成声明文件 & 生成发布包publish-package
4. 打包中分隔出react react-dom antd-design公用的包
5. 处理发布包中的package.json 指明声明文件路径 处理各种依赖
6. 在本地利用npm link自己测试
7. 进入publish-package利用npm发包
常用组件开发
1. 网易云盾组件
a. 网易云盾脚本改为动态引入
b. 在内部隐藏与后端请求
c. 暴露简易方法使用
d. 处理可能存在的网络错误 & 脚本错误并返回
2. 图片上传组件
a. 隐藏input Filie
b. 获取元素触发onclick
c. 处理拿到的参数返回
3. 动态加载组件
a. 利用append script标签实现动态加载js
b. 缓存相同url 同一个url 只会被加载一次
c. 处理兼容性(主要是IE)
d. 处理可能存在的脚本错误并返回