大前端成长路径

路径(持续更新):

  • 以下是我不同时期的博客链接
  • 可以和我的GitHub共同食用
  • 大家可以对比一下,我学的过程是缓慢型的…

learning: 0个月

  • 2018年09月
  • 开始接触前端,前端三剑客一个不知道一个不懂,于是对着W3C、菜鸟教程.一个一个敲
  • 开始啃红宝书《JavaScript高级程序设计》(第3版)

learning: 2个月

  • 2018年11月
  • 接手实验室的电厂项目,复制粘贴复制粘贴复制粘贴…
  • 重新开始啃红宝书《JavaScript高级程序设计》(第3版)
  • 转载了6篇博客

learning: 3个月

  • 2018年12月
  • 主要是学校的各种考试的准备
  • 大概花了一个星期,从0开始,找资料完成了植物幼苗分类,并做成图形界面,根据选择不同的模型,调用不同的模型来进行分类.会给出分类的准确率.具体的植物名字.

learning: 4个月

  • 2019年01月
  • 开始读自己能够理解,能够吸收的书,如:《JavaScript基础教程》(第8版)

learning: 5个月

  • 2019年02月
  • 重读《JavaScript高级程序设计》(第3版),这次差不多读了一大半…

learning: 半年

  • 2019年03月
  • 开始加入到视频侦察项目,新增轨迹研判、混合搜索模块
  • 开始修改电厂项目的界面
  • 学习vue、node、echarts

learning: 7个月

  • 2019年04月
  • es6、h5、bootstrap、算法、css

learning: 8个月

  • 2019年05月
  • 操作系统、es6、h5、c3、jquery

learning: 9个月

  • 2019年6月
  • HTTP协议、vue、算法、es6

learning: 10个月

  • 2019年7月
  • C++、jquery、算法、vue、node

learning: 11个月

  • 2019年8月
  • es6、flutter、dart、http、css、node
  • node开始尝试链接数据库,做持久化

learning: 1年

  • 2019年9月
  • vue、node、koa、算法、mongoose、css布局
  • 开始尝试仿各种电商的主页.
  • flex布局、流式布局、响应式布局,讲的特别好.

learning: 1年1个月

  • 2019年10月
  • 玩了一波汇编,挺爽的.基本实例都敲了一遍
  • 开始接触源码

learning: 1年2个月

  • 2019年11月
  • docker相关概念: 阮一峰、尚硅谷
  • Linux的基本指令: 黑马
  • react: 开课吧
  • koa: 开课吧

[注] ：一个月认真起来,还是可以做好多事情的

learning: 1年3个月

  • 2019年12月
  • Promise详解
  • Promise的实现
  • egg的体验
  • React的基本语法,虚拟DOM和Diff算法的实现
  • Webpack4.x的项目基本配置
  • 使用Node实现MVC的分层
  • Chromium的架构和模块

learning: 1年4个月

  • 2020年1月

[目标]:

  • React Native官网 API实现一遍
  • 一本书: 《React Native 移动开发实战》
  • C++学习: 目的是熟悉C++语法,后期可以观看node C++扩展部分, webkit内核源码, 以及计算机网络.
  • 全栈工程师P30~P53

[已完成]：

  • 书籍:《React Native移动开发实战》(不建议)
  • Android Studio开发(建议到熟悉了就转RN,觉得还缺Android方面的知识,在转回来看)
  • 前端重点复习(P1 ~ P268)
  • HTML+CSS(P1 ~ P231)

learning: 1年5个月

  • 2020年2月

[目标]:
- 全栈工程师 P30 - P53

  • 前端重点复习
  • HTML+CSS

[已完成]:
- 前端面试题2020最新总结

