用户中心USER CENTER

首页/用户
  • Gitlab CI/CD执行流程

    一、什么是CI/CDCI 持续集成CD 持续交付CI/CD就是在开发阶段,通过自动化发布,来频繁部署应用的一种方式二、为什么要配置CI/CD想象一下,一个项目的发布如果手动部署,需要的操作有:单元测试打包文件上传服务器等等如果每个过程都需要手动执行,每次都要保证不出错,这个已经很繁琐了。而现在大的前端项目多达10+的人开发,而且人员流动大。如果每个人都这么发布,快速迭代就容易出错。这时候就需要CI...

    社区管理员 发布于
  • docker构建镜像

    一、前言保持线上项目稳定运行是很重要的,为了达到服务可用性在99.9%,也为了减少开发人员在项目部署时耗费大量精力,可以尝试自动化发布自动化部署涉及到的配置比较多,每个环节需要掌握的知识也不同,所以分开写该过程中用到的技术栈webpack docker nginx shell二、实践环境macnode > 10.11.1docker > 20.0.0三、提前准备的内容通过create-...

    社区管理员 发布于虚拟化
  • React组件封装 - 实现水印功能

    背景:在开发移动端内部应用的时候,涉及安全问题,我们经常在企业微信或者图片上看到水印,防止信息被泄露,针对这次开发做个复盘,记录下。效果图如下: 一、实现原理1、首先用canvas绘制水印2、创建蒙层div,可以覆盖在页面上,并设置pointer-events:none属性3、将canvas绘制的水印作为背景图重复渲染在第二步创建的div上4、将第三步水印div插入容器中二、组件封装1、新建移动端...

    社区管理员 发布于
  • React组件封装 - 实现水印功能

    背景:在开发移动端内部应用的时候,涉及安全问题,我们经常在企业微信或者图片上看到水印,防止信息被泄露,针对这次开发做个复盘,记录下。效果图如下: 一、实现原理1、首先用canvas绘制水印2、创建蒙层div,可以覆盖在页面上,并设置pointer-events:none属性3、将canvas绘制的水印作为背景图重复渲染在第二步创建的div上4、将第三步水印div插入容器中二、组件封装1、新建移动端...

    社区管理员 发布于
  • 前端简单的灰度方案,使用nginx

    一、项目背景前端项目开发一个模块,上线前需要灰度一部分用户,实现一个临时的灰度方案。现有项目状况:一个前端项目1.0.0版本后端服务1.0.0版本后端灰度服务2.0.0版本一个域名解析到前端服务80、443端口前端通过nginx转发静态文件1、实现原理1、打包一份前端项目2.0.0版本,上传服务器,部署不同端口2、通过nginx获取文件中携带的请求头remote_user,在nginx代理静态文件...

    社区管理员 发布于
<