简单梳理一下前端工程师的基本素养,也是努力的方向
不定期更新

技术知识

基础扎实

  • BOM 和 DOM api

    常规的 dom 操作,cookie,localStorate 等

  • JS高级概念的理解

    对象原型 继承 闭包 等

  • 正则表达式
  • 事件模型
  • 浏览器兼容

多看书,比如《JavaScript 高级程序设计》

知识体系

  • HTML/CSS
  • JS
  • 工程化

    构建,项目目录

  • 框架使用

    jQuery React 等

  • 兼容

    特性检测 caniuse 等

  • 性能

    性能检测和优化

  • 调试工具

    chrome控制台 断点 抓包 等

  • 网络相关

    http 协议 状态码 等

  • 测试

    测试工具

  • 安全

    XSS CSRF 攻击原理和防范 等

有针对的去了解,做大项目

程序素养

  • 代码易读可维护

    变量命名
    缩进
    注释
    全局污染

  • 符合规范

    ESLint Standardjs 等

  • 编辑器使用

多写、看源码

专业能力

动手能力

  • 组件实现

做项目、造轮子

学习能力

  • 技术栈
  • 阅读
  • 搜索
  • 源码

    jQuery 等

多看博客,多看书,多阅读国外文章

架构能力

  • 项目搭建
  • 目录结构
  • 自动化工具
  • 开发流程

自己搭建项目,看框架github仓库