概述 作为一个前端,我觉得必须要学会使用 docker 干下面几件事: 部署前端应用 部署 nginx 给部署的 nginx 加上 https 使用 docker compose 进行部署 给 nginx 加上 redis 使用 kubernetes 下面我按照这个节奏一一研究一遍,把心得记录下来,供以后开发时参考,相信对其他人也有用. 参考资料: docker nginx Beginner's Guide 注意:因为我正在申请域名和云服务器,所以暂时还不能给部署的 nginx 加上 https…

概述 作为一个前端,我觉得必须要学会使用 docker 干下面几件事: 部署前端应用 部署 nginx 给部署的 nginx 加上 https 使用 docker compose 进行部署 给 nginx 加上 redis 使用 kubernetes 下面我按照这个节奏一一研究一遍,把心得记录下来,供以后开发时参考,相信对其他人也有用. 参考资料: docker nginx Beginner's Guide 部署 nginx 1.拉取 nginx 镜像.输入下面的命令远程拉取最新版本的 ngin…

概述 作为一个前端,我觉得必须要学会使用 docker 干下面几件事: 部署前端应用 部署 nginx 给部署的 nginx 加上 https 使用 docker compose 进行部署 给 nginx 加上 redis 使用 kubernetes 下面我按照这个节奏一一研究一遍,把心得记录下来,供以后开发时参考,相信对其他人也有用. 部署前端应用 (安装 docker 的过程就略去了,请自行查看官方文档安装) 1.我们设置国内镜像,方便以后下载镜像文件. 1.点击屏幕上方的鲸鱼 docker…

1.前言 前段时间,自己搞了个阿里云的服务器.想自己在上面折腾,但是不想因为自己瞎折腾而污染了现有的环境.毕竟,现在的阿里云已经没有免费的快照服务了.要想还原的话,最简单的办法就是重新装系统.而一旦重装,之前的搭建的所有环境就都白搭了. 再加上之前本身就想引入docker,所以就打算利用docker容器来部署这次的前端应用. 2.构建前端应用 在打包之前,首先需要一个可正常运行的前端应用.这个可以使用umi或者create-react-app来构建. 3.nginx的默认配置文件 然后需要在项目…

web前端开发需要具备以下7种技能: 1.页面标记(HTML) HTML页面固定,标签不多,相对来说学起来比较容易.编写HTML代码需遵循HTML代码规范(http://www.cnblogs.com/webDriver/p/7050911.html).HTML是页面结构的基础组成部分,是网站的基础,臃肿混乱的HTML代码不但会影响 其本身的表现,而且与其对应的css和javascript代码也会变得难以编写和维护. 2.页面样式css(Cascading Style Sheet) 在标准的页面…

他山之石,可以攻玉. 话说本人从毕业到现在一直在某 B 公司工作,前些年折腾过不少开发方式和工具,但总觉得或许有更好的方案,所以很好奇其它公司内部是如何工作的,我曾经浏览过某 Y 公司内部无所不包的 TWiki,也拜访过某 F 总部了解他们的开发流程,但对某 G 公司却了解不多,只零零碎碎知道一些,这两天抽空梳理了之前收集到的各种资料,希望能给 FEX 后续改进提供参考. 注意:以下内容主要信息来自网上收集.『In The Plex』这本书及闲聊,纯粹为了技术交流和讨论,仅代表个人观点,本人从未…

概述 作为一个前端,我觉得必须要学会使用 nginx 干下面几件事: 代理静态资源 设置反向代理(添加https) 设置缓存 设置 log 部署 smtp 服务 设置 redis 缓存(选) 下面我按照这个节奏一一研究一遍,把心得记录下来,供以后开发时参考,相信对其他人也有用. 设置 log nginx 的日志分为访问日志和错误日志,在配置中加入如下命令即可开启日志: access_log /Users/zhouyang/Documents/tencent/test/local-nginx/ng…

概述 作为一个前端,我觉得必须要学会使用 nginx 干下面几件事: 代理静态资源 设置反向代理(添加https) 设置缓存 设置 log 部署 smtp 服务 设置 redis 缓存(选) 下面我按照这个节奏一一研究一遍,把心得记录下来,供以后开发时参考,相信对其他人也有用. 设置缓存 缓存一般是设置在 location 块里面,示例代码如下: events { # worker_connections 1024; ## Default: 1024 } http { server { list…

概述 作为一个前端,我觉得必须要学会使用 nginx 干下面几件事: 代理静态资源 设置反向代理(添加https) 设置缓存 设置 log 部署 smtp 服务 设置 redis 缓存(选) 下面我按照这个节奏一一研究一遍,把心得记录下来,供以后开发时参考,相信对其他人也有用. 参考资料: 前端工程师学习 Nginx 入门篇 设置反向代理 为什么叫反向代理?因为一般的代理是代理客户端,而如果我们要代理服务器的话,就好像反向一样,所以叫反向代理.所以我们把代理服务器的代理都叫反向代理. nginx…

概述 作为一个前端,我觉得必须要学会使用 nginx 干下面几件事: 代理静态资源 设置反向代理(添加https) 设置缓存 设置 log 部署 smtp 服务 设置 redis 缓存(选) 下面我按照这个节奏一一研究一遍,把心得记录下来,供以后开发时参考,相信对其他人也有用. 参考资料: nginx 基本入门 Beginner's Guide nginx 重要点 (nginx 的安装我就不介绍了,自己按文档安装就行) 1.如果 nginx 已经开启,那么可以使用如下命令控制 nginx ngi…