猿急送>

其他前端兼职程序员

ID：313423

别下雨

web高级前端工程师

公司信息：
滴滴出行

工作经验：
1年

兼职日薪：
600元/8小时

兼职时间：
下班后
可工作日远程

所在区域：
其他
全区

技术能力

本人vue2，vue3，react，微信小程序非常熟练，擅长B，C端，各自有3年+以上的开发经验。
ui框架使用的是element-ui,element-plus,ant-design 基本主流的ui框架都已掌握
即使有新的ui框架或者前端框架也能快速掌握

项目经验

橙心优选-对角巷电商平台
web前端
项目背景
该项目目标要做对标于拼多多的电商平台，用的框架是滴滴自研框架MPX框架
负责模块
此项目用的滴滴自研框架mpx一端打成多端的框架，主要负责模块订单模块、新人专区模块(橙页实现h5编辑页面)、团长模块等
技术难点
1、由于小程序分包的体积最好不超过2m，采用的方案是h5嵌套内在小程序内。
于是和橙页的同学进行对接，并实现这个功能这样可以大量减少包的体积 2、实时埋点曝光的功能，经过调研最终采用IntersectionObserver这个方法去实现，远远比其他方案实现成本和性能要好的多。 3、h5 实现双列feed流、经过调研发现还是用最原始的方案一个挨着一个比较盒子的高来计算放在左边还是右边。 4、首页加载慢，采用缓存方案实现，使二次访问由原来的2秒变成0.8秒显示主页面，采用分屏渲染让渲染速度更快

web前端开发(vue3+pina+vue-router+ts+vuecli)
项目背景获客营销主要是活动运营的，针对于各大综艺活动、网剧、新年等的大型活动开发。技术收获
1、css动画(实现动效)+lottie+canvas简单动画 2、使用预加载解决动画加载慢的问题
3、使用插拔式组件解决组件重复问题
2021年02月
2019年03月
2017年10月
2021年10月
4、解决swiper在loop:true的视图不更新问题 5、使用canvas实现背景(三张图拼接)滚动完成预期效果

活动魔方(h5)
web前端开发
vue+vuex+vue-router+ts+koa2+webpack4+Pm2
项目背景项目初期，由于要创建不同模板的h5活动页，都是vuecli组成的。没有一套统一的架构及其规范，且开发效率低下。前期搭建
基于项目背景使用的webpack4+vue2搭建spa的项目，大量数据用一个字段存储在数据库返回的数据前端人员处理不是很便捷，所以采用bff模式去搞，采用bff模式处理好数据在统一返回给客户端，统一所有的模板。由于很多业务组件都是通用的，才有全局组件化的思想去搞的。抽离了公共的方法，封装组件二次使用以及axios等等，使得团队能够更好、更迅速的开发。
开发过程
Webpack4 的优化方面，通过使用 cache-loader、js、image 和 css 的压缩、terser-webpack-plugin、添加 CDN、开启多线程构建等方式，构建速度从 3min 左右降到 1min 半，体积下降了 1/3。
项目开发中考虑，但无法处理基础接口的合并(一个事件需要采用多个接口的同步过程)，采用传统的客户端请求到服务端太浪费时间。由于无法解决项目中数据处理成模板数据的情况，添加中间件用来处理数据并返回模板数据给客户端。综上原因采用BFF模式去处理这些事情。做到了基础接口的合并和数据处理，最终形成灵活度非常高、减少接口Restful风格的Api，使用Pm2保障 nodejs的稳定性。
由于vuex不支持按需引用，在此基础上实现了按需引用，提升了首页加载速度。
在公共组件的选择情况下，通过 System.js 引入 webpack-system-register 处理的相关模块页面，然后通过配置信息动态加载对应的公共组件实现全局组件化
项目成果
运用 LightHouse 对首页加载性能进行分析，经各种手段优化后，TTI 从 3.4s 降低到了 1.4s，FP由原来的2.9s，降低到了现在的 1.3s，FCP 从原来的 3s 降低到 1.3s，LCP 从原来的 4.1s 降低到了 2.5s。

案例展示

度小满金融

1、负责此项目的前端方向 2、拆分模块任务给其他同学、计划详设、排期估算。问题解决等问题 3、及时和业务方沟通，保证业务稳定运行，避免方向错乱蹬 4、技术选型等问题
滴滴出行-app

滴滴顺风车是北京小桔科技有限公司推出的一款拼车软件，继“滴滴打车”、“滴滴专车”、滴滴企业出行服务后在移动出行领域推出的第四款产品。 [1] 2018年5月16日，滴滴公布顺风车阶段整改措施，下线所有个性化标签和评论功能 [2]。5月19日零时，滴滴顺风车恢复业务 [3]，上线
滴滴出行-app

滴滴顺风车是北京小桔科技有限公司推出的一款拼车软件，继“滴滴打车”、“滴滴专车”、滴滴企业出行服务后在移动出行领域推出的第四款产品。 [1] 2018年5月16日，滴滴公布顺风车阶段整改措施，下线所有个性化标签和评论功能 [2]。5月19日零时，滴滴顺风车恢复业务 [3]，上线