* 作为前端组长,组织将现有 Vue2 多页面项目打包工具由 Webpack2 升级到 Webpack5,babel6 升级到 babel7 等等,babel 、postcss 配置重新指定要兼容的浏览器版本,按需转译,并重新规划分包策略把 vendors 资源拆分利于缓存,并实现多页面按需构建,而不再全量部署,提高部署效率 * 前端构建同时打包出 gzip 文件、引入 Serviceworker、优化 HTTP 缓存策略、构建步骤添加生成缩略图 loader 实现渐进式图片加载、修改加载第三方库如 Swiperjs、富文本编辑器为异步加载。最终构建速度在只需打包其中一个模块的情况下比全量构...
* 负责组织前期前端项目架构搭建,选用 Vue2 生态,提出利用 Webpack 对一套代码提供2种模式的打包脚本,输出两个产物分别对应 1.多页面运行在 mpass 的 APP 环境 2.单页面运行在浏览器的 H5 环境,建立一层抹平 API,从而实现一码两端的 web 架构方案。 * 其中因为 APP 可以提供一些特殊API用于页面返回传参数和做相应的回调逻辑,在 H5 端为了实现返回触发回调函数,需要手动记录单页路由历史栈,利用路由守卫 beforRouter 触发相应逻辑,并在实例化 Vue 时全局注入一个自定义生命周期语法,方便编写接收参数逻辑,和回调逻辑 * 添加一层抹平层,在...
1. 负责云证书模块 2. 与后端对接实现与云证书第三方进行数据交换 3. 与客户端进行交互查找本地是否下载云证书 调用客户端方法查看本地云证书是否在有效期内 5. 负责下载链接 6. 考虑各种浏览器适配及 pc 和移动端兼容问题 7. 使用 Clipboard.js 将口令下载到本地剪切板 8. 通过 scheme 拉起 app 直接到达活动页面 9. 通过接口获取隐私协议链接用户点击打开 10. 每个点击按钮进行埋点 11. 负责发票贷 12. 查询用户企业信息 13. 校验用户是否进行百旺授权 14. 刷脸验证是否操作人是本人 15. 预授信审批过后提醒贷款人...
项目简介:某银行app 1. 负责银行app启动时间,包大小,编译等性能方面的优化, 1.1 启动时间通过静态插桩,线程优化,UI优化等技术,平均优化0.7s启动时间; 1.2 包大小通过编译优化,可执行文件,资源文件优化等3方面,优化21m大小; 1.3 制定oc头文件规范,减少增量编译依赖,优化脚本执行,将增量编译时间从300s优化到28s; 2. 负责IOS原生端与H5端桥层模块的设计,开发与维护,提供功能丰富的桥层模块给H5端调用,维护两端通信的稳定与统一 3. Jenkins等CI/CD工具的开发,维护,负责编写对应需要的功能脚本 4. 银行H5产品页面的高...
项目简介:某银行app 1. 负责银行app启动时间,包大小,编译等性能方面的优化, 1.1 启动时间通过静态插桩,线程优化,UI优化等技术,平均优化0.7s启动时间; 1.2 包大小通过编译优化,可执行文件,资源文件优化等3方面,优化21m大小; 1.3 制定oc头文件规范,减少增量编译依赖,优化脚本执行,将增量编译时间从300s优化到28s; 2. 负责IOS原生端与H5端桥层模块的设计,开发与维护,提供功能丰富的桥层模块给H5端调用,维护两端通信的稳定与统一 3. Jenkins等CI/CD工具的开发,维护,负责编写对应需要的功能脚本 4. 银行H5产品页面的高...