Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
shfshanyue committed May 25, 2022
1 parent bf234a3 commit 95db09e
Show file tree
Hide file tree
Showing 3 changed files with 15 additions and 6 deletions.
2 changes: 1 addition & 1 deletion deploy/cra-docker.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@

实际上,即使你们技术栈是 Vue 也无所谓,本系列文章很少涉及 React 相关内容,只要你们项目是单页应用即可。

> PS: 本项目以 [cra-deploy](https://github.com/shfshanyue/simple-deploy) 仓库作为实践,配置文件位于 [simple.Dockerfile](https://github.com/shfshanyue/cra-deploy/blob/master/simple.Dockerfile)
> PS: 本项目以 [cra-deploy](https://github.com/shfshanyue/cra-deploy) 仓库作为实践,配置文件位于 [simple.Dockerfile](https://github.com/shfshanyue/cra-deploy/blob/master/simple.Dockerfile)
## 单页应用的静态资源

Expand Down
10 changes: 9 additions & 1 deletion deploy/simple-docker.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,11 +17,13 @@

你可以**在本地安装 docker**完成本篇文章的部署实践内容,部署内容与上篇文章一致。在本篇文章之前,你需要先做一些功课:

1. 在本地安装 docker/docker-compose。通过 [Docker Desktop](https://www.docker.com/products/docker-desktop) 下载 docker 后,双击安装即可。
1. 在本地安装 docker/docker-compose。通过 [Docker Desktop](https://www.docker.com/get-started/) 下载 docker 后,双击安装即可。
1. 了解 [Dockerfile Reference](https://docs.docker.com/engine/reference/builder/)。了解最常见的 FROM/ADD/CMD 即可。不需要全部过一遍,遇到没见过的指令及时查阅即可。
1. 了解 [Compose file Reference](https://docs.docker.com/compose/compose-file/compose-file-v3/)。不需要全部过一遍,遇到没见过的指令及时查阅即可。
1. 了解 [Docker Hub](https://hub.docker.com/)。在该网站,可查找适合于自己的诸多基础镜像,比如 [node](https://hub.docker.com/_/node)[nginx](https://hub.docker.com/_/nginx)

如果你在此之前没有学习过 Docker,可参照山月以前的文章 [Docker 简易入门](https://shanyue.tech/op/docker.html) 进行学习

> PS: 本项目以 [simple-deploy](https://github.com/shfshanyue/simple-deploy) 仓库作为实践,配置文件位于 [node.Dockerfile](https://github.com/shfshanyue/simple-deploy/blob/master/node.Dockerfile)
## 在本地启动并运行项目
Expand Down Expand Up @@ -191,6 +193,12 @@ $ docker build --progress plain --no-cache .
5 DONE 0.3s
```

## 作业

+ 初阶: 了解 docker 常见操作,如构建镜像、运行容器、进入容器执行命令
+ 高阶: docker 原理,如何模拟 docker 隔离环境及限制资源
+ 面试: Dockerfile、Image、Container 的区别

## 小结

通过本篇文章,我们已经可以通过 Docker 完成对极简前端项目的部署。
Expand Down
9 changes: 5 additions & 4 deletions mock/220522.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,15 +22,16 @@
+ ES6
+ 如何学习
+ 构造100个全为0的数组
+ Array.fill
+ Array.prototype.fill
+ Array.from
+ Array.prototype.flat
+ TypedArray/ArrayBuffer ✅
+ uint8
+ uint16
+ WebStream API / 了解即可
+ Streams API / 了解即可
+ Streams API: https://developer.mozilla.org/en-US/docs/Web/API/Streams_API
+ Image Capture ✅
+ getMediumStream
+ MediaStream API: https://developer.mozilla.org/en-US/docs/Web/API/MediaStream
+ https://developer.mozilla.org/en-US/docs/Web/API/ImageCapture
+ Blob API ✅
+ savaAs 源码
Expand All @@ -47,7 +48,7 @@
+ priority
+ 对头阻塞
+ server push
+ undici ✅
+ undici (http1.1 的请求库)
+ server push 与 ws 的区别
+ https://q.shanyue.tech/base/http/392.html
+ webpack 学习及优化
Expand Down

0 comments on commit 95db09e

Please sign in to comment.