说到 popover ，大家可能还有点陌生，但是当我们说到弹窗时，大家也就再熟悉不过了，它只是popover的一种表现形态。除

突然翻到在之前公司写的抽奖软件（用于公司年会）。觉得挺感慨的，TM的一共30+人，抽15左右，代码还是我写的，就是抽不中我。（真的是，涨了人品，失了智）

效果 1. 金蛋布局 别问为什么套这么多层div，一会有用- -！，这里主要介绍的是蛋平均分布的css代码 这是当前页面，下面开始把蛋平均分布在圆环上 计算蛋的旋转角度，360度，3个蛋就每个120d

前言 最近新增抽奖盲盒，就是扭蛋机的形式，由于前端使用GIF图会很大，而且图片会很大，所以扭蛋机中的扭蛋进行分离，前端单独使用css进行。 麦当劳扭蛋机效果 扭蛋机窗口大小 第一步先固定扭蛋机的窗口，

通过多种css属性（box-shadow、conic-gradient等），手写一个大转盘抽奖效果，可拿走即用，注意代码中的宽高的数值

业务需求 用户上传一张户型图，并且在图片描很多测试点。 鼠标放大缩小、拖拽 触屏手势放大缩小、拖拽 测试点需要跟随图片放大缩小、移动 先看最终完成的效果 基本页面结构 这里比较简单，一个div 跟一堆

背景： 产品小姐姐提的一个需求，希望在顶部的banner实现商品图的无限轮播，每次轮播只展示三张图片，每张图片停留1.5s后滑动，小于4张则不轮播。 需求拆分 接下来就是拆分需求了，根据小姐姐的需求，

最近受够了公司内部站点每次登陆都需要填写用户名和密码，还有输入验证码。 要是能够直接跳过登陆页面就好啦。 说干就干，决定使用油猴插件实现自动登陆功能。 其中最难解决的就是验证码破解，花了一天的时间完美

今天给大家带来的文章是：《短链接系统如何设计》。在开始之前，先让我们熟悉一下什么是长链接： shigen相信：这类系统大家都有遇到过，一看到就很头疼。要么是域名特别长，要么是带的参数特别多。