Hello, Boswell!

架构

  1. 对应场景下,将满足需求的项目结构从零到一搭建起来的过程可称为架构,并且对应的工作人员可称为架构师。

  2. 一幅漂亮的架构图既是创作者的深度结构化思考和表达,对于读者来说也更加容易理解架构所要表达的意思。

前端应用程序

  • ui(视图层方案)

    • vue/react/angular
  • model(数据层方案)

    • vuex
  • 技术栈

    • js
    • css
    • html
    • vue+vue-router-vuex-vue-cli
    • 算法+数据结构
    • 程序设计 = 可扩展+可复用
    • 性能 = 懒加载 + 高效算法 + 内存(垃圾回收)
    • 用户体验(动画等)
  • 优秀的程序代码的特点

    • 高并发
    • 高可用
      • 健壮/容错能力强(异常,兼容)
      • 高性能
    • 可拓展
    • 可复用
    • 可维护
      • 尽量减少改动时要编辑的地方
    • 可读性
  • 编码

    • 类型安全
    • 测试

学习范围

  • 语言

    • JS/TS/Vue/Angular/React/Three.js/NodeJs
    • English/Chinese
  • 平台

    • 浏览器
    • 小程序
    • Node
  • 思想

    • 编程范式
    • 设计模式
    • 数据结构和算法
    • 程序架构
    • 工程化
  • 基础

    • 数字电路
    • 计算机组成原理
    • 计算机网络
    • 操作系统
    • 图形学
    • 编译器
  • 工程化

    • 开发效率vscode,开发工具,公共库,工具方法,组件等沉淀
    • 版本管理git,git-extension
    • 单元测试jest
    • 统一语法检查eslint
    • 统一代码格式化prettier
    • 统一编辑器格式editorconfig
    • 代码编译babel
    • 样式编译postcss
    • 构建打包webpack
    • 目标环境(兼容性+降级方案)browserslist
    • 持续集成
  • 规范

    • css: BEM
Last Updated:
Contributors: Boswell, Boswell, mingzhuang.ji