李叶超的个人简历

Contact Me:

Mail: [email protected]

Github: https://github.com/li-yechao

Twitter: https://twitter.com/li_yechao

I'm currently learning English.

现状

目前我在红岭云工作，职位资深前端开发工程师。主要负责 PC 前端和 APP 端框架设计开发，并探索引进前沿技术。

我现在正在寻找一个远程工作机会，如果有兴趣的话可以随时与我联系。主要想做 web3 相关的，或者针对国外项目的（因为想要接触一些国际化环境，学习英语）。

擅长

语言

1. Typescript/Javascript
2. Dart
3. Rust
4. Python
5. 其它之前用过但现在不用了的语言：Golang C# C++ CoffeeScript Scala Java Kotlin Swift

框架

1. React
2. Vue
3. Flutter
4. Next.js
5. NestJS
6. GraphQL
7. Lexical
8. ProseMirror
9. D3.js
10. Puppeteer
11. Electron
12. Uni-app
13. 3d-force-graph
14. FastAPI

工具

• Linux
• Docker
• Vim
• Git
• NGINX
• MongoDB
• Postgres
• Neo4j
• Webpack
• Vite

经历

2018-03 - 至今 云南红岭云科技股份有限公司

我任职的第二家公司。职位资深前端开发工程师。主要负责 PC(Vue) 管理平台和 App(Uniapp) 跨平台应用的架构设计和开发。

主要经历

• 为了解决项目日益庞大复杂的问题，独立设计了 PC 端模块化（类似微信小程序）的框架，使每个功能模块可以独立使用代码库、独立开发、独立部署，在宿主应用中可以嵌入模块页面，并实现了应用管理平台来管理部署各个应用模块。
• 为了快速开发各种业务中的台账功能，独立设计研发了低代码开发平台 Freeform ，只需要拖拽各种控件就可以构建出表单，不用写代码就可以实现增删改查。还设计了脚本配置功能，支持通过脚本代码控制表单逻辑，使用者可以随意控制表单的各种逻辑，使该平台能适应大部分的应用场景。
• 为了解决图片资源文件过大、旋转方向等问题，使用 NestJS 和 GraphicMagick 开发了资源代理服务，实现了通过 URL 参数来优化图片资源的加载。
• 独立开发知识图谱应用，后端使用 NodeJS 搭建服务，数据库使用 Neo4j ，前端使用 3d-force-graph 构建了 3D 图谱界面。
• 使用 Puppeteer 实现了一个 PDF 导出服务，只需要提供一个在线 URL 就可以将页面导出为 PDF 。
• 为了解决用户头像在各个业务中保存后难以同步更新的问题，设计了头像服务，只需提供用户 id 即可获取用户头像地址，避免了业务中需要保存头像的问题。
• 制定公司代码规范，定期进行代码 Review 。
• 为了提高公司整体技术水平，给同事做了培训课，包括：ES6 ProseMirror Nginx 等等。

2015-06 - 2018-02 丽江智捷科技有限公司

我在大学毕业前一年提前进入公司实习。负责公司后端、PC 、App 开发，后端使用 .Net ，PC 端使用 React ，App 使用 React Native 。

主要经历

• 分销系统，全栈开发。后端采用 .Net ，PC 端和微信公众号端采用 React 。
• 电商系统，全栈开发。后端采用 .Net ，PC 端采用 React ，App 端使用 React Native 。
• 旅游线路订购系统，全栈开发。

2012-09 - 2016-06 云南大学旅游文化学院

我很庆幸自己偶然选的专业是计算机，这是我的兴趣所在。

学习经历

