Footprint
Footprint copied to clipboard
cssmagic
日拱一卒 | 用写博客的方式写简历
||| ---|--- **项目周期** | 2020.11～2020.12 **所在公司** | OC **角色** | 产品经理 / 架构师 ## 概述 “研发中台” 是 OC 公司自研的持续交付 PaaS 平台，具备应用管理、构建部署、资产管理等功能，具备虚拟机与容器两种部署能力，底层对接 GitLab、Jenkins、K8s 等系统，上层为用户提供管理界面。v1 已实现底层对接能力，但功能体验欠佳，落地受阻；v2 由本人发起，着重改善用户端的易用性。 ### 职责 * 向 CTO...
||| ---|--- **项目周期** | 2021.03～2021.05 **所在公司** | OC **角色** | 项目负责人 / 架构师 / 产品经理 ## 概述 为解决以下问题： * 公司内部各个技术平台（子系统）散落在各处 / 查找和使用不便 / 使用体验不统一； * 子系统开发基础功能时重复劳动 / 开发标准不统一 / 成本高；...
## 2023 · K+Talk 《AI 编程助手会给程序员带来哪些收益和影响（节选）》 [](https://www.bilibili.com/video/BV1BC4y1U7JZ/) 🎬 https://www.bilibili.com/video/BV1BC4y1U7JZ/ 这是我受邀参与 “K+Talk” 第 57 期直播对话节目的回放剪辑。本期节目探讨程序员在 AI 时代的机遇和挑战。直播全长 90 分钟，本视频节选部分片断，完整内容参见 “中智凯灵” 视频号。鸣谢另两位嘉宾老师：步绍鹏（微软中国高级研发经理）、李明宇（中科院计算所高级工程师），鸣谢主办方：AIDD（AI+软件研发数字峰会）。 ## 2023 · VE 开发者社区 《GitHub Copilot 值不值每月十刀》 [](https://www.bilibili.com/video/BV1rF411o7D4/) 🎬...
||| ---|--- **项目周期** | 2017.03～2017.06 **所在公司** | 百姓网 **角色** | 项目负责人 / 前端架构师 ## 概述 百姓网在 2017 年春季发起的全站性能优化项目。CTO 只给出最终目标——在年中时间点，桌面和移动两个网站的 “四大核心页面” 的两大指标（首屏渲染、完全加载）分别 ≤1s 和 ≤4s。这是一个非常激进的目标，而具体达成路径需要自行探索和实践。 这不是一个单纯的前端项目，而是一个涉及前端和后端、横跨多个技术团队（架构组 + 业务开发 + 商业化）、持续数月的大型项目。 ###...
## 概述 #### 背景 在前端领域，“Monorepo” 通常特指由 Lerna 管理的单体仓库，多个子项目放入一个大仓库中统一管理。这种代码管理模式广泛应用于大型开源项目，比如 Babel、Vue 等。 对于那些包含了多个子项目的业务项目来说，借鉴 Monorepo 模式往往可以改善日常维护效率和体验。 #### 目的和效果 * 所有子项目的代码相对独立，同时又存在于同一个代码仓库中。 * 所有共公的配置文件最大程度共用。 * 把所有子项目的依赖（`node_modules` 目录）提升到根级，避免重复安装依赖浪费磁盘空间。 * 公共依赖包在开发调试时，无需发版（或手动 npm link）就可以直接在业务项目中看效果。 ## 工具 * yarn...
> 仅收录未在首页列出的项目。 ### 2022.01～2022.03 · RJ 技术架构升级 * 所在公司：RJ（OC 子公司） * 角色：技术总监 / 架构师 * 项目概述：RJ 是一家小型互联网公司，技术团队 20 人，技术架构陈旧，研发效率和质量不佳，技术氛围不足，人员流动率高。本人代理技术总监期间，在保障常规业务迭代的同时，发起 “架构升级” 项目，力求解决上述问题。 主要事项包括： * **构建部署系统改造**：废除多个老系统，充分利用现有 Jenkins 统一管理前后端部署到测试环境和生产环境的操作，并实现前端项目的自动化构建。 * **测试环境改造**：废除通过 hosts 切换各个测试环境和生产环境的机制，独立分配测试域名，重新搭建测试环境；后端实现多域名适配能力；移动客户端实现环境切换能力；理顺联调和测试流程。...
## 2012～2016 · CMUI [](https://cmui.cmcm.app/) * 简介：一款专攻 Mobile Web 的 UI 框架。它提供了丰富的组件和简洁的接口，开箱即用；帮助开发者摆脱样式细节和兼容性困扰，从而腾出更多精力投入到业务开发中。CMUI 被百姓网、薇姿官方商城等网站采纳为 UI 层解决方案，每日承受数千万 PV 的考验。 * 源码： https://github.com/CMUI/CMUI * Demo 与文档： https://cmui.cmcm.app/ * 相关技术分享： [《Web UI 框架设计：从按钮说起》](https://github.com/cssmagic/Footprint/issues/6)...
## 背景 * 我最近在用 Node.js 开发一款命令行工具，名为 “Kup”。 * Kup 底层使用 [Got](https://github.com/sindresorhus/got) 这个库来发送请求，请求的接口都是 HTTPS 的。 * 我希望通过 Charles 来监听 Kup 与服务器之间的通信，完成一些调试工作。 * 本文理论上也适用于 Fiddler、Whistle 等基于代理的请求调试工具。 ## 初步尝试 ### 准备工作 * 在本机安装...
## 项目背景 * 一个项目由若干个子项目组成。比如一个 Hybrid 应用中的多个 H5 模块。 * 各个子项目的形态类似，比如都是由 Vue CLI 创建的 Vue2 应用，它们有着高度相似的运行机制、目录结构、依赖和配置。 * 这些子项目有一些公共依赖，比如公共组件、公共逻辑、工具库等。 ## 要解决什么问题？ 面对这样的项目，传统做法通常是这样的： * 每个子项目作为独立仓库来管理。 * 公共依赖也是划分为多个仓库，比如公共组件一个仓库、公共逻辑一个仓库、工具库一个仓库。这些公共依赖作为 “内部包” 发布到公司的私有 NPM 仓库，被各个子项目引用。 这种做法可以运转，但存在以下问题： *...
||| ---|--- **发布时间** | 2021-07-14 **所在公司** | OC **演讲类型** | 技术分享 **角色** | 讲师 ## 概述 架构组选定阿里云 ARMS 作为前端 APM 方案。在推动各项目接入 ARMS 之前，有必要向前端同学讲解前端性能监控的基本原理，以及 ARMS 的功能和使用技巧。 ## 幻灯片   ...