本仓库存放前端领域知识积累，学习周期为 2023.4 ~ 2024.10。

Q1:

• 张雯: 微前端的优缺点（文章）
• 姚若尘: 微前端的方案（文章）
• 李艳: 微前端应用间通信（文章+Demo）

Q2.

• 张雯: 微前端 qiankun 实战——搭建基座应用（文章+Demo）
• 姚若尘: qiankun 预加载与缓存（文章+Demo）
• 李艳: 微前端路由管理（文章+Demo）

Q3.

• 姚若尘: qiankun 源码分析——沙箱隔离（Demo）
• 张雯: qiankun 微前端应用加载实现原理（Demo）
• 李艳: 微前端的权限管理（Demo）

Q4.

• 姚若尘: 微前端框架之 single-spa（文章+Demo）
• 张雯: 微前端 micro-app 实战（Demo）
• 李艳: 微前端的性能优化（文章+Demo）

1. 张鹏胜

   • 组件库单元测试实战
   • 组件库 e2e 测试
   • 组件库自动化（Gitlab Action）发布 NPM
   • [ ]

2. 范弘琰

   • 组件库主题的切换
     • 主题可定制化
     • 生成主题 CSS
   • 组件库国际化
   • 组件库 CSS 相关
     • 工具函数
     • SASS
     • color-mix()
     • color-contrast()
   • tailwindcss

1. Kubernetes 朱正浩

   • Kubernetes 部分资源对象实战
     • Pod
     • Deployment
     • Service
     • ConfigMap
     • * 编写 YAML 部署微前端，结合 GitOps
   • Docker
     • Docker Buildx (可指定平台的枚举值)
     • Docker 进阶
     • exec、attach、log、docker compose
     • Install vim inside Ningx container
   • What's gRPC?
     • gRPC 封装前端网络请求
     • 用 protoc 编译 go 文件成 ts 文件，包含类型和远程调用方法

2. CICD 孙国斌

   • Jenkins
     • Jenkins 配置
     • 创建任务
     • 配置 Git hooks
     • 实现自动化构建流程
     • 实现自动化部署流程
   • CI/CD 管道
     • 阶段
     • 模式
     • Workflow
   • CICD 流水线

3. Git 朱正浩

   • Git 高级特性
     • Git rebase
     • Git stash
     • Git diff
     • Git reset
     • 常用命令
   • Git 规范
     • 分支
     • commit
     • PR
     • issue/feature/bug Templates
     • Git hooks
     • tag、Release
   • GitHub Actions
   • *Gitlab Job

4. Nginx 张茜

   • Nginx 配置及应用
     • 静态资源代理
     • 反向代理
     • 高级配置
       • websocket
       • http2
     • 跨域
   • 负载均衡
     • 轮询
     • 加权轮询
     • IP 哈希
     • 其他算法
     • 应用场景
   • Linux 命令
     • 常用命令 ls、rm、tail、cd
     • 文件命令 touch、which、cp、cat、grep、find、curl
     • 目录命令 pwd、mkdir、rmdir
     • 进程 kill、ps、top
     • 其他 mv、ping、telnet、管道｜、clear、alias

每个组需要完成 12 次周会分享，分享时间 30min 以上。

• 所有文档均使用 Markdown 的格式
• 如果所研究的主题有 Demo 演示，需在对应 samples 的目录下，创建子目录存放 Demo 代码

1. Fork 仓库
2. git clone [your repository url] // 指定上游仓库 用于同步上游仓库最新代码（git fetch upstream 或者 git merge upstream/master）
3. git remote add upstream [email protected]:Zhuzhenghao/braindump.git
4. git checkout -b [your new branch]
5. git commit -m '[a message]'
6. git push [your branch]
7. Create a merge request form your repository to Zhuzhenghao/braindump
8. The title of pr can be the same as the commit message
9. Assign your pr reviewer: /assign_reviewer @user

// commit message
  <type>(<scope>): <subject>

// type: feat/fix/docs
// scope: the changes related modules (eg:tool-libraries)
// subject: detailed description of the changes

// eg: feat(tool-libraries): add docker related docs

• 添加 Markdown lint
• GitBook
• Git Ignore