• 毕业设计"加密通信应用"，使用 Golang 写服务端，Java 写 Android 客户端，Socket 通信，Protobuf 编码消息。设计思路为：两个客户端通过服务器交换 RSA 公钥，发消息时生成随机密码，使用该密码作为 AES 的 key 加密消息数据，然后使用对方公钥加密上一步的随机密码，将两个加密后的数据发送给对方。接收方使用自己的私钥解密 AES 密码，然后解密消息。
• Linux 桌面窗口管理器。出于对 Linux 的兴趣，使用 C/C++ 基于 GDK 库开发了一个基于 XServer 的 Linux 的桌面环境，支持打开桌面应用，移动窗口，放大缩小，最小化，关闭应用等功能。
• 游戏服务器。当时受游戏"我的世界"启发，和室友合作开发一个类似的游戏，室友用 Unity 开发游戏，我用 Golang 开发服务端。最终实现了能随机生成地面，相机移动，敲碎砖块的功能。
• 自学 CoffeeScript Golang Java Scala 等语言。
• 学习 Vim ，至今依然离不开的编辑器。
• 自学 Linux 系统，主要参考鸟哥的 Linux 私房菜。
• Win8 瓷砖页面。当时 Windows 8 刚刚面世，觉得它的瓷砖菜单列表非常新颖，就用 Jquery 做了一个，支持拖拽位置，调整大小，动画等。

开源项目

Paper

Paper，个人笔记应用，这篇主页就是用这个应用写的，用到的技术包括：NodeJS 、Typescript 、GraphQL 、IPFS 、MongoDB 、Flutter 、React 、Lexical 。

该应用一开始基于 IPFS/IPNS 技术来实现去中心化在线笔记本，后来在 IPNS 中遇到一些暂时无法解决的问题，所以自建了一个中心化服务来临时代替 IPNS 的功能，后面找到解决办法再剔除掉中心化服务。

客户端使用 Flutter web 开发，支持 PWA ，用户体验很不错，特别是富文本输入页面的体验做的很好。

Freeform

Freeform，低代码平台，使用 Zeebe 工作流引擎来支持用户自定义业务逻辑。并且支持自定义 JS 脚本，支持在数据流的各个阶段自定义业务逻辑。

全文搜索引擎

[代码已经遗失] 我曾使用 Rust + RocksDB 实现过一个全文搜索数据库。先把输入文本分词，然后把分词使用 XXHash64 算法计算 Hash ，使用 RocksDB 存储 Hash 和输入文本对应的数据标识。查询的时候把关键分词，计算分词 Hash 然后使用 RocksDB 查询关键词 Hash 对应的数据标识。中间还要处理匹配排序、索引等问题。实现参考了 sonic。

基于 web 的代码编辑器

[代码已经遗失] 第一次接触 vscode 的时候就很惊讶于它基于 web 能做出这样好的体验，于是就查阅它的实现方式，最终自己做了一个 web 的文本编辑器。实现的大概原理如下：1. 使用隐藏元素渲染中文和英文字符，测量出它们的尺寸； 2. 设计一个编辑器管理器，里面保存了文本内容（字符串数组，每一个元素代表一行）； 3. 渲染器逐行读取文字并创建元素用来渲染； 4. 在编辑器的点击事件中通过点击的坐标加上第一步中测量出的字符尺寸就可以计算出用户点击的字符所在的位置，这样就可以把 cursor 移动到相应的位置； 5. 用户输入或删除时对第二步中的编辑器管理器中的数据进行修改，然后触发更新流程。以上便是实现的大概流程。出于对 VIM 的喜爱，我还做了一个 vim 插件使编辑器支持基础的 vim 的操作方式。

后面我还做了一个基于 xi-editor 并且使用 Flutter 渲染的编辑器，但是只实现了基本的文字输入功能。

实践

RaspberryPi 搭建实时监控

我在家里用一个树莓派 + 摄像头搭建了实时监控，软件使用树莓派官方的 libcamera-vid 获取摄像头视频流，使用 Linux 管道输送给 ffmpeg 处理后推流到 NGINX ，NGINX 中使用了 rtmp 模块来做实时推流服务端。这样就能在内网使用 rtmp 播放器实时查看监控了。为了在外网也能访问，我用 zerotier 组建了虚拟局域网，客户端在安装 zerotier 之后也能在外网直接访问家里的监控了。