OS

• unix

  • linux

• windows

• darwin/MacOS

• android

• ios/ipadOS

• harmony

• dragonfly

• chrome

CISC

桌面端

• intel
  • x86 IA32 i386（32bit）
  • x64 IA64 x86_64（64bit）
• amd
  • amd32 (32bit)
  • amd64（64bit）
• • 32
  • 64

RISC

移动端 嵌入式 小型 苹果系列

• arm/aarch
• mips
• risc-v

deno

JS Runtime

• JS engine
• internal API

deno node bun

FTP

file transfer protocol

SFTP

Secure File Transfer Protocol

HTTP HTTPS

环境变量

shell变量

env

PATH

single binary executable bit

zsh sh csh

[root@iZ0jlec10s3a8rm9eafs2vZ ~]# vim .bashrc [root@iZ0jlec10s3a8rm9eafs2vZ ~]# source .bashrc

bin

single binary executable bit

Demo.java

javaScript

解释型 node index.js bun run index.js

go

编译型 go build index.go

java/kotlin

编译型 + 解释型语言 javac Demo.java

• Demo.class

java Demo

C

编译型语言 index.c

gcc index.c -o index

PHP

解释型语言

swift/OC

大前端

• 跨端
  • 桌面端
    • 台式电脑
    • 笔记本电脑
  • 移动端
    • 手机
    • 平板
    • 手表
  • web端
    • web网页
    • h5 手机端网页
  • 小程序
  • 嵌入式设备 web js html css js 移动端 js --- React Native android java、kotlin ios object-c、swift 桌面端 js --- Electron JS windows linux macOS

工程化

• 转译
  • babel
  • swc
• 打包工具
  • webpack
  • vite
  • esbuild
  • turbopack
  • rollup
• 测试工具
  • jest vitest
  • cypress
  • playwright
  • storybook
• 任务流
  • grunt
  • gulp
• monorepo
  • turporepo
  • pnpm
  • yarn
  • npm
  • lerna
• lint工具
  • eslint
  • prettier
• 代码协同
  • husky
  • commitlint

业务逻辑 后端（服务端） full stack

D2C

• 业务逻辑
• 工程 大前端 -- fullstack
• 垂直 web3D threeJS WebVR AR 音视频

• 大模型 GPT
• 业务 少写一些UI或者逻辑 专注于业务 《-- 赋能

web

• jsx
• html
• vue-template
• angular
• ……

mobile

• android
  • java
  • kotlin
• ios
  • oc
  • swift
• fultter

desktop

• electron
  • html
  • jsx
  • vue

IDE

nextjs react fullstack nuxtjs

nestjs ioc di aop 装饰器模式 js 装饰器

三层架构

• 控制层 路由层
• 业务逻辑层 处理逻辑的
• 持久层 数据访问层 Database

MVC

• 模型 Model
• 视图 View
• 控制器 Controller

SpringMVC

Springboot

• Spring
• SpringMVC Mybatis

SSM

• Spring
• SpringMVC
• Mybatis