优秀工程师

1.领域知识并对知识形成体系
2.能力 编程-能否落地、架构-多大规模、工程-多少人开发
3.潜力 P7倒头了 基础要扎实 职业规划 执行力强
4.了解等级体系 要求
5.职业规划 目标 行动

成就

1.怎么体现 产品 岗位 那个阶段 数据体现 做过什么 从什么程度做到什么程度
2.练习版-成就
3.心得体会公开发表

职业规划

1.谁是你职业发展负责人-自己
2.去哪拿到这个晋升

职业发展

1.晋升-成长-成就
2.解决 跳槽 和上级沟通 发起项目 那个环节出现问题
3.成就 KPI 公司怎么挣钱 阿里-流量、转化率、客单价

业务成就

业务目标：理解公司业务的核心目标
目标转化为指标
技术方案：业务指标到技术指标的转化
形成纸面方案、完成小规模试验
实施方案：确定实施目标、参与人
管理实施进度
结果评估：数据采集、数据报表
向上级汇报

案例—应用手势
业务目标&指标：点击率
技术方案：给tab组件增加手势操作
实施：在业务中加入对应功能，并上线
结果：点击率提升3倍
实施II：编写通用tab组件，向所有导购业务推广，形成制度
结果+：推广到所有导购业务，符合预期
思考过程讲清楚提炼出来更具有价值

技术难题

目标：公认的技术难点（行业）
方案与实施：依靠扎实的编程能力、架构能力形成解决方案
结果：问题解决

案例—爬取商品价格
背景：在某浏览器插件项目中，需要爬取各个网站的价格比价，但是各个网站会采用图片价格等手段防御
方案：引入JS端的数字识别技术，靠AI技术解决
实施：直接上线
结果：成功采集到信息

工程型成就

目标：质量、效率
方案与实施：规章制度
库
工具
系统
结果：线上监控

案例—XSS攻击的预防
目标&指标：XSS攻击白帽子反馈漏洞
技术方案：整理安全手册，review历史代码，代码扫描工具
实施：对全体前端宣讲，整体review代码，更改代码发布流程
结果：XSS漏洞大幅减少

自由时间

  • 方法论：追溯法 和 整理法
  • P6资深工程师 主导地位
  • P7领域专家 领域 工程搭建
    • （产品 方法论)
    • 人无我有 人有我强
    • 解决这个领域的问题
  • 如何学习开源项目
    • 写文档
    • bugfix 单步追踪 通读

数据驱动过的思考方式：一个小故事

  • 目标：

分析业务目标
定数据指标 活跃度：日活/月活

  • 现状：

采集数据
建立数据展示系统 （公司通用语言 业务敏感度）

  • 方案：

设计技术方案
预估数据 （业务数据 技术数据）

  • 实施：

小规模实验
推广全公司落地
形成制度

  • 结果：

统计最终效果
汇报 小汇报 正式汇报 （没兴趣-目标不正确 逐步建立信心）
image.png

前端技能模型

  • 领域知识 根据学习方法整理
  • 前端知识
  • 解决问题能力：编程能力、架构能力、工程能力

工具链

  • 工具链的作用 相互配合 版本策略 数据统计

例如 （研发阶段的数据 发布次数 每个组件使用比率 团队问题 哪个工具经常报错）

  • 工具的分类 init -> run -> test（覆盖率） -> publish

脚手架
本地调试
单元测试 mocha 前端之巅 spritejs
发布

  • 工具链体系的设计

版本问题
数据统计

研发阶段数据统计：组件使用率、单元测试数据

持续集成

  • 客户端软件持续集成 各做各的 最后阶段集成发布
    • Daily build： 1台专门build的机器每天build
    • BVT（Build Verification Test：版本验证测试） 自动化的 分辨检查 跑通主要流程
  • 前端持续集成（CI/CD）
    • Check-in build 每次提交代码都build
    • Lint + Rule Check 语法检查 + 规则检查
      • 图片单张（不超过50K） 总包（ 不超过200K）
      • 无头浏览器 phantomjs

技术架构

  • 客户端架构：解决软件需求规模带来的复杂性
  • 服务端架构：解决大量用户访问带来的复杂性
  • 前端架构：解决大量页面需求带来的重复劳动问题: imgcook、pipcook

复用（解决重复劳动力的问题）

库：有复用价值的代码

组件：UI上多次出现的元素 组件的定义和基础设施，就是组件化方案

  • 轮播
  • Tab

vue 组件风格 hook sfc（single file component）
规范定义 格式要求
模块：经常被使用的业务区块 搭建系统 业务组件

自由时间

  • 垃圾知识： 空间、时间无法重复使用（UA判断浏览器类型）
  • 上学期间： 刷题 编程能力 算法
  • 工程师、资深工程师期间：实现能力 设计分析能力 spc leecode
  • 发现垃圾业务中的亮点：看人 眼里有没有活 ==> 运营搭建系统
  • 设计模式
  • A/B测试: A/B发布 A/B埋点
  • 编译原理 龙书 https://item.jd.com/10058776.html?dist=jd
  • 建设前端团队： 工具链 组件化 持续集成
  • code review
  • 页面性能优化
  • 证明水平的成就-作品或经历
  • 面试

作业：

  • 知识体系

  • url解析代码

    参考名词：

  • UV：（Unique Visitor）独立访客，统计 1 天内访问某站点的用户数 (以 cookie 为依据)，如果清除了 cookies 或者更换设备访问，计数会加 1。按用户算的，比较真实一点。

  • PV：（Page View）访问量, 即页面浏览量或点击量，在一定统计周期内用户每打开或刷新一个页面就记录 1 次。
  • ctr：点击率（click-through rate）
  • 判断用户活跃度：日活除以月活
  • CICD：持续集成 (Continuous Integration) 和持续部署 (Continuous Deployment) 简称。
  • SpriteJS：是跨平台的高性能图形系统，它能够支持 web、node、桌面应用和小程序的图形绘制和实现各种动画效果。