神族九帝's blog 神族九帝's blog
首页
网盘 (opens new window)
线报 (opens new window)
商城 (opens new window)
  • 复习指导
  • HTML
  • CSS
  • JavaScript
  • 设计模式
  • 浏览器
  • 手写系列
  • Vue
  • Webpack
  • Http
  • 前端优化
  • 项目
  • 面试真题
  • 算法
  • 精选文章
  • 八股文
  • 前端工程化
  • 基础篇
  • 进阶篇
  • 高级篇
  • 计算机基础
  • 高频考点
  • 精简题
  • 综合问题
  • 复习题
  • vue
  • vue2源码学习
  • 剖析vuejs内部运行机制
  • TypeScript 入门实战笔记
  • vue3源码学习
  • 2周刷完100道前端优质面试真题
  • npm发包
  • 重学node
  • 前端性能优化方法与实战
  • webpack原理与实战
  • webGl
  • 前端优化
  • Web3
  • 更多
  • 网站
  • 资源
  • Vue资源
  • 收藏的一些API
  • 未来要做的事
  • 宝塔面板+青龙面板
  • 安卓手机当服务器使用
  • 京东自动评价代码
  • 搭建x-ui免流服务器(已失效)
  • 海外联盟
  • 好玩的docker
  • 导航
GitHub (opens new window)

神族九帝,永不言弃

首页
网盘 (opens new window)
线报 (opens new window)
商城 (opens new window)
  • 复习指导
  • HTML
  • CSS
  • JavaScript
  • 设计模式
  • 浏览器
  • 手写系列
  • Vue
  • Webpack
  • Http
  • 前端优化
  • 项目
  • 面试真题
  • 算法
  • 精选文章
  • 八股文
  • 前端工程化
  • 基础篇
  • 进阶篇
  • 高级篇
  • 计算机基础
  • 高频考点
  • 精简题
  • 综合问题
  • 复习题
  • vue
  • vue2源码学习
  • 剖析vuejs内部运行机制
  • TypeScript 入门实战笔记
  • vue3源码学习
  • 2周刷完100道前端优质面试真题
  • npm发包
  • 重学node
  • 前端性能优化方法与实战
  • webpack原理与实战
  • webGl
  • 前端优化
  • Web3
  • 更多
  • 网站
  • 资源
  • Vue资源
  • 收藏的一些API
  • 未来要做的事
  • 宝塔面板+青龙面板
  • 安卓手机当服务器使用
  • 京东自动评价代码
  • 搭建x-ui免流服务器(已失效)
  • 海外联盟
  • 好玩的docker
  • 导航
GitHub (opens new window)
  • 复习指导

  • HTML

  • CSS

  • JavaScript

  • 设计模式

  • 浏览器

  • 手写系列

  • Vue

  • Webpack

  • Http

  • 前端优化

  • 项目

    • 思维导图
    • 微前端
    • 低代码
    • 管理方法论
    • 自我介绍模板
    • 前端项目负责人需要具有的能力
    • 前端项目负责人最基础的需要会哪些
      • 技术能力图
      • 软能力图
      • 基础知识和 react 的关系
      • 基础知识和算法的关系
      • 基础知识
        • html
        • DOM
        • javascript
        • css
        • http
      • 应用层
        • webpack
        • 微信公众号
        • 微信小程序
        • Typescript
        • 环境部署
      • 框架
        • react
      • 高级应用
        • 数据结构
        • 设计模式
      • 逻辑分析能力
      • 工作当中可以并且需要提高的能力
      • 基础的软能力
      • 写在最后【毒鸡汤】
      • 参考链接
  • 面试真题

  • 算法

  • 精选文章

  • 八股文

  • 前端工程化

  • 面试题
  • 项目
wu529778790
2021-06-24

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

# 技术能力图

20210624211936 ​

# 软能力图

20210624212012 ​

# 基础知识和 react 的关系

20210624212045

# 基础知识和算法的关系

20210624212116

​

# 基础知识

20210624212220

# html

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

​

# DOM

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

​

# javascript

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

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

​

# css

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

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

​

# http

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

​

# 应用层

20210624212352

# webpack

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

​

# 微信公众号

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

​

# 微信小程序

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

​

# Typescript

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

​

# 环境部署

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

​

# 框架

20210624212442

# react

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

​

# 高级应用

20210624212505

# 数据结构

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

​

# 设计模式

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

# 逻辑分析能力

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

逻辑能力不仅仅是用来解决开发当中的问题,可以用到很多东西上面。以之前写的文章作为例子结构化思维-MECE 分析方法 (opens new window)。

在项目当中,分析业务需求,思考代码逻辑,解决问题能力提升都和逻辑分析能力密不可分。并且可以在日常工作中去提升逻辑分析能力。而且逻辑分析能力的建立,是一种方法论的东西。

20210624212548 ​

# 工作当中可以并且需要提高的能力

我们在工作中其实是可以培养很多的能力的。只是我们自己没有在意这些,总是认为这些不重要。

每个人都想晋升,都想成为 leader,或者大牛。假设毕业三年,五年想要达到中级,高级,或者项目负责人,或者部门负责人。这里会有一个问题?能力到了没? 当然可以说等到了位置在去磨练,也不是不行,那为什么不在现在的阶段就去打好以后成为负责人的基础呢。我们再把上面的图拿下来看一下:

20210624212609

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

我给与的答案是:不要认为现在的工作没啥意思,感觉学不到东西,其实是你们没有意识到而已。

举个简单例子:

对于日常工作,是不是可以对于业务流程去画流程图分析,锻炼自己的逻辑梳理能力,慢慢锻炼出来,后面会有逻辑分析能力,再往后结构化分析问题,这不仅是对日常任务,对于问题解决,还是掌握新的技术,都可以用这个方法处理。

而且过程当中,沟通能力,协作能力,业务能力,技术能力,规划能力都可以锻炼。

从工作中持续提高自己各方面的不足。等到了时间自动会达到对应的等级。如果现在不注意,总有一天是需要还债的。

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

# 基础的软能力

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

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

# 写在最后【毒鸡汤】

  • 持续学习:学习的重要性 (opens new window)
  • 工作中提升
  • 明确自己的方向

这个过程当中很多需要自己主观上的改变,过程会有一点辛苦,在这里毛遂自荐一下自己的对于工作和学习上的困难的理解。

# 参考链接

  • https://juejin.cn/post/6971116221521461262 (opens new window)
编辑 (opens new window)
上次更新: 2022/05/24, 14:27:28
前端项目负责人需要具有的能力
富途证券

← 前端项目负责人需要具有的能力 富途证券→

最近更新
01
好玩的docker
07-04
02
我的第一个NFT
07-03
03
海外迅雷
06-01
更多文章>
Power by vuepress | Copyright © 2015-2023 神族九帝
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×