大前端成長路徑

路徑(持續更新):

  • 以下是我不同時期的博客鏈接
  • 可以和我的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.pswp.cn/news/250598.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/250598.shtml
英文地址,請注明出處:http://en.pswp.cn/news/250598.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

工具: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的操作和遍歷

List&Map&Set的操作和遍歷 Java的三大集合即:Set、List、Map。 Set:代表無序、不可重復的集合,常用的有HashSet(哈希表實現)、TreeSet(紅黑樹實現);List:代表有序…

PHP中的魔術方法

概述 在面向對象編程中,PHP提供了一系列的魔術方法,這些魔術方法為編程提供了很多便利。PHP中的魔術方法通常以__(兩個下劃線)開始,并且不需要顯示的調用而是由某種特定的條件出發。這篇文章簡單總結了PHP中提供的魔術方法。 開始之前 在總結…

執行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中輸入vbs-vue 然后產生一個自己想要的模板 寫好模板 在線上寫好模板傳送門: https://snippet-generator.app/ 1是標題,對應 2是前綴.對應在vue中使用的快捷鍵 vbs-vue3就是需要顯示的代碼段了 在vscode中配置 1.ctrlshiftp2.選擇 Preferences: Configure U…

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格式化解決方案

選擇右下角的語言 在彈出框搜react選擇 JavaScript React(或者根據需求選擇 TypeScript React) 快捷鍵, windows下 Alt SHIFT F

【商城購物車】購物車邏輯

轉載于:https://www.cnblogs.com/xuzhengzong/p/8746677.html

PHP遞歸實現無限極分類

PHP遞歸實現無限極分類 摘要 今天在編碼的時候要用到二級的欄目分類,所以順便就把無限極分類給整理了一下,采用的是遞歸方法 //實現無限級分類public function getTree(){$categorys Category::all();return $this->makeTree($categorys, cate_id,…

IO NIO

1,Java NIO Java non-blocking IO 即 非阻塞IO,線程在等待的時候,可以做其他的事情。 2,IO 對比NIO IO 是面向流,NIO 是面向緩沖 面向流是指每次從流中讀出一個或者多個字節,直到全部讀出為止 面向緩沖區是指將數據先存到一個緩存區 IO 是阻…

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 使用

mockjs 概述 在我們的生產實際中,后端的接口往往是較晚才會出來,并且還要寫接口文檔,于是我們的前端的許多開發都要等到接口給我們才能進行,這樣對于我們前端來說顯得十分的被動,于是有沒有可以制造假數據來模擬后端接…

Java 的抽象類

Java 的抽象類 用abstract關鍵字來修飾一個類時,這個類叫做抽象類;用abstract來修飾一個方法時,該方法叫做抽象方法。 抽象方法:只有方法的聲明,沒有方法的實現。以分號結束:abstract int abstractMethod…

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不支持異步非阻塞的請求,我們可以創建一個新項目去測試一下,推薦大家使用pycharm去開發我們的flask 使用特別的方便。 rom flask import Flask import time app Flask(__name__) app.route(/) def hello_world():time.slee…

Axure下拉框級聯操作

現實生活中有很多的下拉框是級聯操作的,即因為第一個下拉框的選擇,影響到后面的下拉框的選擇的列表的數據。或許在代碼中,這些操作相對比較簡單,通過前一個下拉框的選擇項來控制后一個下拉框的數據的動態添加。那么,如…

react --- render持續調用解決方案

問題描述: 在某個組件中.有可能頻繁的取數據(但是數據未改變,因此不需要更新).數據的頻繁請求會觸發render函數,造成性能消耗模擬代碼如下 export class CommentList extends Component {constructor(props) {super(props);this.state {comments: []}}// 模擬頻繁的獲取新數…

Java 的工廠方法及代理模式

Java 的工廠方法及代理模式 工廠方法(FactoryMethod) 概述:定義一個用于創建對象的接口,讓子類決定實例化哪一個類。FactoryMethod使一個類的實例化延遲到其子類。 適用性: 當一個類不知道它所必須創建的對象的類的時候當一個類希望由它的…

Linux 和 Vim 常用命令整理

Sftp常用命令: lcd f:本地切換到 F盤 lpwd本地 當前目錄 lls本地 文件列表 put 本地 上傳文件到服務器(put輸入后,回車會有彈窗,選擇上傳文件) get下載文件到本地 Linux命令: 1.文件夾的操作 1 pwd:顯示…