51工具盒子
Dockerfile 中的 multi-stage 特性，Vue 项目多阶段构建实战
最近在写一个 Vue 项目，并已经实现 Docker 镜像构建和容器化部署，之前也分享过一篇文章关于 Vue 项目的静态资源打包和镜像构建。但是之前在镜像构建之前是需要使用 npm 进行项目打包生产 dist 文件之后才能进行镜像构建，不过最近我在使用 Jenkins pipeline 的时候突然想到了 Dockerfile 的多阶段构建，完全可以使用这个特性直接构建出镜像。 ...
白嫖帮
Jenkins 构建 vue 项目镜像并推送到阿里云镜像仓库
最近准备写一个只使用前端 vue 的项目，项目最终形态是一个导航页面，虽然页面很简单，但是为了学习一些 vue 的主要插件的用法，所以打算尽可能地使用更多的 vue 插件来完成。 正所谓两军交战，粮草先行，既然这个项目使用的是 vue，只涉及前端，所以最好的运行方式莫过于容器化，所以这里我把项目的基本结构创建了之后第一步就是创建 docker 支持，这样也方便随时部署到服务器...
VirtualBox 安装 CentOS 7 系统并通过主机 ssh 连接虚拟机
我自己的云服务器是 Ubuntu 系统，自己之前使用的本机虚拟机也都是 Ubuntu 系统，但是一般公司使用的多半是 CentOS 或者其他类似的系统，很少使用 Ubuntu 系统，而且我们公司也都是使用的基于 CentOS 的系统，所以为了更方便于自己将学到的东西应用到工作中，决定开始使用 CentOS 的虚拟机。 为了学习新的系统，使用 VirtualBox 创建虚拟机是...
网站实现变灰的CSS代码
新浪网（https://www.sina.com.cn）网站变灰。 [](http://static.51tbox.com/s...
HTML中contenteditable属性 修改样式实时预览
contenteditable是HTML中的一个属性，当标签设置`contenteditable="true"`时，即能对该标签元素进行编辑。 当`style`标签设置`contenteditable`后，能在页面直接编辑css样式，实时预览效果。 下面放一小段代码： <!DOCTYPE HTML> <html>...
Chrome浏览器谷歌翻译无法使用？修改host文件解决
最近Chrome浏览器内置的网页翻译功能无法使用了，影响了不少使用谷歌浏览器的用户。可以用Microsoft Edge浏览器或其它国内浏览器，都带有网页翻译功能。 通过修改本地host文件，以便能正常使用谷歌浏览器的翻译功能。 203.208.40.66 translate.googleapis.com 203.208.39.226 translate.go...
Chrome谷歌浏览器截图方法，无需下载插件
以下在Windows平台进行操作，Chrome版本96。 1.打开Chrome浏览器。 2.打开浏览器开发者模式，以下有 3 种方式。 * 页面右键，点击「检查」； * 按键盘上的「F12」键；（笔记本注意FN快捷键设置） * 浏览器右上角，依次点击「设置」-\>「更多工具」-\>「开发者工具」； [
关于收取Google AdSense PIN码信件
前几个月申请了百度联盟，但是审核未通过，提示"网站内容有待提高"，后来就申请了谷歌联盟，并且通过了。 []...
CSS样式代码在线生成工具
> **Animista** ：<https://animista.net/> 各种动画这里都有。 [](...
Windows如何定时开启关闭Chrome浏览器？
Windows定时打开浏览器，访问链接，然后关闭浏览器。 复制以下代码至txt，保存为xxxx.bat。（注意后缀名） @title 开启浏览器Chrome @color 0a ping 127.0.0.1 -n 5 @echo 准备打开浏览器 @echo off cd /d C:\Users\Administrator\...
