Resume/cnindex.html at gh-pages · BinaryDevil/Resume · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Resume by BinaryDevil</title>
    <meta name="description" content="李庭瑞 — 8 年前端负责人，专注大型金融 Web/移动产品的工程化与交付。">
    <meta property="og:title" content="李庭瑞 — 前端负责人">
    <meta property="og:description" content="8 年经验，主导手机银行、网银、开放银行与内容平台等前端开发与管理。">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://binarydevil.github.io/Resume/cnindex.html">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
    <link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
</head>
<body>
<section class="page-header">
    <h1 class="project-name">个人简历</h1>
    <a href="index.html" class="btn" style="margin-top:15px">Switch to English</a>
    <h2 class="project-tagline">李庭瑞</h2>
    <h3 class="project-tagline">前端开发 / 8年经验</h3>
    <h3 class="project-tagline">+86 18311375787 | rainy9271@163.com</h3>
    <a href="static/前端开发 - 李庭瑞 - 8年经验.pdf" class="btn" style="margin-top:10px" target="_blank" rel="noopener">下载 PDF</a>
    <p class="project-tagline" style="margin-top:8px">更新时间 2025-03</p>
    <a href="https://github.com/BinaryDevil" target="_blank" rel="noopener nofollow"><img class="link-logo"
                                                                                         src="assets/Octocat.png"
                                                                                         alt="GitHub"></a>
    <a href="https://www.linkedin.com/in/tingruili" target="_blank" rel="noopener nofollow"><img class="link-logo"
                                                                                                src="assets/LinkedIn.png"
                                                                                                alt="LinkedIn"></a>
    <a href="https://www.facebook.com/rainy9271" target="_blank" rel="noopener nofollow"><img class="link-logo"
                                                                                             src="assets/facebook.png"
                                                                                             alt="Facebook"></a>
    <a href="http://www.weibo.com/2360259912/profile?topnav=1&wvr=6" target="_blank" rel="noopener nofollow"><img
            class="link-logo" src="assets/Weibo.png" alt="Weibo"></a>
    <a href="https://www.instagram.com/__ra1ny__/" target="_blank" rel="noopener nofollow"><img class="link-logo"
                                                                                               src="assets/Instagram.png"
                                                                                               alt="Instagram"></a>
</section>

