本仓库存放前端领域知识积累,学习周期为 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)
-
张鹏胜
- 组件库单元测试实战
- 组件库 e2e 测试
- 组件库自动化(Gitlab Action)发布 NPM
- [ ]
-
范弘琰
- 组件库主题的切换
- 主题可定制化
- 生成主题 CSS
- 组件库国际化
- 组件库 CSS 相关
- 工具函数
- SASS
- color-mix()
- color-contrast()
- tailwindcss
- 组件库主题的切换
-
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 文件,包含类型和远程调用方法
- Kubernetes 部分资源对象实战
-
CICD 孙国斌
- Jenkins
- Jenkins 配置
- 创建任务
- 配置 Git hooks
- 实现自动化构建流程
- 实现自动化部署流程
- CI/CD 管道
- 阶段
- 模式
- Workflow
- CICD 流水线
- Jenkins
-
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
- Git 高级特性
-
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
- Nginx 配置及应用
每个组需要完成 12 次周会分享,分享时间 30min 以上。
- | 日期 | 主题 | 主讲人 |
---|---|---|---|
✅ | 4.4 | Git 高级特性 | 朱正浩 |
✅ | 4.11 | 组件库单元测试实战 | 张鹏胜 |
✅ | 4.18 | 微前端的优缺点 | 张雯 |
🙈 | 4.25 | 虚拟子服务 | 孙国斌 |
✅ | 5.9 | Jenkins 使用分享 | 孙国斌 |
✅ | 5.16 | Gitlab CICD Demo | 朱正浩 |
✅ | 5.23 | 微前端的方案 | 姚若尘 |
🙈 | 5.30 | ||
✅ | 6.8 | Nginx 配置及应用 | 张茜 |
✅ | 6.20 | 组件库主题的切换 | 范弘琰 |
🙈 | 6.27 | ||
🕑 | 7.4 | 微前端应用间通信 | 李艳 |
🕑 | 7.18 | Kubernetes 部分资源对象实战 | 朱正浩 |
🙈 | 7.25 | 李艳 | |
🕑 | 8.1 | 尚硅谷 Webpack5 入门到原理 | P1-P6 |
🕑 | 8.15 | 尚硅谷 Webpack5 入门到原理 | P7 - P12 |
🙈 | 8.29 | 张鹏胜 | |
🕑 | 9.5 | Git 规范 | 朱正浩 |
🕑 | 9.19 | 组件库 e2e 测试 | 张鹏胜 |
🙈 | 9.26 | 司琴 | |
🕑 | 10.10 | 前端跨端方案 | 司琴 |
🕑 | 10.24 | CI/CD 管道 | 孙国斌 |
🙈 | 10.31 | 姚若尘 | |
🕑 | 11.7 | 尚硅谷 Webpack5 入门到原理 | P13 - P19 |
🕑 | 11.21 | 微前端路由管理 | 李艳 |
🙈 | 11.28 | 李艳 | |
🕑 | 12.5 | 尚硅谷 Webpack5 入门到原理 | P20 - P26 |
🕑 | 12.12 | WASM | 朱正浩 |
🕑 | 12.19 | 微前端框架之 single-spa | 姚若尘 |
🙈 | 12.26 | 孙国斌 | |
🕑 | 1.9 | What's gRPC? | 司琴 |
🕑 | 1.23 | 尚硅谷 Webpack5 入门到原理 | P27 - P33 |
🙈 | 1.30 | 朱正浩 | |
🕑 | 2.6 | 尚硅谷 Webpack5 入门到原理 | P34 - P41 |
🕑 | 2.20 | 尚硅谷 Webpack5 入门到原理 | P42 - P49 |
🙈 | 2.27 | 张鹏胜 | |
🕑 | 3.5 | 组件库全局可配置化 | 张鹏胜 |
🕑 | 3.19 | 尚硅谷 Webpack5 入门到原理 | P50 - P54 |
🙈 | 3.26 | 李艳 | |
🕑 | 4.2 | 微前端的权限管理 | 李艳 |
🕑 | 4.16 | 尚硅谷 Webpack5 入门到原理 | P55 - P59 |
🙈 | 4.30 | 姚若尘 | |
🕑 | 5.7 | qiankun 预加载与缓存 | 姚若尘 |
🕑 | 5.21 | GitHub Actions | 朱正浩 |
🙈 | 5.28 | 孙国斌 | |
🕑 | 6.4 | 尚硅谷 Webpack5 入门到原理 | P60 - P64 |
🕑 | 6.18 | 尚硅谷 Webpack5 入门到原理 | P65 - P71 |
🙈 | 6.25 | 张鹏胜 | |
🕑 | 7.2 | 尚硅谷 Webpack5 入门到原理 | P72 - P77 |
🕑 | 7.16 | 组件库自动化(Gitlab Action)发布 NPM | 张鹏胜 |
🙈 | 7.30 | 姚若尘 | |
🕑 | 8.6 | 微前端的性能优化 | 李艳 |
🕑 | 8.20 | CICD 流水线 | 孙国斌 |
🙈 | 8.27 | 孙国斌 | |
🕑 | 9.3 | 组件库编译、组件库支持全量引入与独立引入 | 张鹏胜 |
🕑 | 9.10 | 尚硅谷 Webpack5 入门到原理 | P78 - P81 |
🙈 | 9.24 | 姚若尘 | |
🕑 | 10.8 | 尚硅谷 Webpack5 入门到原理 | P82 - P84 |
🕑 | 10.15 | 尚硅谷 Webpack5 入门到原理 | P85 - P88 |
🙈 | 10.29 | 朱正浩 | |
🕑 | 11.5 | qiankun 源码分析——沙箱隔离 | 姚若尘 |
🕑 | 11.12 | 监控系统「错误监控、性能监控、网络以及资源监控、用户行为监控」 | 司琴 |
🙈 | 11.26 | 司琴 |
待定 | |||
---|---|---|---|
🕑 | 组件库国际化 | 范弘琰 | |
🕑 | 组件库 CSS 相关 | 范弘琰 | |
🕑 | tailwindcss | 范弘琰 | |
🕑 | 微前端 qiankun 实战——搭建基座应用 | 张雯 | |
🕑 | 乾坤微前端应用加载实现原理 | 张雯 | |
🕑 | 微前端 micro-app 实战 | 张雯 | |
🕑 | Nginx 负载均衡 | 张茜 | |
🕑 | Linux 命令 | 张茜 |
- 所有文档均使用 Markdown 的格式
- 如果所研究的主题有 Demo 演示,需在对应
samples
的目录下,创建子目录存放 Demo 代码
- Fork 仓库
- git clone [your repository url] // 指定上游仓库 用于同步上游仓库最新代码(git fetch upstream 或者 git merge upstream/master)
- git remote add upstream [email protected]:Zhuzhenghao/braindump.git
- git checkout -b [your new branch]
- git commit -m '[a message]'
- git push [your branch]
- Create a merge request form your repository to Zhuzhenghao/braindump
- The title of pr can be the same as the commit message
- 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