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

前端工具

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

編程知識儲備

• 瀏覽器基礎(chǔ)

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

  • 瀏覽器渲染原理
    

  • 跨域

  • 瀏覽器存儲

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

  • 堆棧、隊列、數(shù)組
  • 鏈表、樹、圖

• 算法

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

• 設(shè)計模式
  

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

• 編程思維

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

HTML

HTML介紹

CSS

• CSS
• Sass

Javascirpt基礎(chǔ)

• 書籍
  • 《JavaScirpt 高級程序設(shè)計 》
• 基礎(chǔ)
  • 基本類型、作用域、原型鏈、繼承、This、閉包
  • 異步、事件循環(huán)、事件流 、深拷貝、淺拷貝
  • BOM、DOM
  • Ajax、Promise
  • es6 let/const/var
  • 微任務(wù)/宏任務(wù)
• 安全
  • XSS

Javascirpt 進(jìn)階

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

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

• 可視化

  • Echarts
  • Threejs
  • Openlayer
  • 高德地圖

• 工具

  • lodash、dayjs、

• 移動端

  • H5
  • UniAPP
  • 小程序

框架

• Vue
  • Vuex
  • Vue-Router

服務(wù)端

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

前端工程化

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

    • Webpack

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

    • Postcss

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

軟實力

• Markdown
• PPT
• 流程圖

棧外技術(shù)

產(chǎn)品

• 工具
• 思維模型

UI

• 組件庫設(shè)計

后端知識體系

測試

運維

項目經(jīng)理

工程經(jīng)驗

解決方案

• 技術(shù)選型

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

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

• 性能優(yōu)化

• CI/CD

• 日志監(jiān)控

• 系統(tǒng)測試

• 國際化

• 中臺

• 多頁面

軟實力

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

帶人做事

管人

招聘

• 招聘要求

• 面試

• 設(shè)置考核點

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

帶新

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

考核

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

培養(yǎng)

團(tuán)隊

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

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

• 開源
• 分享
• 文章
• 團(tuán)隊

做事業(yè)

解決方案

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

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

數(shù)據(jù)中臺

技術(shù)中臺

后臺管理系統(tǒng)

Apass