一、前言保持线上项目稳定运行是很重要的，为了达到服务可用性在99.9%，也为了减少开发人员在项目部署时耗费大量精力，可以尝试自动化发布自动化部署涉及到的配置比较多，每个环节需要掌握的知识也不同，所以分开写该过程中用到的技术栈webpack docker nginx shell二、实践环境macnode > 10.11.1docker > 20.0.0三、提前准备的内容通过create-...
背景：在开发移动端内部应用的时候，涉及安全问题，我们经常在企业微信或者图片上看到水印，防止信息被泄露，针对这次开发做个复盘，记录下。效果图如下： 一、实现原理1、首先用canvas绘制水印2、创建蒙层div，可以覆盖在页面上，并设置pointer-events:none属性3、将canvas绘制的水印作为背景图重复渲染在第二步创建的div上4、将第三步水印div插入容器中二、组件封装1、新建移动端...
社区管理员
发布于
背景：在开发移动端内部应用的时候，涉及安全问题，我们经常在企业微信或者图片上看到水印，防止信息被泄露，针对这次开发做个复盘，记录下。效果图如下： 一、实现原理1、首先用canvas绘制水印2、创建蒙层div，可以覆盖在页面上，并设置pointer-events:none属性3、将canvas绘制的水印作为背景图重复渲染在第二步创建的div上4、将第三步水印div插入容器中二、组件封装1、新建移动端...
社区管理员
发布于
一、项目背景前端项目开发一个模块，上线前需要灰度一部分用户，实现一个临时的灰度方案。现有项目状况：一个前端项目1.0.0版本后端服务1.0.0版本后端灰度服务2.0.0版本一个域名解析到前端服务80、443端口前端通过nginx转发静态文件1、实现原理1、打包一份前端项目2.0.0版本，上传服务器，部署不同端口2、通过nginx获取文件中携带的请求头remote_user，在nginx代理静态文件...
社区管理员
发布于
现象：在前端开发中，发现项目中很多路径引入都是相对路径，出现很多类似importapifrom"../../../api/test"import*asapifrom"../../../api"复制代码这样会导致文件引用的时候，需要计算层级，拖慢开发速度，解决方法如下：对于经常使用的目录，可以采用别名的方式解决不管路径如何，只要在该目录下就从该目录读起，优化效...
社区管理员
发布于
认证
