前端的自我修养

岁月匆匆,唯信息永恒。记录是回归与进步的一种方式,不求万事俱全,但求精心记录。

感觉每一条记录都可以写成一篇文章…

前端的基本功

最基础的,莫过于几个语言以及场景能力(API)的掌握:

  • JS、CSS、HTML 在浏览器的能力
    • 浏览器包含哪些特性,兼容性是怎样的(特别是移动端)
    • 场景应用能力
      • 如何搭建网格、CSS动画、布局
  • Node端能力
    • 不同版本API
    • 场景应用
      • 搭建后端应用
      • 框架能力掌握
  • 小程序能力
    • 环境提供能力
    • 开源方案与应用
    • 动态能力支持
  • HTTP、TCP、UDP基层协议掌握
    • 协议通讯方式
    • 1.0、1.1、2.0特点与能力
    • 浏览器通讯、安全策略、跨域通讯
  • OAuth等鉴权能力
    • 微信、QQ、微博、账户密码登录方式
  • 端能力
    • APP、H5、小程序等相互跳转通讯
    • Hybrid原理、通讯方式、端能力提供
    • H5端能力与其他平台能力对比

前端社区能力

  • 社区工具应用
    • Webpack
      • 构建、配置、插件、加载器相互交互
      • 多页面公用包构建
      • 构建与SSR搭配
    • Gulp
    • Rollup
    • React
      • DOM Diff原理
      • 类组件、纯函数组件
      • Context、Hooksx
      • 生命周期、应用渲染机制
      • 周边搭配 React-Router、Reach-Router、Redux、Mobx等
      • SSR与CSR实现
    • Vue
    • Angular
  • 开源
    • 协议
    • 通用约定目录结构
    • 版本管理、Git、发布流程

项目能力

  • 业务
    • 业务理解
    • 业务指标与技术指标
    • 技术对业务影响
  • 项目
    • 项目理解
    • 进度管理
    • 沟通、协作
    • 项目推动能力

架构能力

  • 行业动态同步
  • 技术选型分析能力
  • 技术布局设计、技术建设
  • 技术架构与业务规划
  • 技术保障与业务维稳
  • 代码架构与设计能力
  • 工作流规范制度与设计能力

工作能力

  • 技术业务进展汇总
  • 业务影响跟踪、分析、评定
  • 上下级沟通能力
  • 业务思考与技术方案能力
  • 问题分析与解决能力
  • 应急能力