猿急送>

其他前端兼职程序员

ID：308400

行之所致🦁

高级前端开发工程师

公司信息：
杭州大搜车汽车服务有限公司

工作经验：
4年

兼职日薪：
500元/8小时

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

所在区域：
其他
全区

技术能力

1、编程基础方面：ES6、H5、CSS3、TypeScript、Node.js 核心模块，熟悉常用数据结构、算法;
2、框架应用方面：Vue 主流框架、掌握原⽣mini 原生小程序框架；
3、工具使用方面：掌握 webpack；掌握 Git，抓包工具Charles 等；
4、网络方面：掌握 Http 协议、掌握Tcp/Ip 协议等；
5、架构方面：熟悉 MVC 架构、MVVM 前后端协同分离架构；

项目经验

项⽬名称：极氪认证商城 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.个人技术能力、职场综合能力得到显著提升。

案例展示

极氪App

责任描述：负责极氪App/爱车导航/极氪认证官方二手车 1.使用 JSBridge 实现与原生通信； 2.借助 IntersectionObserver 监听被观察元素实现 scroll 滚动需求； 3.采用 flex+rem 相对单位解决移动端适配的问题； 4.使用 I
收藏集市App

项目名称：收藏集市小程序项目描述：结合社区和电商于一体的新一代收藏爱好者交流、拍卖平台。责任描述：首页社区、店铺模块、订单模块、个人中心等等。技术要点： 1.项目组成由小程序原生页面结合 webview 来加载 H5 项目，涉及到H5 向小程序通信，如分享配置，采用 w