Hi~
张博 name
- uxfan.com
- jop@live.cn
- jopsay
- supermonkeyz
- jopsay
关于 about
现就职于新浪微博,目前支持移动团队前端开发。主要负责前端工程化、组件库搭建、开发规范制定、业务技术方案规划、参与前端与客户端交互调优、测试部署方案制定等工作。
关注设计细节、交互效果,开发效率、前端性能、执行效率、代码可维护性。推动自动化工具、组件标准规范化、工程持续集成。
热爱开源社区、热爱Google、热爱Medium、热爱stack overflow、热爱Codepen、热爱尝试。
近期先后开发完成了
- Marvel Now used by m.weibo.cn
- WooUI
- WooUI-Weibo
- WooUI-pro For PC
- WooUI-Cards
等基础依赖。
以及参与了
- wbox小程序框架
- weibo-virtual-scroller
- weibo-photoswipe
先后带领微博开放平台业务线、微博会员增值业务线、微博用户增长业务线的前端团队支持业务开发。负责对接产品需求、制定开发方案、组织协调上下游关系。探索调研业界更优解决方案,定期组织技术分享,与其他团队技术交流。
伴随团队成员成长,根据每个人的不同风格给出合适的技术引导与发展建议。
技能 skills
- 基础: HTML CSS Javascript
- 脚手架: Node Gulp Webpack Rollup
- 图形处理: Sketch PS
- 图形图像: SVG Canvas WebGL
- CSS预编译: PostCSS Sass Less
- MVVM: Vue React
- 工程: Git SVN Docker CI
项目 projects
-
基于rpc统一数据结构的Weibo组件
技术依赖:
- Vue
- @woo/vue-cli-plugin-wooui private
- @woo/wooui private
- Storybook
开发内容:
- 统一脚本创建管理小颗粒组件
- css-modules管理样式命名
- PostCSS预编译提升开发效率
- CSS custom properties管理全局属性
- 抽离JS until、Vue mixins、filter…
- 使用StoryBook展示组件、代码示例
解决问题:
- 通过规范后的rpc数据,简单快速解析出一个复杂多变的微博Feed。
- 多端适配,图片、视频、卡片等资源展现为客户端内形态。
- 完整支持纯文本化微博解析为富媒体形态、保证性能。
- 扩展性高、业务线可通过定制数据迅速生成专属Feed流,广告、商业、超话等业务团队已接入。
-
基于Weibo统一视觉规范的组件库WooUI
技术依赖:
- Webpack
- Gulp
- PostCSS
- Vue
开发内容:
- 脚本化创建开发、制定开发文档
- 组件API规划
- 效率、扩展性、可维护性评估
- 组件迭代规划
解决问题:
- 根据微博设计语言,统一组件,增强规范性
- 保障了基于微博设计语言开发的业务迅速响应
- 高可维护性、高扩展性、成为其他业务组件的基础
-
微博小程序解决方案
技术依赖:
- Webpack
- Rollup
- …
开发内容:
- 参与runtime脚本编译开发
- Build-in组件规划构建
- runtime bundle提交脚本
解决问题:
- 小程序内部解决方案
- 赋予前端更多原生能力
- 提速端内应用体验
-
微博任务中心
项目背景:
业务需求。微博客户端内嵌页面,包括微博客户端、极速版双端任务中心、拉新邀请、收益中心、优质权益等业务页面。负责对接产品需求、制定开发方案。梳理客户端内外交互,具体包括端内不同版本jsbridge兼容、scheme下发,端外分享等各个技术点的评估。
开发内容:
- 业务拆分、模块划分、人员调配
- jsbridge调用封装
- 打码跳转逻辑封装
- 基于wooui的开发实践
解决问题:
- 一套代码解决业务在微博主端、极速版内并存逻辑
- 与后端合作、推动后端合理制定接口
- 提高前端代码的复用程度、推动表现层与逻辑层解耦
- 推动客户端对于jsbridge的改造与优化
-
微博会员增值项目
项目背景:
业务需求。负责支持微博会员支付、会员商城、会员中心、会员月报、会员运营等各个微博会员增值产品的前端开发工作
开发内容:
- 业务对接、与产品开发沟通协调
- 合理分配任务类型,专人专用,提升开发效率,与实现效果
- 抽象运营类型业务模块化、提高复用程度
- 实现页面中的丰富动画效果与交互等体验
解决问题:
- 脚本工具化运营需求模块
- 月报、榜单类需求归纳总结一套解决方案,实现快速迭代上线
- 优化提升端内功能性页面的打开速度与使用体验
-
微博PC版
微博PC业务,包括微博主站、开放平台等业务的基础
开发内容:
- 参与微博PC版本V4 V5 V6升级迭代方案制定
- 拆分业务、划分基础模块
- 代码开发测试上线规范制定
- 产品、技术接口
解决问题:
- 系统化管理每一个版本
- 做好与内部STK框架开发的适配
- PC换肤、Bigpipe加载等难点
经历 experience
-
2011-2019 weibo.com weibo.cn 新浪微博 至今
-
2009-2011 China-pub.com
-
2007-2009 Kotin@Tianjin 创业
教育 education
- 2003-2007 哈尔滨工业大学 大学本科 媒体技术与艺术