行之所致🦁

项⽬名称：极氪认证商城 C 端 项⽬描述：项目内嵌在极氪 App 中，为营销极氪 001 量身打造；
责任描述：首页爱车页、下单模块、支付模块、爱车预览；
技术要点：
1.使用 JSBridge 实现与原生通信；
2.借助 IntersectionObserver 监听被观察元素实现 scroll 滚动需求；
3.采用 flex+rem 相对单位解决移动端适配的问题；
4.使用 IntersectionObserver 实现虚拟滚动，解决爱车模块加载过多数据，导致页面卡顿问题；
5.根据 oss 对图片处理的 api，实现压缩图片体积的同时保证图片不失真，解决图片加载白屏问题；
6.使用 css3 的自定义字体，分别设置项目中英文和中文字体；
项目优化：
1.借助 keep-alive 缓存组件的状态，用户不断切换路由时减少组件的创建和销毁开销；
2.使用 DllPlugin 动态链接库的方式，将项目中 vue.js、vue-router、vuex 等依赖提前打包，提升 项目构建速度，节约开发时间； 3.使用 webpack 的 SplitChunksPlugin 防止重复和分离 chunk，减少项目体积，提升访问速度；


项目名称：收藏集市小程序 项目描述：结合社区和电商于一体的新一代收藏爱好者交流、拍卖平台。
责任描述：首页社区、店铺模块、订单模块、个人中心等等。
技术要点：
1.项目组成由小程序原生页面结合 webview 来加载 H5 项目，涉及到 H5 向小程序通信，如分享配 置，采用 web-view 的 postMessage 来实现。
2.借助 IntersectionObserver 来实现埋点的自动上报。
3.借助 Canvas 实现业务开发中各种小程序卡片分享图/海报。遇见的问题是，由于分享出去的卡片 带有不必要的页面参数，所以分享出去的 url 必须要做删除无用参数处理。
4.从基础库 2.7.1 开始，借助小程序端的实时日志，对项目错误上报、用户行为收集、叮叮群报警， 解决项目裸奔的问题。
5.首页社区推荐：feed 流视频自动播放器控制，每个视频容器中心给一个通栏的被观察元素，当与 viewport 中间交叉实现自动播放视频。
6.店铺瀑布流采用 flex 布局: 卡片奇偶排列，无极端情况下，最为稳定，呈现瀑布流效果。
项目优化:
1.采用分包加载，优化小程序首页启动的下载时间，下载主包仅为 1.43M 的资源代价。
2.图片、字体文件托管到 CDN 上节约用户 98%的流量、使用七牛云对图片进行缩放/裁剪。
项目成就:
1.从 20 年 11 月中旬到今年五月份收藏集市达到均值 5 万+UV。添加人数月稳定增长 11.81%。
2.个人技术能力、职场综合能力得到显著提升。