前端项目负责人最基础的须要会哪些

这是我参与更文挑战的第8天，活动详情查看： 更文挑战

写在开头

最近准备给团队分享一下前端技术体系，明确提高的方向，顺便说一下基础能力范畴指哪些东西，分为技术能力和软能力。下面列的东西也有许多我本身不擅长的地方，可是仍是会列一下，也是目前本身能想到的技术体系结构。不妥不足的地方还望指正。

第二也是提出目前须要打好的基础能力范畴。

技术能力图

​

软能力图

具体可查看文章：前端项目负责人须要具备的能力

​

为何强调基础能力？

基础能力是技术能力发展的基础。举几个例子可能会比较清楚。

基础知识和react的关系

基础知识和算法的关系

性能优化和基础知识的关系

​

基础技术能力

这里学习这些知识是为了后面更好的发展，打好基础是关键。


​

基础知识

html

• 语义化
• html元素
• 文档元数据

​

DOM

• 节点
  • html属性和dom属性的不一样
• 属性
• 访问
• 事件

​

javascript

这里把我在掘金上写过的一些文章连接贴进来。

• js数据类型 &包装对象 内置对象
  • 字符串方法
  • 数组方法
  • 对象方法
• 运算符操做
• 原型
• 继承
• 做用域链
• 执行上下文
• 闭包
• this
• 当即执行函数表达式
• call / apply / bind
• new
• 深浅拷贝
• event loop
• 正则
• 事件
• ajax
• 文件同步异步加载
• ES6+

​

css

这里把我在掘金上写过的一些文章连接贴进来。

• css引入
• 选择器
• 选择器优先级
• 继承
• 值和单位
• 文本属性
• 盒子模型
• 视觉格式化模型 VFM
• BFC & IFC
• position
• float
• flex
• 布局
• 层叠上下文
• less / scss

​

http

• http请求过程及http状态码
• session / cookie / localStorage / sessionStorage
• get / post / restful 规范
• http协议 / OSI七层模型 / TCP-IP五层模型
• DNS 分析
• TCP分析 / 三次握手 / 四次握手
• Header

​

应用层

node

这里很少赘述了，这个不太擅长
​

webpack

• 入门了解 &核心概念
• 配置
• 实战方面
• 优化
• 原理

​

微信公众号

• 公众号开发流程 / 部署流程
• 受权
• 支付扫
• 码推送场景

​

微信小程序

• 开发环境搭建
• 文件组成 / 声明周期 / 全局变量 / 公共设置 / 导航栏处理
• 组件使用
• 小程序在android和iphone上的不一样
• 部署发布

​

Typescript

• TypeScript是什么
• TypeScript和javascript的区别是什么
• TypeScript 功能拆分
• 如何开始使用TypeScript
• TypeScript和webpack的关系
• TypeScript和react的关系
• TypeScript和Eslint的关系

​

环境部署

• nginx
• docker部署
• nginx环境
• 客户端渲染打包部署
• 服务端渲染打包部署
• docker + nginx + cicd 环境部署

​

框架

框架具体仍是看用的是什么，这里主要说react。

react

• 初步了解 &上手开发demo
• 核心概念
• 高级指引
• API 使用
• react hooks
• redux
• react-router
• 场景应用
• 源码学习 & 了解

​

高级应用

数据结构

• 数组
• 栈
• 队列
• 链表
• 图
• 树
• 堆
• 散列表

​

设计模式

• 设计原则
• 常见设计模式
• 设计模式运用

​

为何强调软能力提高？

软能力我认为是一我的能达到多高的层次的很重要的一个因素。举个简单的例子，学习能力就是软能力，是咱们得到知识的方式。

逻辑分析能力

由于软能力很重要，举一个以前说过的例子：逻辑分析能力的重要性。

百度百科 逻辑思惟能力是指正确、合理思考的能力。即对事物进行观察、比较、分析、综合、抽象、归纳、判断、推理的能力，采用科学的逻辑方法，准确而有条理地表达本身思惟过程的能力。

逻辑能力不只仅是用来解决开发当中的问题，能够用到不少东西上面。以以前写的文章做为例子结构化思惟-MECE分析方法。

在项目当中，分析业务需求，思考代码逻辑，解决问题能力提高都和逻辑分析能力密不可分。而且能够在平常工做中去提高逻辑分析能力。并且逻辑分析能力的创建，是一种方法论的东西。

​

工做当中能够而且须要提升的能力

咱们在工做中实际上是能够培养不少的能力的。只是咱们本身没有在乎这些，老是认为这些不重要。

每一个人都想晋升，都想成为leader，或者大牛。假设毕业三年，五年想要达到中级，高级，或者项目负责人，或者部门负责人。这里会有一个问题？能力到了没？ 固然能够说等到了位置在去磨练，也不是不行，那为何不在如今的阶段就去打好之后成为负责人的基础呢。咱们再把上面的图拿下来看一下：

我最近有两个毕业一两年的同窗主动找我沟通了一下。问题主要是方向问题。

我给与的答案是：不要认为如今的工做没啥意思，感受学不到东西，实际上是大家没有意识到而已。

举个简单例子：
对于平常工做，是否是能够对于业务流程去画流程图分析，锻炼本身的逻辑梳理能力，慢慢锻炼出来，后面会有逻辑分析能力，再日后结构化分析问题，这不只是对平常任务，对于问题解决，仍是掌握新的技术，均可以用这个方法处理。

并且过程中，沟通能力，协做能力，业务能力，技术能力，规划能力均可以锻炼。

从工做中持续提升本身各方面的不足。等到了时间自动会达到对应的等级。若是如今不注意，总有一天是须要还债的。

要认识一个道理，能力到了，咱们才会到了对应的等级。

基础的软能力

• 逻辑分析能力 -> 规划能力
• 沟通能力
• 协做能力
• 业务能力
• 框架能力
• 心态能力

判断能力：基于技术能力，业务能力和规划能力
架构能力：也是基于技术能力和业务能力
心态能力：这个很重要，在于如何处理面临问题，如何本身释放压力，调整情绪

写在最后【毒鸡汤】

• 持续学习：学习的重要性
• 工做中提高
• 明确本身的方向

这个过程中不少须要本身主观上的改变，过程会有一点辛苦，在这里毛遂自荐一下本身的对于工做和学习上的困难的理解。

今天遇到的困难越多，不表明明天没有困难，而是明天遇到的困难，就会是后天或者更加日后遇到的困难

这句话可能稍显前方的路有点艰难，我老是把如今遇到的困难当成锻炼本身的机会，敢于尝试，就算如今失败了， 之后在遇到的时候，我就多了失败的资本，确定会比如今更好的处理遇到的困难。

​