web_vivi

需要从后台配置内容H5获取内容，然后通过分享小程序；只有用户点击了小程序的后退、分享按钮或者是小程序嵌入的H5页面销毁才能触发参数的传递，否则是不会触发。

当时用iframe嵌套了另外一个系统的页面，然后点击另外一个系统按钮跳转到当前系统的页面，后面才知道可以iframe与组件之间传值，就是直接一个页面传值，另外一个页面接收值，根据接收到的值做操作；

这个抽奖，主要是运用背景的位置来滑动位置；html主要分为三个模块，第一个模块是奖品(class为center模块)；第二个模块是旋转的灯的效果(class为deng模块);第三个是抽奖的按钮

html很简单，containerBg是承载背景的，然后blurStar这个div是星空的容器；meteor是放流星的容器；这个星空主要是css的样式处理；

以前用vue写过css大转盘抽奖，当时对4个奖品以下的转盘样式会错乱，在这里已修复这个问题；这里主要是用js把奖项和样式赋值到容器中

公司用了vue-quill-editor插件，点击图片上传按钮会直接上传到后台的oss服务器上，但是在运营的时候发现她们有时候会直接粘贴到富文本框，判断复制的是base64的时候也上传到后台

我们经常会碰到复杂的动画，运用json文件进行动画；lottie是一个跨平台的动画库，通过AE导出动画Json文件，然后用解析这个Json文件，还原动画

有一个需求是在pc上需要隐藏右键功能，在这个页面的第一个div中添加右键调用函数@contextmenu；

ps：需求是有一个地图svg链接，需要点击某个板块，就以g对象为例添加点击事件，跳转到对应的链接；vue2和vue3在svgDom对象转换成vue的虚拟dom方法上略有不同，

从后台获取到图片数组，前端给每个图片添加水印；用canvas绘制;因为是用canvas绘制图片，所以拿到的图片是需要有读写功能的；先把图片链接变成base64;再用canvas绘制图片和水印文字