小结: 步入阶段3

  • 第1阶段主要是看书,培养一种静下心来看厚书的习惯(不怕看厚书),这个阶段是盲目的发现了以书找书,书越读越多.
  • 第2阶段开始有目的的寻找项目中可能用到的知识,这个时候不在局限于书籍,更多的是以视频(为主) + 书籍的形式.
  • 挣扎了3年后(约5110小时),勉强步入第3个阶段,此时应该已经在公司里面,要在大项目中,做到高效的code,需要极大的提高自己的算法能力.在大项目中,理解工程化、读别人的代码是家常便饭,下面给出这个阶段需要的几个建议:
  1. 读写有营养的书,如《算法》(第4版)、《深入理解计算机系统》、《计算机网络》
  2. 项目代码争取每行吃透,大项目、迭代的项目肯定有冗余的代码,学习架构师们的架构思想
  3. 如果大项目吃透了,再去github上寻找一些好的开源项目,学习其构建的思路
  4. 要形成刷leetcode的习惯,提升自己的算法能力
  5. 可以开始尝试阅读一些用到的三方件的部分源码,如react-redux的Provider和connect

最后提醒一句: 优先完成工作需求,上面的4个建议,可以自己抽时间来看,需要学会将零散的时间利用起来充电.
写于2020年10月12日 22:22

求关注

GitHub: https://github.com/Lizhhhh

  • 点击文件夹进去,README.md里面有好多学习链接
  • 子文件夹是学习的源代码.里面的README.md是学习笔记
  • 求星星(github)!!!
  • 如果您遇到什么前端问题,请私聊!!!
  • 求关注,求互粉!!!
  • 侵权必删,不喜勿喷

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/250598.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

工具：meson+ninja（安装问题解决）

工具：meson+ninja（安装问题解决）

问题1：Python版本问题 报错信息： NOTICE: You are using Python 3.6 which is EOL. Starting with v0.62.0, Meson will require Python 3.7 or newer ubuntu 18默认的python3是3.6. 解决方案1：从源码安装python 3.7 wget https://www.pyth…
阅读更多...
ListMapSet的操作和遍历

ListMapSet的操作和遍历

List&Map&Set的操作和遍历 Java的三大集合即：Set、List、Map。 Set：代表无序、不可重复的集合，常用的有HashSet（哈希表实现）、TreeSet（红黑树实现）；List：代表有序…
阅读更多...
PHP中的魔术方法

PHP中的魔术方法

概述 在面向对象编程中，PHP提供了一系列的魔术方法，这些魔术方法为编程提供了很多便利。PHP中的魔术方法通常以__(两个下划线)开始，并且不需要显示的调用而是由某种特定的条件出发。这篇文章简单总结了PHP中提供的魔术方法。 开始之前 在总结…
阅读更多...
执行caffe的draw_net.py出现“GraphViz's executable dot not found”的解决方法

执行caffe的draw_net.py出现“GraphViz's executable dot not found”的解决方法

执行caffe的draw_net.py出现“GraphVizs executable "dot" not found”的解决方法 控制台输入如下指令画网络图：python ../../../python/draw_net.py train.prototxt train.png --rankdirTB （Top-Bottom形式，纵向图）pyt…
阅读更多...
配置 --- vscode自定义代码段Snippets

配置 --- vscode自定义代码段Snippets

目标 在vscode中输入vbs-vue 然后产生一个自己想要的模板 写好模板 在线上写好模板传送门: https://snippet-generator.app/ 1是标题,对应 2是前缀.对应在vue中使用的快捷键 vbs-vue3就是需要显示的代码段了 在vscode中配置 1.ctrlshiftp2.选择 Preferences: Configure U…
阅读更多...
centos6安装composer

centos6安装composer

需要使用到curl，没有的话需要 yum -y install curl ###安装一、下载：curl -sS https://getcomposer.org/installer | php （如果是网络原因多试几次） 二、移动composer.phar移动到环境下让其变成可执行：mv compose…
阅读更多...
透明图与元素居中

透明图与元素居中

1,定位让元素居中 1. 透明度 opacity 默认值是1 不透明 0是全透明转载于:https://www.cnblogs.com/Shinigami/p/9709382.html
阅读更多...
配置 --- vscode中react格式化解决方案

配置 --- vscode中react格式化解决方案

选择右下角的语言 在弹出框搜react选择 JavaScript React(或者根据需求选择 TypeScript React) 快捷键, windows下 Alt SHIFT F
阅读更多...
【商城购物车】购物车逻辑

【商城购物车】购物车逻辑

