范翔宇

Web 前端开发工程师
Tel: (+86) 17773542132 | Email: shoyuf@shoyuf.top
Blog: https://shoyuf.top | GitHub: https://github.com/shoyuf
教育经历
黑龙江科技大学
工作经历
广州滴普科技有限公司 - 前端开发工程师
负责前端项目交付、公用组件库维护、新技术预研、前端分享等工作
成都喜元网络科技有限公司(喜马拉雅FM)- 前端开发工程师
负责喜马拉雅配音平台开发、方案调研、开发环境搭建等工作
上海易贷网金融信息服务有限公司(成都)- 前端工程师
负责 BI 页面制作,数据导出,微信公众号开发,小程序开发,页面制作等工作
离职原因:国家监管原因,平台不能继续运营
成都方米科技有限公司 - Web 前端开发工程师
负责 页面开发、方案调研、接口调试、性能优化等工作
离职原因:个人发展
部分项目经历
研发效能平台 - 中后台系统 - Vue
团队开源一份基于 qiankun 的微前端方案,适用于 nuxt.js 平台
使用 TypeScript 和 Vue Composition API 保障类型检查和尝试新组合式 API
通过使用 Cypress 进行 e2e 测试,保障产品质量
某 B2C 商城(上亿交易量,数十万用户)- Vue
开发、重构项目内子模块代码,对整个代码进行前端性能优化,并总结经验
基于 Gitlab 搭建 CI/CD 相关流程,编写优化 devops 流程
在 APP 端中使用 TBS 代替 Android 内置 WebView
使用代码格式化相关工具(ESLint、husky等)对代码对项目组提交代码进行规范化,保障代码品质
接入 Sentry 前端监控系统,保障线上环境运行异常及时发现
逛街资讯 - 移动端社交资讯服务 - 小程序/Vue
微信移动端基于 Vue.js 开发,并实现多种公共组件
解决 SPA 应用于微信 X5 内核的各种兼容性问题,总结 hash 模式下微信分享问题的解决方案
微信小程序基于 Tencent/wepy 项目开发,为 wepy@1 框架开发一个 PostCSS Compiler 并得到了官方仓库 merge
故宫阅读 - B2C商城 - Vue/Hybrid App
基于 Cordova 与 Vue.js (Vux) 开发的 Hybrid App,同一份代码兼容微信端版本,实现 write once,runngin on two platforms 的目的
对接微信 JS-SDK 与 Android / iOS SDK,完善两端用户体验
独立开发并打包发布测试版本,熟悉 iOS 和 Android 平台相关打包发布配置
喜配音 — 喜马拉雅 ToB 端配音平台 - Vue
基于 Vue.js 开发,并与设计师一起实现公用组件库开发,提高工作效率
对项目 webpack 配置进行优化,提升页面体验,实现部分页面预渲染
了解并实现一个 HTML5 音频播放器,并在新主播平台公用维护
解决后端资源消耗问题,迁移部分需求至前端实现(大文件下载等)
【开源项目】基于 Node.js 的个人博客 - egg.js
博客和个人首页基于 Node.js 开发,和语雀文档一起用于记录学习资料文档和实验新 Web 特性
对于移动端设备和 PC 端设备访问分别使用懒加载(lazyload)和服务端渲染(SSR)方案,保障用户体验和SEO
首页基于 PWA 技术实现合理利用 Cache Storage 为保障弱网、断网用户体验
基于 HTML5 语义化标签和其他技术方法,探索视障人群无障碍体验
持续对项目进行性能优化,lighthouse 评分保持 90 分以上
接入 Node.js 性能分析与监控平台,对内存泄漏等不易察觉问题进行及时监控
【开源项目】基于 Electron 的影视客户端
跨平台(Windows/MacOS/Web)支持,了解 Electron 中 Web 与 Node.js 通信方式
响应式布局,同一套代码适配桌面端与移动端
基于 SDK 实现批量下载功能,JSSDK 调用迅雷下载软件
【开源项目】基于 Node.js 的职位筛选爬虫
API 来源于客户端和小程序 HTTPS 抓包,了解 Charles 和 Wireshark 等工具的使用
使用 MongoDB 的数据存储模型,对数据进行清洗和存储
实现一个 Web 界面,可在地图上根据使用者需求对职位进行筛选展示
使用 Docker + Jenkins Pipeline 实现自动构建部署,使部署发布更简便