棧內(nèi)技術(shù)

前端工具

• Git
  • Git 基本操作
  • GitFlow
• VScode
• Chrome Dev Tools
• Npm yarn pnpm
• APIfox

編程知識(shí)儲(chǔ)備

• 瀏覽器基礎(chǔ)

  • 計(jì)算機(jī)網(wǎng)絡(luò)

  • 瀏覽器渲染原理
    

  • 跨域

  • 瀏覽器存儲(chǔ)

• 數(shù)據(jù)結(jié)構(gòu)

  • 堆棧剑辫、隊(duì)列、數(shù)組
  • 鏈表被啼、樹(shù)斩披、圖

• 算法

  • 排序算法、去重
  • 遞歸晕粪、回溯

• 設(shè)計(jì)模式
  

  • 設(shè)計(jì)模式基礎(chǔ)
    • 單例模式挤悉、工廠模式、發(fā)布訂閱模式
  • 設(shè)計(jì)原則

• 編程思維

  • 面向?qū)ο?/li>
  • 切面編程
  • 函數(shù)式編程

HTML

HTML介紹

CSS

• CSS
• Sass

Javascirpt基礎(chǔ)

• 書(shū)籍
  • 《JavaScirpt 高級(jí)程序設(shè)計(jì) 》
• 基礎(chǔ)
  • 基本類型巫湘、作用域装悲、原型鏈、繼承尚氛、This诀诊、閉包
  • 異步、事件循環(huán)阅嘶、事件流 属瓣、深拷貝、淺拷貝
  • BOM讯柔、DOM
  • Ajax奠涌、Promise
  • es6 let/const/var
  • 微任務(wù)/宏任務(wù)
• 安全
  • XSS

Javascirpt 進(jìn)階

• 書(shū)籍
  • 《JavaScript設(shè)計(jì)模式》
  • 《你不知道的Javascript 》
• 基礎(chǔ)
  • Javascript 核心原理
    • delete 0；刪除的是什么

刪除的是表達(dá)式的結(jié)果磷杏，如果delete 運(yùn)算發(fā)現(xiàn)它的操作數(shù)是“值/非引用類型”就直接返回true

• 可視化

  • Echarts
  • Threejs
  • Openlayer
  • 高德地圖

• 工具

  • lodash溜畅、dayjs、

• 移動(dòng)端

  • H5
  • UniAPP
  • 小程序

框架

• Vue
  • Vuex
  • Vue-Router

服務(wù)端

• Nginx
  • 跨域
  • 緩存极祸、gizp慈格、
  • 負(fù)載均衡
• linux

前端工程化

• 工程化基礎(chǔ)
  • AST
• 部署流程
  • 代碼檢查
  • 壓縮合并
  • 文檔輸出
  • 項(xiàng)目構(gòu)建工具

    • Webpack

      • webpack -vite 原理的區(qū)別

    • Postcss

• 代碼組織
  • 組件化
  • 模塊化
  • 微前端
    • qiankun
• 代碼規(guī)范
  • 前端規(guī)范
  • Vue2組件編碼規(guī)范
• 高質(zhì)量
  • 代碼質(zhì)量
    • 檢查清單
  • 監(jiān)控
  • 性能優(yōu)化
    • 雅虎軍規(guī)
    • 代碼編寫(xiě)階段
    • 工程構(gòu)建階段
    • 瀏覽器渲染階段

軟實(shí)力

• Markdown
• PPT
• 流程圖

棧外技術(shù)

產(chǎn)品

• 工具
• 思維模型

UI

• 組件庫(kù)設(shè)計(jì)

后端知識(shí)體系

測(cè)試

運(yùn)維

項(xiàng)目經(jīng)理

工程經(jīng)驗(yàn)

解決方案

• 技術(shù)選型

• 架構(gòu)設(shè)計(jì)

  • 架構(gòu)圖設(shè)計(jì)
  • 技術(shù)文檔編寫(xiě)

• 性能優(yōu)化

• CI/CD

• 日志監(jiān)控

• 系統(tǒng)測(cè)試

• 國(guó)際化

• 中臺(tái)

• 多頁(yè)面

軟實(shí)力

• 學(xué)習(xí)的方式
• 解決問(wèn)題的方式
• 溝通的方式
• 做事的風(fēng)格
  • 高效
  • 明確目標(biāo)

帶人做事

管人

招聘

• 招聘要求

• 面試

• 設(shè)置考核點(diǎn)

  • 了解候選人
  • 考核技術(shù)
  • 考核管理
  • 團(tuán)隊(duì)介紹
  • 需求是否匹配

帶新

• 入職
• 熟悉業(yè)務(wù)
• 自我展示
• 自我成長(zhǎng)

考核

• 技術(shù)考核
  • 1、接到任務(wù)后遥金，記得明確大概時(shí)間
  • 2浴捆、需要反饋階段性的成果情況，及時(shí)溝通情況稿械，目標(biāo)無(wú)偏差选泻，無(wú)發(fā)散。
  • 3美莫、明確演示用例页眯，確定演示用例能達(dá)到討論的需求
  • 4、記錄過(guò)程厢呵，可分享

培養(yǎng)

團(tuán)隊(duì)

• 管/帶
  • 管：我不懂窝撵，但你懂，你得把這個(gè)事兒做好襟铭；
  • 帶：你不懂碌奉，我懂短曾，但我希望你把這個(gè)事兒做好菩彬；
• 目標(biāo)
  • 明確目標(biāo)
    • 提供模板方案
    • 允許創(chuàng)新和發(fā)散
  • 提問(wèn)
    • 引導(dǎo)思維
    • 經(jīng)驗(yàn)分享
  • 階段驗(yàn)收
• 1+1 >2
  • 發(fā)揮擅長(zhǎng)
  • 團(tuán)隊(duì)提升

業(yè)界發(fā)聲

• 開(kāi)源
• 分享
• 文章
• 團(tuán)隊(duì)

做事業(yè)

解決方案

數(shù)字孿生![城市數(shù)字孿生技術(shù)架構(gòu).png]

物聯(lián)網(wǎng)

數(shù)據(jù)中臺(tái)

技術(shù)中臺(tái)

后臺(tái)管理系統(tǒng)

Apass