转载于:https://www.cnblogs.com/xuzhengzong/p/8746677.html
阅读更多...
PHP递归实现无限极分类

PHP递归实现无限极分类

PHP递归实现无限极分类 摘要 今天在编码的时候要用到二级的栏目分类，所以顺便就把无限极分类给整理了一下，采用的是递归方法 //实现无限级分类public function getTree(){$categorys Category::all();return $this->makeTree($categorys, cate_id,…
阅读更多...
IO NIO

IO NIO

1,Java NIO Java non-blocking IO 即 非阻塞IO,线程在等待的时候，可以做其他的事情。 2,IO 对比NIO IO 是面向流，NIO 是面向缓冲 面向流是指每次从流中读出一个或者多个字节，直到全部读出为止 面向缓冲区是指将数据先存到一个缓存区 IO 是阻…
阅读更多...
react --- 生命周期 给子组件传递数据

react --- 生命周期 给子组件传递数据

子组件 /src/components/LifeCycle.js import React, { Component } from reactexport class LifeCycle extends Component {constructor(props) {super(props);// 常用于初始化状态(状态初始化、属性初始化)console.log("1.组件构建函数执行");}componentWillMoun…
阅读更多...
Vue---mock.js 使用

Vue---mock.js 使用

mockjs 概述 在我们的生产实际中，后端的接口往往是较晚才会出来，并且还要写接口文档，于是我们的前端的许多开发都要等到接口给我们才能进行，这样对于我们前端来说显得十分的被动，于是有没有可以制造假数据来模拟后端接…
阅读更多...
Java 的抽象类

Java 的抽象类

Java 的抽象类 用abstract关键字来修饰一个类时，这个类叫做抽象类；用abstract来修饰一个方法时，该方法叫做抽象方法。 抽象方法：只有方法的声明，没有方法的实现。以分号结束：abstract int abstractMethod…
阅读更多...
react --- 按需加载组件

react --- 按需加载组件

问题描述 使用 antd库时使用按钮,须导入如下 import Button from antd/lib/button import antd/dist/antd.css这样会导入全局的样式. 解决方案,配置按需加载 1.安装 react-app-rewired取代 react-scripts, 可以扩展webapack 的配置, 类似vue.config.jsnpm install react-ap…
阅读更多...
flask 实现异步非阻塞----gevent

flask 实现异步非阻塞----gevent

我们都知道，flask不支持异步非阻塞的请求，我们可以创建一个新项目去测试一下，推荐大家使用pycharm去开发我们的flask 使用特别的方便。 rom flask import Flask import time app Flask(__name__) app.route(/) def hello_world():time.slee…
阅读更多...
Axure下拉框级联操作

Axure下拉框级联操作

现实生活中有很多的下拉框是级联操作的，即因为第一个下拉框的选择，影响到后面的下拉框的选择的列表的数据。或许在代码中，这些操作相对比较简单，通过前一个下拉框的选择项来控制后一个下拉框的数据的动态添加。那么，如…
阅读更多...
react --- render持续调用解决方案

react --- render持续调用解决方案

问题描述: 在某个组件中.有可能频繁的取数据(但是数据未改变,因此不需要更新).数据的频繁请求会触发render函数,造成性能消耗模拟代码如下 export class CommentList extends Component {constructor(props) {super(props);this.state {comments: []}}// 模拟频繁的获取新数…
阅读更多...
Java 的工厂方法及代理模式

Java 的工厂方法及代理模式

Java 的工厂方法及代理模式 工厂方法(FactoryMethod) 概述：定义一个用于创建对象的接口，让子类决定实例化哪一个类。FactoryMethod使一个类的实例化延迟到其子类。 适用性： 当一个类不知道它所必须创建的对象的类的时候当一个类希望由它的…
阅读更多...
Linux 和 Vim 常用命令整理

Linux 和 Vim 常用命令整理

Sftp常用命令： lcd f：本地切换到 F盘 lpwd本地 当前目录 lls本地 文件列表 put 本地 上传文件到服务器(put输入后，回车会有弹窗，选择上传文件) get下载文件到本地 Linux命令： 1.文件夹的操作 1 pwd：显示…
阅读更多...
最新文章

Copyright @ 2022~2023