<section class="main-content">
    <h2><a id="personal-info" class="anchor" href="#personal-info" aria-hidden="true"><span
            class="octicon octicon-link"></span></a>个人简介</h2>

    <p>8年工作经验，现任民生银行部门前端负责人，主导前端开发、技术管理及项目管理，专注于大型金融类 Web 和移动端产品的工程化建设与交付。</p>

    <h2><a id="job-preferences" class="anchor" href="#job-preferences" aria-hidden="true"><span
            class="octicon octicon-link"></span></a>求职意向</h2>
    <ul>
        <li>全职 | 前端开发</li>
        <li>北京</li>
    </ul>

    <h2><a id="educations" class="anchor" href="#educations" aria-hidden="true"><span
            class="octicon octicon-link"></span></a>教育背景</h2>

    <ul>
        <h4>浙江大学<span class="highlight" style="float:right">2014.9 - 2016.10</span></h4>
        <li>软件工程 硕士</li>
        <h4>贵州大学<span class="highlight" style="float:right">2010.9 - 2014.6</span></h4>
        <li>计算机科学与技术 本科</li>
    </ul>

    <h2><a id="work" class="anchor" href="#work" aria-hidden="true"><span
            class="octicon octicon-link"></span></a>工作经验</h2>

    <ul>
        <h4>中国民生银行股份有限公司<span class="highlight" style="float:right">2017.2 - 至今</span></h4>
        <li><strong>部门前端 Leader</strong></li>
        <li>主导手机银行、个人/企业网银、微信银行、门户网站、开放银行等主要渠道前端开发，制定技术方案，保障业务交付。</li>
        <li>负责部门前端工程化体系建设：组件开发、版本管理、开发规范、系统优化、Web 中间件、投产准备与问题跟踪。</li>
        <li>管理科技子公司及部门外包团队前端人员。</li>

        <h4>思科（美国）<span class="highlight" style="float:right">2015.8 - 2016.8</span></h4>
        <li><strong>软件工程师（实习）</strong></li>
        <li>在思科美国总部 CTO 部门参与 OpenBMP 开源项目：Angular1.x 管理端、D3 可视化、Java REST API、ELK 实践、OpenStack 搭建、MySQL 开发与优化。</li>
    </ul>

    <h2><a id="projects" class="anchor" href="#projects" aria-hidden="true"><span
            class="octicon octicon-link"></span></a>项目经验</h2>

    <ul>
        <h4>民生手机银行<span class="highlight" style="float:right">2017.3 - 至今</span></h4>
        <li><strong>前端开发组长</strong></li>
        <li>负责手机银行、手机银行小微版、小微 App、企业手机银行等系统前端技术管理与业务开发，基于 React 15/antd-mobile/react-redux。</li>
        <li>承担前端工程化建设、公共能力与组件封装、jsbridge 封装、性能优化等工作。</li>
        <li>独立负责银行理财、金融日历、在线客服、大额存单、小微版、企业手机银行等核心功能的开发迭代。</li>
        <li>管理部署方案与 Apache 配置，使用 webpack 实现一套代码输出多端（App/浏览器/微信），处理原生能力、HTTP 请求与安全校验。</li>
        <li>通过代码拆分、HTTP 缓存与 gzip、webpack chunk 优化、CDN 等方式优化性能，并编写 Loader 和 node 脚本优化首屏资源，带来约 30% 首屏时间提升与资源缩减。</li>

        <h4>民生银行对公电子渠道<span class="highlight" style="float:right">2017.4 - 至今</span></h4>
        <li><strong>前端开发组长 / 项目经理</strong></li>
        <li>负责企业网银、托管网银、对公微信服务、e 点通小程序、企业账户 e+ 小程序等对公渠道前端技术管理与业务开发，基于 React 0.14/antd/react-redux。</li>
        <li>主导前端工程化建设、公共能力与组件封装、U 宝/密码控件逻辑、性能优化等；交付企业网银 U 宝/密码登录页、托管网银一期、企业微理财、征信查询等项目。</li>
        <li>提供新老框架并存迁移方案，基于同域 iframe 局部嵌入 React，推动对公业务前端从采购框架向自研框架、现代化技术栈逐步迁移；配置 webpack 插件支持 IE8 并优化性能。</li>

        <h4>内容运营平台<span class="highlight" style="float:right">2021.11 - 至今</span></h4>
        <li><strong>项目经理</strong></li>
        <li>主导建设企业级一站式内容服务平台。管理端使用 umi 技术栈，提供页面编辑、可配置 React 组件、富文本编辑、审核审批、权限管理、内容广场等功能。</li>
        <li>渲染端使用 react+redux 读取配置生成页面，支持行内/行外第三方内容同步、审批发布，以及微信网页授权、营销数据链路统计等能力。</li>

        <h4>民生银行线上店小程序<span class="highlight" style="float:right">2020.4 - 至今</span></h4>
        <li><strong>前端 / 小程序开发</strong></li>
        <li>负责技术选型并独立开发一期大部分业务，采用 React 15/antd-mobile/react-redux 与小程序原生混合模式。</li>
        <li>完成门店信息、导航、业务预约、理财/基金/信用卡/实物金营销、员工风采、手机银行微口令唤醒等功能；实现 canvas 海报生成、保存/转发、小程序码、分享设置、地图导航等能力。</li>

        <h4>低代码构建平台<span class="highlight" style="float:right">2020.7 - 2020.12</span></h4>
        <li><strong>前端开发</strong></li>
        <li>负责技术选型与研发，构建以 JSON 为输入、输出可运行页面代码的低代码工具，支撑个人网银架构迁移的表单/查询页快速生成。</li>
        <li>基于 create-react-app/react-scripts 启动项目，提供常见场景预览与代码生成，并内置模板以减少重复开发工作。</li>

        <h4>开放银行开发者中心<span class="highlight" style="float:right">2020.6 - 2020.9</span></h4>
        <li><strong>前端开发</strong></li>
        <li>使用 dumi 实现整站，为开放银行开发者提供 API 文档展示、沙箱调试、服务介绍等功能。</li>
        <li>开发 node 转换脚本，将约定格式的 API 文档 Excel 转为 MD 自动生成文档页面；实现沙箱调试组件并解决 dumi 的浏览器兼容性问题。</li>
    </ul>

    <h2><a id="final" class="anchor" href="#final" aria-hidden="true"><span class="octicon octicon-link"></span></a>最后
    </h2>

    <p style="font-size:25px">感谢您花时间阅读我的简历，期待与您共事。</p>


    <footer class="site-footer">
        <span class="site-footer-owner"><a href="https://github.com/BinaryDevil/Resume">本简历Repo</a>由<a
                href="https://github.com/BinaryDevil">BinaryDevil</a>维护.</span>
    </footer>

</section>


</body>
</html>